controls

ant-design-pro-vue3/src/views/front/platfrom/controls/AdornerContainer/PlaceholderAdorner.cs

@@ -0,0 +1,93 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Windows.Documents;
+using System.Windows.Media;
+using System.Windows.Controls;
+using System.Windows;
+using System.Windows.Data;
+using System.ComponentModel;
+using System.Globalization;
+using Platform.Common.BasicFunctions;
+using Platform.Controls.ControlsHelper;
+
+namespace Platform.Controls.AdornerContainer
+{
+   [DesignTimeVisible(false)]
+   public class PlaceholderAdorner:Adorner
+   {
+       private VisualCollection _visCollec;
+       private TextBlock _tb;
+       private TextBox _txt;
+
+       public PlaceholderAdorner(UIElement ele, string placeholder)
+           : base(ele)
+       {
+           _txt = ele as TextBox;
+           if (_txt == null) return;
+
+           Binding bd = new Binding("IsVisible");
+           bd.Source = _txt;
+           bd.Mode = BindingMode.OneWay;
+           bd.Converter = new BoolToVisibilityConverter();
+           this.SetBinding(TextBox.VisibilityProperty, bd);
+           _visCollec = new VisualCollection(this);
+           _tb = new TextBlock();
+           _tb.Style = null;
+           _tb.FontSize = _txt.FontSize;
+           _tb.FontFamily = _txt.FontFamily;
+           _tb.FontWeight = _txt.FontWeight;
+           _tb.FontStretch = _txt.FontStretch;
+           _tb.FontStyle = FontStyles.Italic;
+           _tb.Foreground = Brushes.Gray;
+           _tb.Text = placeholder;
+           _tb.IsHitTestVisible = false;
+           _visCollec.Add(_tb);
+       }
+
+       protected override int VisualChildrenCount
+       {
+           get
+           {
+               return _visCollec.Count;
+           }
+       }
+
+       protected override Size ArrangeOverride(Size finalSize)
+       {
+           Point point = TextBoxHelper.GetPlaceholderOffset(this.AdornedElement);
+           _tb.Arrange(new Rect(point, finalSize));
+           return finalSize;
+       }
+
+       protected override Visual GetVisualChild(int index)
+       {
+           return _visCollec[index];
+       }
+
+       /// <summary>
+       /// 重写方法以添加进一步图形元素到呈现的元素，如效果或装饰器。
+       /// </summary>
+       /// <param name="drawingContext">DrawingContext 对象作为参数传递，可以为绘制形状、文本、图像或视频提供方法</param>
+       //protected override void OnRender(DrawingContext drawingContext)
+       //{
+       //    TextBox txt = this.AdornedElement as TextBox;
+       //    if (txt == null || !txt.IsVisible) return;
+
+       //    this.IsHitTestVisible = false;
+
+       //    drawingContext.DrawText(
+       //        new FormattedText
+       //        (
+       //            _placeholder, 
+       //            CultureInfo.CurrentCulture,
+       //            txt.FlowDirection,
+       //            new Typeface(txt.FontFamily, FontStyles.Italic, txt.FontWeight, txt.FontStretch), 
+       //            txt.FontSize,
+       //            Brushes.Gray
+       //        ),
+       //        new Point(4, 2));
+       //}
+   }
+}

ant-design-pro-vue3/src/views/front/platfrom/controls/AdornerContainer/PromptAdornerCount/PromptAdorner.ts

@@ -0,0 +1,62 @@
+import { Directive, DirectiveBinding, ObjectDirective } from 'vue';
+
+// 模拟 PromptChrome
+class PromptChrome {
+    // 这里可以添加具体的渲染逻辑
+    render() {
+        // ...
+    }
+}
+
+// 定义附加属性的存储对象
+const promptCountMap = new WeakMap<HTMLElement, number>();
+const isPromptEnabledMap = new WeakMap<HTMLElement, boolean>();
+
+// 获取和设置 PromptCount
+function getPromptCount(el: HTMLElement): number {
+    return promptCountMap.get(el) || 0;
+}
+
+function setPromptCount(el: HTMLElement, value: number): void {
+    value = Math.max(0, value);
+    promptCountMap.set(el, value);
+    // 这里可以添加 PromptCountChangedCallBack 的逻辑
+}
+
+// 获取和设置 IsPromptEnabled
+function getIsPromptEnabled(el: HTMLElement): boolean {
+    return isPromptEnabledMap.get(el) || false;
+}
+
+function setIsPromptEnabled(el: HTMLElement, value: boolean): void {
+    isPromptEnabledMap.set(el, value);
+    isPromptEnabledChangedCallBack(el, value);
+}
+
+// IsPromptEnabled 属性值改变回调方法
+function isPromptEnabledChangedCallBack(el: HTMLElement, isEnabled: boolean) {
+    const chrome = new PromptChrome();
+    if (isEnabled) {
+        // 模拟添加装饰件
+        chrome.render();
+    } else {
+        // 模拟移除装饰件
+        // ...
+    }
+}
+
+// 自定义指令
+const PromptAdornerDirective: ObjectDirective = {
+    mounted(el: HTMLElement, binding: DirectiveBinding) {
+        const { promptCount, isPromptEnabled } = binding.value;
+        setPromptCount(el, promptCount);
+        setIsPromptEnabled(el, isPromptEnabled);
+    },
+    updated(el: HTMLElement, binding: DirectiveBinding) {
+        const { promptCount, isPromptEnabled } = binding.value;
+        setPromptCount(el, promptCount);
+        setIsPromptEnabled(el, isPromptEnabled);
+    }
+};
+
+export default PromptAdornerDirective;

ant-design-pro-vue3/src/views/front/platfrom/controls/AdornerContainer/PromptAdornerCount/PromptChrome.cs

@@ -0,0 +1,31 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Windows;
+using System.Windows.Data;
+using System.Windows.Controls;
+using System.Windows.Media;
+
+namespace Platform.Controls.AdornerContainer
+{
+  public  class PromptChrome:Control
+    {
+        static PromptChrome()
+        {
+            DefaultStyleKeyProperty.OverrideMetadata(typeof(PromptChrome), new FrameworkPropertyMetadata(typeof(PromptChrome)));
+        }
+        protected override Size ArrangeOverride(Size arrangeBounds)
+        {
+            this.Width = 20;
+            this.Height = 20;
+            this.HorizontalAlignment = HorizontalAlignment.Right;
+            this.VerticalAlignment = VerticalAlignment.Top;
+            TranslateTransform tt = new TranslateTransform();
+            tt.X = 2;
+            tt.Y = -5;
+            this.RenderTransform = tt;
+            return base.ArrangeOverride(arrangeBounds);
+        }
+    }
+}

ant-design-pro-vue3/src/views/front/platfrom/controls/AdornerContainer/TextLengthAdorner.cs

@@ -0,0 +1,84 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Windows.Documents;
+using System.Windows.Media;
+using System.Windows.Controls;
+using System.Windows;
+using System.Windows.Data;
+using System.ComponentModel;
+using Platform.Common.BasicFunctions;
+
+namespace Platform.Controls.AdornerContainer
+{
+   [DesignTimeVisible(false)]
+   public class TextLengthAdorner:Adorner
+   {
+       private VisualCollection _visCollec;
+       private TextBlock _rec;
+       private TextBox _tb;
+       protected override int VisualChildrenCount
+       {
+           get
+           {
+               return _visCollec.Count;
+           }
+       }
+
+       public string LengthText
+       {
+           set { _rec.Text = value; }
+       }
+       public TextLengthAdorner(UIElement ele)
+           : base(ele)
+       {
+           if (ele is TextBox)
+           {
+               _tb =(TextBox) ele;
+               Binding bd = new Binding("IsVisible");
+               bd.Source = _tb;
+               bd.Mode = BindingMode.OneWay;
+               bd.Converter = new BoolToVisibilityConverter();
+               this.SetBinding(TextBox.VisibilityProperty, bd);
+               _visCollec = new VisualCollection(this);
+               _rec = new TextBlock();
+               _rec.SizeChanged += new SizeChangedEventHandler(rec_SizeChanged);
+               _rec.FontSize = 12;
+               _rec.VerticalAlignment = VerticalAlignment.Top;
+               _rec.SetBinding(TextBlock.TextProperty, new Binding("Text") 
+               { 
+                   Source = _tb,
+                   Converter = new TextToEncodingLengthConverter()
+               });
+               _visCollec.Add(_rec);
+
+           }
+       }
+
+       /// <summary>
+       /// 重新定位子元素
+       /// </summary>
+       private void Arrange()
+       {
+           Rect r = new Rect(this._tb.ActualWidth + 2, 6, this._rec.ActualWidth, this.AdornedElement.DesiredSize.Height);
+           _rec.Arrange(r);
+       }
+
+       protected override Size ArrangeOverride(Size finalSize)
+       {
+           this.Arrange();
+           return finalSize;
+       }
+
+       private void rec_SizeChanged(object sender, System.Windows.SizeChangedEventArgs e)
+       {
+           // textblock大小发生变化意味着里面字符长度发生变化，所以需要重新计算装饰器大小
+           this.Arrange();
+       }
+       protected override Visual GetVisualChild(int index)
+       {
+           return _visCollec[index];
+       }
+   }
+}

ant-design-pro-vue3/src/views/front/platfrom/controls/BaseContainer/Arrow/Arrow.ts

@@ -0,0 +1,71 @@
+import { defineComponent, ref, computed } from 'vue';
+
+export default defineComponent({
+    props: {
+        X1: {
+            type: Number,
+            default: 10
+        },
+        Y1: {
+            type: Number,
+            default: 10
+        },
+        X2: {
+            type: Number,
+            default: 25
+        },
+        Y2: {
+            type: Number,
+            default: 10
+        },
+        HeadHeight: {
+            type: Number,
+            default: 15
+        },
+        HeadWidth: {
+            type: Number,
+            default: 20
+        },
+        LineHeight: {
+            type: Number,
+            default: 3
+        }
+    },
+    setup(props) {
+        const stroke = ref('gray');
+        const strokeThickness = ref(1);
+        const fill = ref('black');
+
+        const pathData = computed(() => {
+            const y = (props.Y1 + props.Y2) / 2;
+            const yAdd = y + props.LineHeight;
+            const yDel = y - props.LineHeight;
+            const yHA = y + props.HeadHeight / 2;
+            const yHD = y - props.HeadHeight / 2;
+            const xH = props.X2 + props.HeadWidth;
+
+            const p1 = `M${props.X1},${yAdd}`;
+            const p2 = `L${props.X2},${yAdd}`;
+            const p3 = `L${props.X2},${yHA}`;
+            const p4 = `L${xH},${y}`;
+            const p5 = `L${props.X2},${yHD}`;
+            const p6 = `L${props.X2},${yDel}`;
+            const p7 = `L${props.X1},${yDel}`;
+            const close = 'Z';
+
+            return `${p1} ${p2} ${p3} ${p4} ${p5} ${p6} ${p7} ${close}`;
+        });
+
+        return {
+            stroke,
+            strokeThickness,
+            fill,
+            pathData
+        };
+    },
+    template: `
+        <svg>
+            <path :d="pathData" :stroke="stroke" :stroke-width="strokeThickness" :fill="fill" />
+        </svg>
+    `
+});

ant-design-pro-vue3/src/views/front/platfrom/controls/BaseContainer/Button/ImageButton.cs

@@ -0,0 +1,86 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Data;
+using System.Windows.Documents;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Media.Imaging;
+using System.Windows.Navigation;
+using System.Windows.Shapes;
+
+namespace Platform.Controls.BaseContainer
+{
+    public class ImageButton : Button
+    {
+        Image innerImage;
+
+        static ImageButton()
+        {
+            DefaultStyleKeyProperty.OverrideMetadata(typeof(ImageButton), new FrameworkPropertyMetadata(typeof(ImageButton)));
+        }
+
+        public ImageButton()
+        {
+            this.IsEnabledChanged += new DependencyPropertyChangedEventHandler(ImageButton_IsEnabledChanged);
+        }
+
+        public override void OnApplyTemplate()
+        {
+            base.OnApplyTemplate();
+
+            innerImage = this.Template.FindName("innerImage", this) as Image;
+
+            if (innerImage == null) return;
+
+            if (this.IsEnabled && ImageSource != null)
+            {
+                innerImage.Source = ImageSource;
+            }
+            else if (!this.IsEnabled && GrayImageSource != null)
+            {
+                innerImage.Source = GrayImageSource;
+            }
+        }
+
+        void ImageButton_IsEnabledChanged(object sender, DependencyPropertyChangedEventArgs e)
+        {
+            if (innerImage == null) return;
+
+            if (this.IsEnabled && ImageSource != null)
+            {
+                innerImage.Source = ImageSource;
+            }
+            else if (!this.IsEnabled && GrayImageSource != null)
+            {
+                innerImage.Source = GrayImageSource;
+            }
+        }
+
+        public ImageSource ImageSource
+        {
+            get { return (ImageSource)GetValue(ImageSourceProperty); }
+            set { SetValue(ImageSourceProperty, value); }
+        }
+
+        // Using a DependencyProperty as the backing store for ImageSource.  This enables animation, styling, binding, etc...
+        public static readonly DependencyProperty ImageSourceProperty =
+            DependencyProperty.Register("ImageSource", typeof(ImageSource), typeof(ImageButton), new UIPropertyMetadata(null));
+
+
+
+        public ImageSource GrayImageSource
+        {
+            get { return (ImageSource)GetValue(GrayImageSourceProperty); }
+            set { SetValue(GrayImageSourceProperty, value); }
+        }
+
+        // Using a DependencyProperty as the backing store for GrayImageSource.  This enables animation, styling, binding, etc...
+        public static readonly DependencyProperty GrayImageSourceProperty =
+            DependencyProperty.Register("GrayImageSource", typeof(ImageSource), typeof(ImageButton), new UIPropertyMetadata(null));
+
+    }
+}

ant-design-pro-vue3/src/views/front/platfrom/controls/BaseContainer/Button/ImageButtonChrome.cs

@@ -0,0 +1,907 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Windows.Controls;
+using System.Windows.Media;
+using System.Windows;
+using System.Runtime;
+using System.Windows.Media.Animation;
+
+namespace Platform.Controls.BaseContainer
+{
+    public sealed class ImageButtonChrome : Decorator
+    {
+        private class LocalResources
+        {
+            public Pen BorderOverlayPen;
+            public Pen InnerBorderPen;
+            public LinearGradientBrush BackgroundOverlay;
+            public LinearGradientBrush LeftDropShadowBrush;
+            public LinearGradientBrush TopDropShadowBrush;
+        }
+        public static readonly DependencyProperty BackgroundProperty;
+        public static readonly DependencyProperty BorderBrushProperty;
+        public static readonly DependencyProperty RenderDefaultedProperty;
+        public static readonly DependencyProperty RenderMouseOverProperty;
+        public static readonly DependencyProperty RenderPressedProperty;
+        public static readonly DependencyProperty RoundCornersProperty;
+        private static Pen _commonBorderPen;
+        private static Pen _commonInnerBorderPen;
+        private static Pen _commonDisabledBorderOverlay;
+        private static SolidColorBrush _commonDisabledBackgroundOverlay;
+        private static Pen _commonDefaultedInnerBorderPen;
+        private static LinearGradientBrush _commonHoverBackgroundOverlay;
+        private static Pen _commonHoverBorderOverlay;
+        private static LinearGradientBrush _commonPressedBackgroundOverlay;
+        private static Pen _commonPressedBorderOverlay;
+        private static LinearGradientBrush _commonPressedLeftDropShadowBrush;
+        private static LinearGradientBrush _commonPressedTopDropShadowBrush;
+        private static object _resourceAccess;
+        private ImageButtonChrome.LocalResources _localResources;
+        public Brush Background
+        {
+            get
+            {
+                return (Brush)base.GetValue(ImageButtonChrome.BackgroundProperty);
+            }
+            set
+            {
+                base.SetValue(ImageButtonChrome.BackgroundProperty, value);
+            }
+        }
+        public Brush BorderBrush
+        {
+            get
+            {
+                return (Brush)base.GetValue(ImageButtonChrome.BorderBrushProperty);
+            }
+            set
+            {
+                base.SetValue(ImageButtonChrome.BorderBrushProperty, value);
+            }
+        }
+        public bool RenderDefaulted
+        {
+            get
+            {
+                return (bool)base.GetValue(ImageButtonChrome.RenderDefaultedProperty);
+            }
+            set
+            {
+                base.SetValue(ImageButtonChrome.RenderDefaultedProperty, value);
+            }
+        }
+        public bool RenderMouseOver
+        {
+            get
+            {
+                return (bool)base.GetValue(ImageButtonChrome.RenderMouseOverProperty);
+            }
+            set
+            {
+                base.SetValue(ImageButtonChrome.RenderMouseOverProperty, value);
+            }
+        }
+        public bool RenderPressed
+        {
+            get
+            {
+                return (bool)base.GetValue(ImageButtonChrome.RenderPressedProperty);
+            }
+            set
+            {
+                base.SetValue(ImageButtonChrome.RenderPressedProperty, value);
+            }
+        }
+        public bool RoundCorners
+        {
+            get
+            {
+                return (bool)base.GetValue(ImageButtonChrome.RoundCornersProperty);
+            }
+            set
+            {
+                base.SetValue(ImageButtonChrome.RoundCornersProperty, value);
+            }
+        }
+        internal int EffectiveValuesInitialSize
+        {
+            get
+            {
+                return 9;
+            }
+        }
+        private bool Animates
+        {
+            get
+            {
+                return SystemParameters.PowerLineStatus == PowerLineStatus.Online && SystemParameters.ClientAreaAnimation && RenderCapability.Tier > 0 && base.IsEnabled;
+            }
+        }
+        private static LinearGradientBrush CommonHoverBackgroundOverlay
+        {
+            get
+            {
+                if (ImageButtonChrome._commonHoverBackgroundOverlay == null)
+                {
+                    lock (ImageButtonChrome._resourceAccess)
+                    {
+                        if (ImageButtonChrome._commonHoverBackgroundOverlay == null)
+                        {
+                            LinearGradientBrush linearGradientBrush = new LinearGradientBrush();
+                            linearGradientBrush.StartPoint = new Point(0.0, 0.0);
+                            linearGradientBrush.EndPoint = new Point(0.0, 1.0);
+                            linearGradientBrush.GradientStops.Add(new GradientStop(Color.FromArgb(255, 234, 246, 253), 0.0));
+                            linearGradientBrush.GradientStops.Add(new GradientStop(Color.FromArgb(255, 217, 240, 252), 0.5));
+                            linearGradientBrush.GradientStops.Add(new GradientStop(Color.FromArgb(255, 190, 230, 253), 0.5));
+                            linearGradientBrush.GradientStops.Add(new GradientStop(Color.FromArgb(255, 167, 217, 245), 1.0));
+                            linearGradientBrush.Freeze();
+                            ImageButtonChrome._commonHoverBackgroundOverlay = linearGradientBrush;
+                        }
+                    }
+                }
+                return ImageButtonChrome._commonHoverBackgroundOverlay;
+            }
+        }
+        private static LinearGradientBrush CommonPressedBackgroundOverlay
+        {
+            get
+            {
+                if (ImageButtonChrome._commonPressedBackgroundOverlay == null)
+                {
+                    lock (ImageButtonChrome._resourceAccess)
+                    {
+                        if (ImageButtonChrome._commonPressedBackgroundOverlay == null)
+                        {
+                            LinearGradientBrush linearGradientBrush = new LinearGradientBrush();
+                            linearGradientBrush.StartPoint = new Point(0.0, 0.0);
+                            linearGradientBrush.EndPoint = new Point(0.0, 1.0);
+                            linearGradientBrush.GradientStops.Add(new GradientStop(Color.FromArgb(255, 194, 228, 246), 0.5));
+                            linearGradientBrush.GradientStops.Add(new GradientStop(Color.FromArgb(255, 171, 218, 243), 0.5));
+                            linearGradientBrush.GradientStops.Add(new GradientStop(Color.FromArgb(255, 144, 203, 235), 1.0));
+                            linearGradientBrush.Freeze();
+                            ImageButtonChrome._commonPressedBackgroundOverlay = linearGradientBrush;
+                        }
+                    }
+                }
+                return ImageButtonChrome._commonPressedBackgroundOverlay;
+            }
+        }
+        private static SolidColorBrush CommonDisabledBackgroundOverlay
+        {
+            get
+            {
+                if (ImageButtonChrome._commonDisabledBackgroundOverlay == null)
+                {
+                    lock (ImageButtonChrome._resourceAccess)
+                    {
+                        if (ImageButtonChrome._commonDisabledBackgroundOverlay == null)
+                        {
+                            SolidColorBrush solidColorBrush = new SolidColorBrush(Color.FromRgb(244, 244, 244));
+                            solidColorBrush.Freeze();
+                            ImageButtonChrome._commonDisabledBackgroundOverlay = solidColorBrush;
+                        }
+                    }
+                }
+                return ImageButtonChrome._commonDisabledBackgroundOverlay;
+            }
+        }
+        private Brush BackgroundOverlay
+        {
+            get
+            {
+                if (!base.IsEnabled)
+                {
+                    return Brushes.Transparent;
+                    //return ImageButtonChrome.CommonDisabledBackgroundOverlay;
+                }
+                if (!this.Animates)
+                {
+                    if (this.RenderPressed)
+                    {
+                        return ImageButtonChrome.CommonPressedBackgroundOverlay;
+                    }
+                    if (this.RenderMouseOver)
+                    {
+                        return ImageButtonChrome.CommonHoverBackgroundOverlay;
+                    }
+                    return null;
+                }
+                else
+                {
+                    if (this._localResources != null)
+                    {
+                        if (this._localResources.BackgroundOverlay == null)
+                        {
+                            this._localResources.BackgroundOverlay = ImageButtonChrome.CommonHoverBackgroundOverlay.Clone();
+                            this._localResources.BackgroundOverlay.Opacity = 0.0;
+                        }
+                        return this._localResources.BackgroundOverlay;
+                    }
+                    return null;
+                }
+            }
+        }
+        private static Pen CommonHoverBorderOverlay
+        {
+            get
+            {
+                if (ImageButtonChrome._commonHoverBorderOverlay == null)
+                {
+                    lock (ImageButtonChrome._resourceAccess)
+                    {
+                        if (ImageButtonChrome._commonHoverBorderOverlay == null)
+                        {
+                            Pen pen = new Pen();
+                            pen.Thickness = 1.0;
+                            pen.Brush = new SolidColorBrush(Color.FromRgb(60, 127, 177));
+                            pen.Freeze();
+                            ImageButtonChrome._commonHoverBorderOverlay = pen;
+                        }
+                    }
+                }
+                return ImageButtonChrome._commonHoverBorderOverlay;
+            }
+        }
+        private static Pen CommonPressedBorderOverlay
+        {
+            get
+            {
+                if (ImageButtonChrome._commonPressedBorderOverlay == null)
+                {
+                    lock (ImageButtonChrome._resourceAccess)
+                    {
+                        if (ImageButtonChrome._commonPressedBorderOverlay == null)
+                        {
+                            Pen pen = new Pen();
+                            pen.Thickness = 1.0;
+                            pen.Brush = new SolidColorBrush(Color.FromRgb(44, 98, 139));
+                            pen.Freeze();
+                            ImageButtonChrome._commonPressedBorderOverlay = pen;
+                        }
+                    }
+                }
+                return ImageButtonChrome._commonPressedBorderOverlay;
+            }
+        }
+        private static Pen CommonDisabledBorderOverlay
+        {
+            get
+            {
+                if (ImageButtonChrome._commonDisabledBorderOverlay == null)
+                {
+                    lock (ImageButtonChrome._resourceAccess)
+                    {
+                        if (ImageButtonChrome._commonDisabledBorderOverlay == null)
+                        {
+                            Pen pen = new Pen();
+                            pen.Thickness = 1.0;
+                            pen.Brush = new SolidColorBrush(Color.FromRgb(173, 178, 181));
+                            pen.Freeze();
+                            ImageButtonChrome._commonDisabledBorderOverlay = pen;
+                        }
+                    }
+                }
+                return ImageButtonChrome._commonDisabledBorderOverlay;
+            }
+        }
+        private Pen BorderOverlayPen
+        {
+            get
+            {
+                if (!base.IsEnabled)
+                {
+                    if (this.RoundCorners)
+                    {
+                        return ImageButtonChrome.CommonDisabledBorderOverlay;
+                    }
+                    return null;
+                }
+                else
+                {
+                    if (!this.Animates)
+                    {
+                        if (this.RenderPressed)
+                        {
+                            return ImageButtonChrome.CommonPressedBorderOverlay;
+                        }
+                        if (this.RenderMouseOver)
+                        {
+                            return ImageButtonChrome.CommonHoverBorderOverlay;
+                        }
+                        return null;
+                    }
+                    else
+                    {
+                        if (this._localResources != null)
+                        {
+                            if (this._localResources.BorderOverlayPen == null)
+                            {
+                                this._localResources.BorderOverlayPen = ImageButtonChrome.CommonHoverBorderOverlay.Clone();
+                                this._localResources.BorderOverlayPen.Brush.Opacity = 0.0;
+                            }
+                            return this._localResources.BorderOverlayPen;
+                        }
+                        return null;
+                    }
+                }
+            }
+        }
+        private static Pen CommonInnerBorderPen
+        {
+            get
+            {
+                if (ImageButtonChrome._commonInnerBorderPen == null)
+                {
+                    lock (ImageButtonChrome._resourceAccess)
+                    {
+                        if (ImageButtonChrome._commonInnerBorderPen == null)
+                        {
+                            Pen pen = new Pen();
+                            pen.Thickness = 1.0;
+                            pen.Brush = new LinearGradientBrush
+                            {
+                                StartPoint = new Point(0.0, 0.0),
+                                EndPoint = new Point(0.0, 1.0),
+                                GradientStops = 
+								{
+									new GradientStop(Color.FromArgb(250, 255, 255, 255), 0.0),
+									new GradientStop(Color.FromArgb(133, 255, 255, 255), 1.0)
+								}
+                            };
+                            pen.Freeze();
+                            ImageButtonChrome._commonInnerBorderPen = pen;
+                        }
+                    }
+                }
+                return ImageButtonChrome._commonInnerBorderPen;
+            }
+        }
+        private static Pen CommonDefaultedInnerBorderPen
+        {
+            get
+            {
+                if (ImageButtonChrome._commonDefaultedInnerBorderPen == null)
+                {
+                    lock (ImageButtonChrome._resourceAccess)
+                    {
+                        if (ImageButtonChrome._commonDefaultedInnerBorderPen == null)
+                        {
+                            Pen pen = new Pen();
+                            pen.Thickness = 1.0;
+                            pen.Brush = new SolidColorBrush(Color.FromArgb(249, 0, 204, 255));
+                            pen.Freeze();
+                            ImageButtonChrome._commonDefaultedInnerBorderPen = pen;
+                        }
+                    }
+                }
+                return ImageButtonChrome._commonDefaultedInnerBorderPen;
+            }
+        }
+        private Pen InnerBorderPen
+        {
+            get
+            {
+                if (!base.IsEnabled)
+                {
+                    return ImageButtonChrome.CommonInnerBorderPen;
+                }
+                if (!this.Animates)
+                {
+                    if (this.RenderPressed)
+                    {
+                        return null;
+                    }
+                    if (this.RenderDefaulted)
+                    {
+                        return ImageButtonChrome.CommonDefaultedInnerBorderPen;
+                    }
+                    return ImageButtonChrome.CommonInnerBorderPen;
+                }
+                else
+                {
+                    if (this._localResources != null)
+                    {
+                        if (this._localResources.InnerBorderPen == null)
+                        {
+                            this._localResources.InnerBorderPen = ImageButtonChrome.CommonInnerBorderPen.Clone();
+                        }
+                        return this._localResources.InnerBorderPen;
+                    }
+                    return ImageButtonChrome.CommonInnerBorderPen;
+                }
+            }
+        }
+        private static LinearGradientBrush CommonPressedLeftDropShadowBrush
+        {
+            get
+            {
+                if (ImageButtonChrome._commonPressedLeftDropShadowBrush == null)
+                {
+                    lock (ImageButtonChrome._resourceAccess)
+                    {
+                        if (ImageButtonChrome._commonPressedLeftDropShadowBrush == null)
+                        {
+                            LinearGradientBrush linearGradientBrush = new LinearGradientBrush();
+                            linearGradientBrush.StartPoint = new Point(0.0, 0.0);
+                            linearGradientBrush.EndPoint = new Point(1.0, 0.0);
+                            linearGradientBrush.GradientStops.Add(new GradientStop(Color.FromArgb(128, 51, 51, 51), 0.0));
+                            linearGradientBrush.GradientStops.Add(new GradientStop(Color.FromArgb(0, 51, 51, 51), 1.0));
+                            linearGradientBrush.Freeze();
+                            ImageButtonChrome._commonPressedLeftDropShadowBrush = linearGradientBrush;
+                        }
+                    }
+                }
+                return ImageButtonChrome._commonPressedLeftDropShadowBrush;
+            }
+        }
+        private LinearGradientBrush LeftDropShadowBrush
+        {
+            get
+            {
+                if (!base.IsEnabled)
+                {
+                    return null;
+                }
+                if (!this.Animates)
+                {
+                    if (this.RenderPressed)
+                    {
+                        return ImageButtonChrome.CommonPressedLeftDropShadowBrush;
+                    }
+                    return null;
+                }
+                else
+                {
+                    if (this._localResources != null)
+                    {
+                        if (this._localResources.LeftDropShadowBrush == null)
+                        {
+                            this._localResources.LeftDropShadowBrush = ImageButtonChrome.CommonPressedLeftDropShadowBrush.Clone();
+                            this._localResources.LeftDropShadowBrush.Opacity = 0.0;
+                        }
+                        return this._localResources.LeftDropShadowBrush;
+                    }
+                    return null;
+                }
+            }
+        }
+        private static LinearGradientBrush CommonPressedTopDropShadowBrush
+        {
+            get
+            {
+                if (ImageButtonChrome._commonPressedTopDropShadowBrush == null)
+                {
+                    lock (ImageButtonChrome._resourceAccess)
+                    {
+                        if (ImageButtonChrome._commonPressedTopDropShadowBrush == null)
+                        {
+                            LinearGradientBrush linearGradientBrush = new LinearGradientBrush();
+                            linearGradientBrush.StartPoint = new Point(0.0, 0.0);
+                            linearGradientBrush.EndPoint = new Point(0.0, 1.0);
+                            linearGradientBrush.GradientStops.Add(new GradientStop(Color.FromArgb(128, 51, 51, 51), 0.0));
+                            linearGradientBrush.GradientStops.Add(new GradientStop(Color.FromArgb(0, 51, 51, 51), 1.0));
+                            linearGradientBrush.Freeze();
+                            ImageButtonChrome._commonPressedTopDropShadowBrush = linearGradientBrush;
+                        }
+                    }
+                }
+                return ImageButtonChrome._commonPressedTopDropShadowBrush;
+            }
+        }
+        private LinearGradientBrush TopDropShadowBrush
+        {
+            get
+            {
+                if (!base.IsEnabled)
+                {
+                    return null;
+                }
+                if (!this.Animates)
+                {
+                    if (this.RenderPressed)
+                    {
+                        return ImageButtonChrome.CommonPressedTopDropShadowBrush;
+                    }
+                    return null;
+                }
+                else
+                {
+                    if (this._localResources != null)
+                    {
+                        if (this._localResources.TopDropShadowBrush == null)
+                        {
+                            this._localResources.TopDropShadowBrush = ImageButtonChrome.CommonPressedTopDropShadowBrush.Clone();
+                            this._localResources.TopDropShadowBrush.Opacity = 0.0;
+                        }
+                        return this._localResources.TopDropShadowBrush;
+                    }
+                    return null;
+                }
+            }
+        }
+        [TargetedPatchingOptOut("Performance critical to inline this type of method across NGen image boundaries")]
+        public ImageButtonChrome()
+        {
+        }
+        protected override Size MeasureOverride(Size availableSize)
+        {
+            UIElement child = this.Child;
+            Size desiredSize;
+            if (child != null)
+            {
+                Size availableSize2 = default(Size);
+                bool flag = availableSize.Width < 4.0;
+                bool flag2 = availableSize.Height < 4.0;
+                if (!flag)
+                {
+                    availableSize2.Width = availableSize.Width - 4.0;
+                }
+                if (!flag2)
+                {
+                    availableSize2.Height = availableSize.Height - 4.0;
+                }
+                child.Measure(availableSize2);
+                desiredSize = child.DesiredSize;
+                if (!flag)
+                {
+                    desiredSize.Width += 4.0;
+                }
+                if (!flag2)
+                {
+                    desiredSize.Height += 4.0;
+                }
+            }
+            else
+            {
+                desiredSize = new Size(Math.Min(4.0, availableSize.Width), Math.Min(4.0, availableSize.Height));
+            }
+            return desiredSize;
+        }
+        protected override Size ArrangeOverride(Size finalSize)
+        {
+            Rect finalRect = default(Rect);
+            finalRect.Width = Math.Max(0.0, finalSize.Width - 4.0);
+            finalRect.Height = Math.Max(0.0, finalSize.Height - 4.0);
+            finalRect.X = (finalSize.Width - finalRect.Width) * 0.5;
+            finalRect.Y = (finalSize.Height - finalRect.Height) * 0.5;
+            UIElement child = this.Child;
+            if (child != null)
+            {
+                child.Arrange(finalRect);
+            }
+            return finalSize;
+        }
+        protected override void OnRender(DrawingContext drawingContext)
+        {
+            Rect rect = new Rect(0.0, 0.0, base.ActualWidth, base.ActualHeight);
+            this.DrawBackground(drawingContext, ref rect);
+            this.DrawDropShadows(drawingContext, ref rect);
+            if (IsEnabled)
+            {
+                this.DrawBorder(drawingContext, ref rect);
+            }
+            this.DrawInnerBorder(drawingContext, ref rect);
+        }
+        static ImageButtonChrome()
+        {
+            ImageButtonChrome.BackgroundProperty = Control.BackgroundProperty.AddOwner(typeof(ImageButtonChrome), new FrameworkPropertyMetadata(null, FrameworkPropertyMetadataOptions.AffectsRender));
+            ImageButtonChrome.BorderBrushProperty = Border.BorderBrushProperty.AddOwner(typeof(ImageButtonChrome), new FrameworkPropertyMetadata(null, FrameworkPropertyMetadataOptions.AffectsRender));
+            ImageButtonChrome.RenderDefaultedProperty = DependencyProperty.Register("RenderDefaulted", typeof(bool), typeof(ImageButtonChrome), new FrameworkPropertyMetadata(false, new PropertyChangedCallback(ImageButtonChrome.OnRenderDefaultedChanged)));
+            ImageButtonChrome.RenderMouseOverProperty = DependencyProperty.Register("RenderMouseOver", typeof(bool), typeof(ImageButtonChrome), new FrameworkPropertyMetadata(false, new PropertyChangedCallback(ImageButtonChrome.OnRenderMouseOverChanged)));
+            ImageButtonChrome.RenderPressedProperty = DependencyProperty.Register("RenderPressed", typeof(bool), typeof(ImageButtonChrome), new FrameworkPropertyMetadata(false, new PropertyChangedCallback(ImageButtonChrome.OnRenderPressedChanged)));
+            ImageButtonChrome.RoundCornersProperty = DependencyProperty.Register("RoundCorners", typeof(bool), typeof(ImageButtonChrome), new FrameworkPropertyMetadata(true, FrameworkPropertyMetadataOptions.AffectsRender));
+            ImageButtonChrome._resourceAccess = new object();
+            UIElement.IsEnabledProperty.OverrideMetadata(typeof(ImageButtonChrome), new FrameworkPropertyMetadata(true, FrameworkPropertyMetadataOptions.AffectsRender));
+        }
+        private static void OnRenderDefaultedChanged(DependencyObject o, DependencyPropertyChangedEventArgs e)
+        {
+            ImageButtonChrome buttonChrome = (ImageButtonChrome)o;
+            if (buttonChrome.Animates)
+            {
+                if (!buttonChrome.RenderPressed)
+                {
+                    if ((bool)e.NewValue)
+                    {
+                        if (buttonChrome._localResources == null)
+                        {
+                            buttonChrome._localResources = new ImageButtonChrome.LocalResources();
+                            buttonChrome.InvalidateVisual();
+                        }
+                        Duration duration = new Duration(TimeSpan.FromSeconds(0.3));
+                        ColorAnimation animation = new ColorAnimation(Color.FromArgb(249, 0, 204, 255), duration);
+                        GradientStopCollection gradientStops = ((LinearGradientBrush)buttonChrome.InnerBorderPen.Brush).GradientStops;
+                        gradientStops[0].BeginAnimation(GradientStop.ColorProperty, animation);
+                        gradientStops[1].BeginAnimation(GradientStop.ColorProperty, animation);
+                        DoubleAnimationUsingKeyFrames doubleAnimationUsingKeyFrames = new DoubleAnimationUsingKeyFrames();
+                        doubleAnimationUsingKeyFrames.KeyFrames.Add(new LinearDoubleKeyFrame(1.0, TimeSpan.FromSeconds(0.5)));
+                        doubleAnimationUsingKeyFrames.KeyFrames.Add(new DiscreteDoubleKeyFrame(1.0, TimeSpan.FromSeconds(0.75)));
+                        doubleAnimationUsingKeyFrames.KeyFrames.Add(new LinearDoubleKeyFrame(0.0, TimeSpan.FromSeconds(2.0)));
+                        doubleAnimationUsingKeyFrames.RepeatBehavior = RepeatBehavior.Forever;
+                        Timeline.SetDesiredFrameRate(doubleAnimationUsingKeyFrames, new int?(10));
+                        buttonChrome.BackgroundOverlay.BeginAnimation(Brush.OpacityProperty, doubleAnimationUsingKeyFrames);
+                        buttonChrome.BorderOverlayPen.Brush.BeginAnimation(Brush.OpacityProperty, doubleAnimationUsingKeyFrames);
+                        return;
+                    }
+                    if (buttonChrome._localResources == null)
+                    {
+                        buttonChrome.InvalidateVisual();
+                        return;
+                    }
+                    Duration duration2 = new Duration(TimeSpan.FromSeconds(0.2));
+                    DoubleAnimation doubleAnimation = new DoubleAnimation();
+                    doubleAnimation.Duration = duration2;
+                    buttonChrome.BorderOverlayPen.Brush.BeginAnimation(Brush.OpacityProperty, doubleAnimation);
+                    buttonChrome.BackgroundOverlay.BeginAnimation(Brush.OpacityProperty, doubleAnimation);
+                    ColorAnimation colorAnimation = new ColorAnimation();
+                    colorAnimation.Duration = duration2;
+                    GradientStopCollection gradientStops2 = ((LinearGradientBrush)buttonChrome.InnerBorderPen.Brush).GradientStops;
+                    gradientStops2[0].BeginAnimation(GradientStop.ColorProperty, colorAnimation);
+                    gradientStops2[1].BeginAnimation(GradientStop.ColorProperty, colorAnimation);
+                    return;
+                }
+            }
+            else
+            {
+                buttonChrome._localResources = null;
+                buttonChrome.InvalidateVisual();
+            }
+        }
+        private static void OnRenderMouseOverChanged(DependencyObject o, DependencyPropertyChangedEventArgs e)
+        {
+            ImageButtonChrome buttonChrome = (ImageButtonChrome)o;
+            if (buttonChrome.Animates)
+            {
+                if (!buttonChrome.RenderPressed)
+                {
+                    if ((bool)e.NewValue)
+                    {
+                        if (buttonChrome._localResources == null)
+                        {
+                            buttonChrome._localResources = new ImageButtonChrome.LocalResources();
+                            buttonChrome.InvalidateVisual();
+                        }
+                        Duration duration = new Duration(TimeSpan.FromSeconds(0.3));
+                        DoubleAnimation animation = new DoubleAnimation(1.0, duration);
+                        buttonChrome.BorderOverlayPen.Brush.BeginAnimation(Brush.OpacityProperty, animation);
+                        buttonChrome.BackgroundOverlay.BeginAnimation(Brush.OpacityProperty, animation);
+                        return;
+                    }
+                    if (buttonChrome._localResources == null)
+                    {
+                        buttonChrome.InvalidateVisual();
+                        return;
+                    }
+                    if (buttonChrome.RenderDefaulted)
+                    {
+                        double opacity = buttonChrome.BackgroundOverlay.Opacity;
+                        double num = (1.0 - opacity) * 0.5;
+                        DoubleAnimationUsingKeyFrames doubleAnimationUsingKeyFrames = new DoubleAnimationUsingKeyFrames();
+                        doubleAnimationUsingKeyFrames.KeyFrames.Add(new LinearDoubleKeyFrame(1.0, TimeSpan.FromSeconds(num)));
+                        doubleAnimationUsingKeyFrames.KeyFrames.Add(new DiscreteDoubleKeyFrame(1.0, TimeSpan.FromSeconds(num + 0.25)));
+                        doubleAnimationUsingKeyFrames.KeyFrames.Add(new LinearDoubleKeyFrame(0.0, TimeSpan.FromSeconds(num + 1.5)));
+                        doubleAnimationUsingKeyFrames.KeyFrames.Add(new LinearDoubleKeyFrame(opacity, TimeSpan.FromSeconds(2.0)));
+                        doubleAnimationUsingKeyFrames.RepeatBehavior = RepeatBehavior.Forever;
+                        Timeline.SetDesiredFrameRate(doubleAnimationUsingKeyFrames, new int?(10));
+                        buttonChrome.BackgroundOverlay.BeginAnimation(Brush.OpacityProperty, doubleAnimationUsingKeyFrames);
+                        buttonChrome.BorderOverlayPen.Brush.BeginAnimation(Brush.OpacityProperty, doubleAnimationUsingKeyFrames);
+                        return;
+                    }
+                    Duration duration2 = new Duration(TimeSpan.FromSeconds(0.2));
+                    DoubleAnimation doubleAnimation = new DoubleAnimation();
+                    doubleAnimation.Duration = duration2;
+                    buttonChrome.BackgroundOverlay.BeginAnimation(Brush.OpacityProperty, doubleAnimation);
+                    buttonChrome.BorderOverlayPen.Brush.BeginAnimation(Brush.OpacityProperty, doubleAnimation);
+                    return;
+                }
+            }
+            else
+            {
+                buttonChrome._localResources = null;
+                buttonChrome.InvalidateVisual();
+            }
+        }
+        private static void OnRenderPressedChanged(DependencyObject o, DependencyPropertyChangedEventArgs e)
+        {
+            ImageButtonChrome buttonChrome = (ImageButtonChrome)o;
+            if (!buttonChrome.Animates)
+            {
+                buttonChrome._localResources = null;
+                buttonChrome.InvalidateVisual();
+                return;
+            }
+            if ((bool)e.NewValue)
+            {
+                if (buttonChrome._localResources == null)
+                {
+                    buttonChrome._localResources = new ImageButtonChrome.LocalResources();
+                    buttonChrome.InvalidateVisual();
+                }
+                Duration duration = new Duration(TimeSpan.FromSeconds(0.1));
+                DoubleAnimation animation = new DoubleAnimation(1.0, duration);
+                buttonChrome.BackgroundOverlay.BeginAnimation(Brush.OpacityProperty, animation);
+                buttonChrome.BorderOverlayPen.Brush.BeginAnimation(Brush.OpacityProperty, animation);
+                buttonChrome.LeftDropShadowBrush.BeginAnimation(Brush.OpacityProperty, animation);
+                buttonChrome.TopDropShadowBrush.BeginAnimation(Brush.OpacityProperty, animation);
+                animation = new DoubleAnimation(0.0, duration);
+                buttonChrome.InnerBorderPen.Brush.BeginAnimation(Brush.OpacityProperty, animation);
+                ColorAnimation animation2 = new ColorAnimation(Color.FromRgb(194, 228, 246), duration);
+                GradientStopCollection gradientStops = ((LinearGradientBrush)buttonChrome.BackgroundOverlay).GradientStops;
+                gradientStops[0].BeginAnimation(GradientStop.ColorProperty, animation2);
+                gradientStops[1].BeginAnimation(GradientStop.ColorProperty, animation2);
+                animation2 = new ColorAnimation(Color.FromRgb(171, 218, 243), duration);
+                gradientStops[2].BeginAnimation(GradientStop.ColorProperty, animation2);
+                animation2 = new ColorAnimation(Color.FromRgb(144, 203, 235), duration);
+                gradientStops[3].BeginAnimation(GradientStop.ColorProperty, animation2);
+                animation2 = new ColorAnimation(Color.FromRgb(44, 98, 139), duration);
+                buttonChrome.BorderOverlayPen.Brush.BeginAnimation(SolidColorBrush.ColorProperty, animation2);
+                return;
+            }
+            if (buttonChrome._localResources == null)
+            {
+                buttonChrome.InvalidateVisual();
+                return;
+            }
+            bool renderMouseOver = buttonChrome.RenderMouseOver;
+            Duration duration2 = new Duration(TimeSpan.FromSeconds(0.1));
+            DoubleAnimation doubleAnimation = new DoubleAnimation();
+            doubleAnimation.Duration = duration2;
+            buttonChrome.LeftDropShadowBrush.BeginAnimation(Brush.OpacityProperty, doubleAnimation);
+            buttonChrome.TopDropShadowBrush.BeginAnimation(Brush.OpacityProperty, doubleAnimation);
+            buttonChrome.InnerBorderPen.Brush.BeginAnimation(Brush.OpacityProperty, doubleAnimation);
+            if (!renderMouseOver)
+            {
+                buttonChrome.BorderOverlayPen.Brush.BeginAnimation(Brush.OpacityProperty, doubleAnimation);
+                buttonChrome.BackgroundOverlay.BeginAnimation(Brush.OpacityProperty, doubleAnimation);
+            }
+            ColorAnimation colorAnimation = new ColorAnimation();
+            colorAnimation.Duration = duration2;
+            buttonChrome.BorderOverlayPen.Brush.BeginAnimation(SolidColorBrush.ColorProperty, colorAnimation);
+            GradientStopCollection gradientStops2 = ((LinearGradientBrush)buttonChrome.BackgroundOverlay).GradientStops;
+            gradientStops2[0].BeginAnimation(GradientStop.ColorProperty, colorAnimation);
+            gradientStops2[1].BeginAnimation(GradientStop.ColorProperty, colorAnimation);
+            gradientStops2[2].BeginAnimation(GradientStop.ColorProperty, colorAnimation);
+            gradientStops2[3].BeginAnimation(GradientStop.ColorProperty, colorAnimation);
+        }
+        private void DrawBackground(DrawingContext dc, ref Rect bounds)
+        {
+            if (!base.IsEnabled && !this.RoundCorners)
+            {
+                return;
+            }
+            Brush brush = this.Background;
+            if (bounds.Width > 4.0 && bounds.Height > 4.0)
+            {
+                Rect rectangle = new Rect(bounds.Left + 1.0, bounds.Top + 1.0, bounds.Width - 2.0, bounds.Height - 2.0);
+                if (brush != null)
+                {
+                    dc.DrawRectangle(brush, null, rectangle);
+                }
+                brush = this.BackgroundOverlay;
+                if (brush != null)
+                {
+                    dc.DrawRectangle(brush, null, rectangle);
+                }
+            }
+        }
+        private void DrawDropShadows(DrawingContext dc, ref Rect bounds)
+        {
+            if (bounds.Width > 4.0 && bounds.Height > 4.0)
+            {
+                Brush leftDropShadowBrush = this.LeftDropShadowBrush;
+                if (leftDropShadowBrush != null)
+                {
+                    dc.DrawRectangle(leftDropShadowBrush, null, new Rect(1.0, 1.0, 2.0, bounds.Bottom - 2.0));
+                }
+                Brush topDropShadowBrush = this.TopDropShadowBrush;
+                if (topDropShadowBrush != null)
+                {
+                    dc.DrawRectangle(topDropShadowBrush, null, new Rect(1.0, 1.0, bounds.Right - 2.0, 2.0));
+                }
+            }
+        }
+        private void DrawBorder(DrawingContext dc, ref Rect bounds)
+        {
+            if (bounds.Width >= 5.0 && bounds.Height >= 5.0)
+            {
+                Brush brush = this.BorderBrush;
+                Pen pen = null;
+                if (brush != null)
+                {
+                    if (ImageButtonChrome._commonBorderPen == null)
+                    {
+                        lock (ImageButtonChrome._resourceAccess)
+                        {
+                            if (ImageButtonChrome._commonBorderPen == null)
+                            {
+                                if (!brush.IsFrozen && brush.CanFreeze)
+                                {
+                                    brush = brush.Clone();
+                                    brush.Freeze();
+                                }
+                                Pen pen2 = new Pen(brush, 1.0);
+                                if (pen2.CanFreeze)
+                                {
+                                    pen2.Freeze();
+                                    ImageButtonChrome._commonBorderPen = pen2;
+                                }
+                            }
+                        }
+                    }
+                    if (ImageButtonChrome._commonBorderPen != null && brush == ImageButtonChrome._commonBorderPen.Brush)
+                    {
+                        pen = ImageButtonChrome._commonBorderPen;
+                    }
+                    else
+                    {
+                        if (!brush.IsFrozen && brush.CanFreeze)
+                        {
+                            brush = brush.Clone();
+                            brush.Freeze();
+                        }
+                        pen = new Pen(brush, 1.0);
+                        if (pen.CanFreeze)
+                        {
+                            pen.Freeze();
+                        }
+                    }
+                }
+                Pen borderOverlayPen = this.BorderOverlayPen;
+                if (pen != null || borderOverlayPen != null)
+                {
+                    if (this.RoundCorners)
+                    {
+                        Rect rectangle = new Rect(bounds.Left + 0.5, bounds.Top + 0.5, bounds.Width - 1.0, bounds.Height - 1.0);
+                        if (base.IsEnabled && pen != null)
+                        {
+                            dc.DrawRoundedRectangle(null, pen, rectangle, 2.75, 2.75);
+                        }
+                        if (borderOverlayPen != null)
+                        {
+                            dc.DrawRoundedRectangle(null, borderOverlayPen, rectangle, 2.75, 2.75);
+                            return;
+                        }
+                    }
+                    else
+                    {
+                        PathFigure pathFigure = new PathFigure();
+                        pathFigure.StartPoint = new Point(0.5, 0.5);
+                        pathFigure.Segments.Add(new LineSegment(new Point(0.5, bounds.Bottom - 0.5), true));
+                        pathFigure.Segments.Add(new LineSegment(new Point(bounds.Right - 2.5, bounds.Bottom - 0.5), true));
+                        pathFigure.Segments.Add(new ArcSegment(new Point(bounds.Right - 0.5, bounds.Bottom - 2.5), new Size(2.0, 2.0), 0.0, false, SweepDirection.Counterclockwise, true));
+                        pathFigure.Segments.Add(new LineSegment(new Point(bounds.Right - 0.5, bounds.Top + 2.5), true));
+                        pathFigure.Segments.Add(new ArcSegment(new Point(bounds.Right - 2.5, bounds.Top + 0.5), new Size(2.0, 2.0), 0.0, false, SweepDirection.Counterclockwise, true));
+                        pathFigure.IsClosed = true;
+                        PathGeometry pathGeometry = new PathGeometry();
+                        pathGeometry.Figures.Add(pathFigure);
+                        if (base.IsEnabled && pen != null)
+                        {
+                            dc.DrawGeometry(null, pen, pathGeometry);
+                        }
+                        if (borderOverlayPen != null)
+                        {
+                            dc.DrawGeometry(null, borderOverlayPen, pathGeometry);
+                        }
+                    }
+                }
+            }
+        }
+        private void DrawInnerBorder(DrawingContext dc, ref Rect bounds)
+        {
+            if (!base.IsEnabled && !this.RoundCorners)
+            {
+                return;
+            }
+            if (bounds.Width >= 4.0 && bounds.Height >= 4.0)
+            {
+                Pen innerBorderPen = this.InnerBorderPen;
+                if (innerBorderPen != null)
+                {
+                    dc.DrawRoundedRectangle(null, innerBorderPen, new Rect(bounds.Left + 1.5, bounds.Top + 1.5, bounds.Width - 3.0, bounds.Height - 3.0), 1.75, 1.75);
+                }
+            }
+        }
+    }
+
+}

ant-design-pro-vue3/src/views/front/platfrom/controls/BaseContainer/ToggleSwitch/ClipBorder.ts

@@ -0,0 +1,75 @@
+// 假设 GeometryHelper 类的实现
+class GeometryHelper {
+    static GetRoundRectangle(rect: { width: number; height: number }, borderThickness: number, cornerRadius: number): string {
+        // 这里只是简单返回一个 CSS 的 border-radius 值，实际应用中可能需要更复杂的计算
+        return `${cornerRadius}px`;
+    }
+}
+
+class ClipBorder {
+    private clipRect: string | null = null;
+    private oldClip: string | null = null;
+    private element: HTMLElement;
+    private child: HTMLElement | null = null;
+
+    constructor(element: HTMLElement) {
+        this.element = element;
+    }
+
+    set Child(value: HTMLElement | null) {
+        if (this.child !== value) {
+            if (this.child) {
+                // Restore original clipping of the old child
+                this.child.style.clipPath = this.oldClip || '';
+            }
+
+            if (value) {
+                // Store the current clipping of the new child
+                this.oldClip = value.style.clipPath;
+            } else {
+                // If we dont set it to null we could leak a Geometry object
+                this.oldClip = null;
+            }
+
+            this.child = value;
+            if (this.child) {
+                this.element.appendChild(this.child);
+                this.onApplyChildClip();
+            }
+        }
+    }
+
+    get Child(): HTMLElement | null {
+        return this.child;
+    }
+
+    private onApplyChildClip() {
+        const child = this.child;
+        if (child) {
+            // Get the geometry of a rounded rectangle border based on the BorderThickness and CornerRadius
+            const borderThickness = parseFloat(getComputedStyle(this.element).borderWidth);
+            const cornerRadius = parseFloat(getComputedStyle(this.element).borderTopLeftRadius);
+            const rect = { width: child.offsetWidth, height: child.offsetHeight };
+            this.clipRect = GeometryHelper.GetRoundRectangle(rect, borderThickness, cornerRadius);
+            child.style.clipPath = `round rect(0, 0, ${rect.width}px, ${rect.height}px, ${this.clipRect})`;
+        }
+    }
+
+    render() {
+        this.onApplyChildClip();
+    }
+}
+
+// 使用示例
+const container = document.createElement('div');
+container.style.border = '1px solid black';
+container.style.borderRadius = '10px';
+document.body.appendChild(container);
+
+const clipBorder = new ClipBorder(container);
+const childElement = document.createElement('div');
+childElement.style.width = '200px';
+childElement.style.height = '200px';
+childElement.style.backgroundColor = 'red';
+clipBorder.Child = childElement;
+clipBorder.render();

ant-design-pro-vue3/src/views/front/platfrom/controls/BaseContainer/ToggleSwitch/GeometryHelper.ts

@@ -0,0 +1,124 @@
+// 定义 Rect 类型
+interface Rect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
+
+// 定义 Thickness 类型
+interface Thickness {
+    left: number;
+    top: number;
+    right: number;
+    bottom: number;
+}
+
+// 定义 CornerRadius 类型
+interface CornerRadius {
+    topLeft: number;
+    topRight: number;
+    bottomLeft: number;
+    bottomRight: number;
+}
+
+// 定义 GeometryHelper 类
+class GeometryHelper {
+    /**
+     * 获取带有圆角的矩形 SVG 路径
+     * @param baseRect 基础矩形
+     * @param thickness 边框厚度
+     * @param cornerRadius 圆角半径
+     * @returns SVG 路径字符串
+     */
+    static getRoundRectangle(baseRect: Rect, thickness: Thickness, cornerRadius: CornerRadius): string {
+        // 归一化圆角半径
+        if (cornerRadius.topLeft < Number.EPSILON)
+            cornerRadius.topLeft = 0.0;
+        if (cornerRadius.topRight < Number.EPSILON)
+            cornerRadius.topRight = 0.0;
+        if (cornerRadius.bottomLeft < Number.EPSILON)
+            cornerRadius.bottomLeft = 0.0;
+        if (cornerRadius.bottomRight < Number.EPSILON)
+            cornerRadius.bottomRight = 0.0;
+
+        // 考虑边框厚度
+        const leftHalf = thickness.left * 0.5;
+        const topHalf = thickness.top * 0.5;
+        const rightHalf = thickness.right * 0.5;
+        const bottomHalf = thickness.bottom * 0.5;
+
+        // 计算公差
+        const tolerance = baseRect.height < baseRect.width ? baseRect.height / baseRect.width : baseRect.width / baseRect.height;
+
+        // 创建四个角的矩形
+        const topLeftRect: Rect = {
+            x: baseRect.x - tolerance,
+            y: baseRect.y - tolerance,
+            width: Math.max(0.0, cornerRadius.topLeft - leftHalf),
+            height: Math.max(0.0, cornerRadius.topLeft - topHalf)
+        };
+        const topRightRect: Rect = {
+            x: baseRect.x + baseRect.width - cornerRadius.topRight + rightHalf + tolerance,
+            y: baseRect.y - tolerance,
+            width: Math.max(0.0, cornerRadius.topRight - rightHalf),
+            height: Math.max(0.0, cornerRadius.topRight - topHalf)
+        };
+        const bottomRightRect: Rect = {
+            x: baseRect.x + baseRect.width - cornerRadius.bottomRight + rightHalf + tolerance,
+            y: baseRect.y + baseRect.height - cornerRadius.bottomRight + bottomHalf + tolerance,
+            width: Math.max(0.0, cornerRadius.bottomRight - rightHalf),
+            height: Math.max(0.0, cornerRadius.bottomRight - bottomHalf)
+        };
+        const bottomLeftRect: Rect = {
+            x: baseRect.x - tolerance,
+            y: baseRect.y + baseRect.height - cornerRadius.bottomLeft + bottomHalf + tolerance,
+            width: Math.max(0.0, cornerRadius.bottomLeft - leftHalf),
+            height: Math.max(0.0, cornerRadius.bottomLeft - bottomHalf)
+        };
+
+        // 调整角矩形的宽高比例
+        if (topLeftRect.x + topLeftRect.width > topRightRect.x) {
+            const newWidth = (topLeftRect.width / (topLeftRect.width + topRightRect.width)) * baseRect.width;
+            topLeftRect.width = newWidth;
+            topRightRect.x = baseRect.x + newWidth;
+            topRightRect.width = Math.max(0.0, baseRect.width - newWidth);
+        }
+
+        if (topRightRect.y + topRightRect.height > bottomRightRect.y) {
+            const newHeight = (topRightRect.height / (topRightRect.height + bottomRightRect.height)) * baseRect.height;
+            topRightRect.height = newHeight;
+            bottomRightRect.y = baseRect.y + newHeight;
+            bottomRightRect.height = Math.max(0.0, baseRect.height - newHeight);
+        }
+
+        if (bottomRightRect.x < bottomLeftRect.x + bottomLeftRect.width) {
+            const newWidth = (bottomLeftRect.width / (bottomLeftRect.width + bottomRightRect.width)) * baseRect.width;
+            bottomLeftRect.width = newWidth;
+            bottomRightRect.x = baseRect.x + newWidth;
+            bottomRightRect.width = Math.max(0.0, baseRect.width - newWidth);
+        }
+
+        if (bottomLeftRect.y < topLeftRect.y + topLeftRect.height) {
+            const newHeight = (topLeftRect.height / (topLeftRect.height + bottomLeftRect.height)) * baseRect.height;
+            topLeftRect.height = newHeight;
+            bottomLeftRect.y = baseRect.y + newHeight;
+            bottomLeftRect.height = Math.max(0.0, baseRect.height - newHeight);
+        }
+
+        // 创建 SVG 路径
+        let path = `M ${topLeftRect.x + topLeftRect.width},${topLeftRect.y + topLeftRect.height}`;
+        path += ` A ${topLeftRect.width},${topLeftRect.height} 0 0 1 ${topLeftRect.x},${topLeftRect.y + topLeftRect.height}`;
+        path += ` L ${topRightRect.x},${topRightRect.y}`;
+        path += ` A ${topRightRect.width},${topRightRect.height} 0 0 1 ${topRightRect.x + topRightRect.width},${topRightRect.y}`;
+        path += ` L ${bottomRightRect.x + bottomRightRect.width},${bottomRightRect.y}`;
+        path += ` A ${bottomRightRect.width},${bottomRightRect.height} 0 0 1 ${bottomRightRect.x + bottomRightRect.width},${bottomRightRect.y + bottomRightRect.height}`;
+        path += ` L ${bottomLeftRect.x + bottomLeftRect.width},${bottomLeftRect.y + bottomLeftRect.height}`;
+        path += ` A ${bottomLeftRect.width},${bottomLeftRect.height} 0 0 1 ${bottomLeftRect.x},${bottomLeftRect.y + bottomLeftRect.height}`;
+        path += ' Z';
+
+        return path;
+    }
+}
+
+export default GeometryHelper;

ant-design-pro-vue3/src/views/front/platfrom/controls/BaseContainer/ToggleSwitch/ToggleSwitch.cs

@@ -0,0 +1,838 @@
+#region File Header
+
+// -------------------------------------------------------------------------------
+// 
+// This file is part of the WPFSpark project: http://wpfspark.codeplex.com/
+//
+// Author: Ratish Philip
+// 
+// WPFSpark v1.1
+//
+// -------------------------------------------------------------------------------
+
+#endregion
+
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Controls.Primitives;
+using System.Windows.Media;
+using System;
+
+namespace Platform.Controls.BaseContainer
+{
+    [TemplatePart(Name = "PART_ContentBorder", Type = typeof(Border))]
+    [TemplatePart(Name = "PART_RootGrid", Type = typeof(Grid))]
+    [TemplatePart(Name = "PART_ContentGrid", Type = typeof(Grid))]
+    public class ToggleSwitch : ToggleButton
+    {
+        #region Fields
+
+        Grid rootGrid = null;
+        Border contentBorder = null;
+        Grid contentGrid = null;
+        Border checkedBorder = null;
+        Border unCheckedBorder = null;
+        TextBlock checkedContent = null;
+        TextBlock unCheckedContent = null;
+        double contentBorderMargin;
+
+        #endregion
+
+        #region Constants
+
+        private const double DEFAULT_THUMB_WIDTH = 40.0;
+        private const double MIN_THUMB_WIDTH = 10.0;
+        private const double MAX_THUMB_WIDTH = 90.0;
+
+        #endregion
+
+        #region Dependency Properties
+        /// <summary>
+        /// IsReadOnly Dependency Property
+        /// </summary>
+        public bool IsReadOnly
+        {
+            get { return (bool)GetValue(IsReadOnlyProperty); }
+            set { SetValue(IsReadOnlyProperty, value); }
+        }
+
+        // Using a DependencyProperty as the backing store for IsReadOnly.  This enables animation, styling, binding, etc...
+        public static readonly DependencyProperty IsReadOnlyProperty =
+            DependencyProperty.Register("IsReadOnly", typeof(bool), typeof(ToggleSwitch), new UIPropertyMetadata(false));
+
+        
+
+        #region CheckedText
+
+        /// <summary>
+        /// CheckedText Dependency Property
+        /// </summary>
+        public static readonly DependencyProperty CheckedTextProperty =
+            DependencyProperty.Register("CheckedText", typeof(string), typeof(ToggleSwitch),
+                new PropertyMetadata(string.Empty));
+
+        /// <summary>
+        /// Gets or sets the CheckedText property. This dependency property 
+        /// indicates the on text.
+        /// </summary>
+        public string CheckedText
+        {
+            get { return (string)GetValue(CheckedTextProperty); }
+            set { SetValue(CheckedTextProperty, value); }
+        }
+
+        #endregion
+
+        #region CheckedBackground
+
+        /// <summary>
+        /// CheckedBackground Dependency Property
+        /// </summary>
+        public static readonly DependencyProperty CheckedBackgroundProperty =
+            DependencyProperty.Register("CheckedBackground", typeof(Brush), typeof(ToggleSwitch),
+                new PropertyMetadata(Brushes.White));
+
+        /// <summary>
+        /// Gets or sets the CheckedBackground property. This dependency property 
+        /// indicates Background of the Checked Text.
+        /// </summary>
+        public Brush CheckedBackground
+        {
+            get { return (Brush)GetValue(CheckedBackgroundProperty); }
+            set { SetValue(CheckedBackgroundProperty, value); }
+        }
+
+        #endregion
+
+        #region CheckedForeground
+
+        /// <summary>
+        /// CheckedForeground Dependency Property
+        /// </summary>
+        public static readonly DependencyProperty CheckedForegroundProperty =
+            DependencyProperty.Register("CheckedForeground", typeof(Brush), typeof(ToggleSwitch),
+                new PropertyMetadata(Brushes.Black));
+
+        /// <summary>
+        /// Gets or sets the CheckedForeground property. This dependency property 
+        /// indicates Foreground of the Checked Text.
+        /// </summary>
+        public Brush CheckedForeground
+        {
+            get { return (Brush)GetValue(CheckedForegroundProperty); }
+            set { SetValue(CheckedForegroundProperty, value); }
+        }
+
+        #endregion
+
+        #region CheckedToolTip
+
+        /// <summary>
+        /// CheckedToolTip Dependency Property
+        /// </summary>
+        public static readonly DependencyProperty CheckedToolTipProperty =
+            DependencyProperty.Register("CheckedToolTip", typeof(string), typeof(ToggleSwitch),
+                new FrameworkPropertyMetadata(string.Empty,
+                    new PropertyChangedCallback(OnCheckedToolTipChanged)));
+
+        /// <summary>
+        /// Gets or sets the CheckedToolTip property. This dependency property 
+        /// indicates the tooltip of the ToggleSwitch when the control is in Checked state.
+        /// </summary>
+        public string CheckedToolTip
+        {
+            get { return (string)GetValue(CheckedToolTipProperty); }
+            set { SetValue(CheckedToolTipProperty, value); }
+        }
+
+        /// <summary>
+        /// Handles changes to the CheckedToolTip property.
+        /// </summary>
+        /// <param name="d">ToggleSwitch</param>
+        /// <param name="e">DependencyProperty changed event arguments</param>
+        private static void OnCheckedToolTipChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
+        {
+            ToggleSwitch tSwitch = (ToggleSwitch)d;
+            string oldCheckedToolTip = (string)e.OldValue;
+            string newCheckedToolTip = tSwitch.CheckedToolTip;
+            tSwitch.OnCheckedToolTipChanged(oldCheckedToolTip, newCheckedToolTip);
+        }
+
+        /// <summary>
+        /// Provides derived classes an opportunity to handle changes to the CheckedToolTip property.
+        /// </summary>
+        /// <param name="oldCheckedToolTip">Old Value</param>
+        /// <param name="newCheckedToolTip">New Value</param>
+        protected void OnCheckedToolTipChanged(string oldCheckedToolTip, string newCheckedToolTip)
+        {
+            Dispatcher.BeginInvoke(new Action(() =>
+            {
+                if ((this.IsChecked == true) && (!String.IsNullOrWhiteSpace(newCheckedToolTip)))
+                {
+                    this.ToolTip = new ToolTip() { Content = newCheckedToolTip };
+                }
+            }));
+        }
+
+        #endregion
+
+        #region CornerRadius
+
+        /// <summary>
+        /// CornerRadius Dependency Property
+        /// </summary>
+        public static readonly DependencyProperty CornerRadiusProperty =
+            DependencyProperty.Register("CornerRadius", typeof(CornerRadius), typeof(ToggleSwitch),
+                new PropertyMetadata(new CornerRadius()));
+
+        /// <summary>
+        /// Gets or sets the CornerRadius property. This dependency property 
+        /// indicates the corner radius of the outer most border of the ToggleSwitch.
+        /// </summary>
+        public CornerRadius CornerRadius
+        {
+            get { return (CornerRadius)GetValue(CornerRadiusProperty); }
+            set { SetValue(CornerRadiusProperty, value); }
+        }
+
+        #endregion
+
+        #region IsCheckedLeft
+
+        /// <summary>
+        /// IsCheckedLeft Dependency Property
+        /// </summary>
+        public static readonly DependencyProperty IsCheckedLeftProperty =
+            DependencyProperty.Register("IsCheckedLeft", typeof(bool), typeof(ToggleSwitch),
+                new FrameworkPropertyMetadata(true,
+                    new PropertyChangedCallback(OnIsCheckedLeftChanged)));
+
+        /// <summary>
+        /// Gets or sets the IsCheckedLeft property. This dependency property 
+        /// indicates whether the content for the Checked state should appear in the left side.
+        /// </summary>
+        public bool IsCheckedLeft
+        {
+            get { return (bool)GetValue(IsCheckedLeftProperty); }
+            set { SetValue(IsCheckedLeftProperty, value); }
+        }
+
+        /// <summary>
+        /// Handles changes to the IsCheckedLeft property.
+        /// </summary>
+        /// <param name="d">ToggleSwitch</param>
+        /// <param name="e">DependencyProperty changed event arguments</param>
+        private static void OnIsCheckedLeftChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
+        {
+            ToggleSwitch tSwitch = (ToggleSwitch)d;
+            bool oldIsCheckedLeft = (bool)e.OldValue;
+            bool newIsCheckedLeft = tSwitch.IsCheckedLeft;
+            tSwitch.OnIsCheckedLeftChanged(oldIsCheckedLeft, newIsCheckedLeft);
+        }
+
+        /// <summary>
+        /// Provides derived classes an opportunity to handle changes to the IsCheckedLeft property.
+        /// </summary>
+        /// <param name="oldIsCheckedLeft">Old Value</param>
+        /// <param name="newIsCheckedLeft">New Value</param>
+        protected void OnIsCheckedLeftChanged(bool oldIsCheckedLeft, bool newIsCheckedLeft)
+        {
+            UpdateToggleSwitchContents(newIsCheckedLeft);
+        }
+
+        #endregion
+
+        #region TargetColumnInternal
+
+        /// <summary>
+        /// TargetColumnInternal Dependency Property
+        /// </summary>
+        public static readonly DependencyProperty TargetColumnInternalProperty =
+            DependencyProperty.Register("TargetColumnInternal", typeof(int), typeof(ToggleSwitch),
+                new FrameworkPropertyMetadata((new PropertyChangedCallback(OnTargetColumnInternalChanged))));
+
+        /// <summary>
+        /// Gets or sets the TargetColumnInternal property. This dependency property 
+        /// indicates the win column to which the contentborder moves when the control is in unchecked state.
+        /// This property is used internally.
+        /// </summary>
+        public int TargetColumnInternal
+        {
+            get { return (int)GetValue(TargetColumnInternalProperty); }
+            set { SetValue(TargetColumnInternalProperty, value); }
+        }
+
+        /// <summary>
+        /// Handles changes to the TargetColumnInternal property.
+        /// </summary>
+        /// <param name="d">ToggleSwitch</param>
+        /// <param name="e">DependencyProperty changed event arguments</param>
+        private static void OnTargetColumnInternalChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
+        {
+            ToggleSwitch ts = (ToggleSwitch)d;
+            int oldTargetColumnInternal = (int)e.OldValue;
+            int newTargetColumnInternal = ts.TargetColumnInternal;
+            ts.OnTargetColumnInternalChanged(oldTargetColumnInternal, newTargetColumnInternal);
+        }
+
+        /// <summary>
+        /// Provides derived classes an opportunity to handle changes to the TargetColumnInternal property.
+        /// </summary>
+        /// <param name="oldTargetColumnInternal">Old Value</param>
+        /// <param name="newTargetColumnInternal">New Value</param>
+        protected void OnTargetColumnInternalChanged(int oldTargetColumnInternal, int newTargetColumnInternal)
+        {
+
+        }
+
+        #endregion
+
+        #region ThumbBackground
+
+        /// <summary>
+        /// ThumbBackground Dependency Property
+        /// </summary>
+        public static readonly DependencyProperty ThumbBackgroundProperty =
+            DependencyProperty.Register("ThumbBackground", typeof(Brush), typeof(ToggleSwitch),
+                new PropertyMetadata((Brushes.Black)));
+
+        /// <summary>
+        /// Gets or sets the ThumbBackground property. This dependency property 
+        /// indicates the Background of the Thumb.
+        /// </summary>
+        public Brush ThumbBackground
+        {
+            get { return (Brush)GetValue(ThumbBackgroundProperty); }
+            set { SetValue(ThumbBackgroundProperty, value); }
+        }
+
+        #endregion
+
+        #region ThumbBorderBrush
+
+        /// <summary>
+        /// ThumbBorderBrush Dependency Property
+        /// </summary>
+        public static readonly DependencyProperty ThumbBorderBrushProperty =
+            DependencyProperty.Register("ThumbBorderBrush", typeof(Brush), typeof(ToggleSwitch),
+                new PropertyMetadata(Brushes.Gray));
+
+        /// <summary>
+        /// Gets or sets the ThumbBorderBrush property. This dependency property 
+        /// indicates the BorderBrush of the Thumb.
+        /// </summary>
+        public Brush ThumbBorderBrush
+        {
+            get { return (Brush)GetValue(ThumbBorderBrushProperty); }
+            set { SetValue(ThumbBorderBrushProperty, value); }
+        }
+
+        #endregion
+
+        #region ThumbBorderThickness
+
+        /// <summary>
+        /// ThumbBorderThickness Dependency Property
+        /// </summary>
+        public static readonly DependencyProperty ThumbBorderThicknessProperty =
+            DependencyProperty.Register("ThumbBorderThickness", typeof(Thickness), typeof(ToggleSwitch),
+                new PropertyMetadata(new Thickness()));
+
+        /// <summary>
+        /// Gets or sets the ThumbBorderThickness property. This dependency property 
+        /// indicates the BorderThickness of the Thumb.
+        /// </summary>
+        public Thickness ThumbBorderThickness
+        {
+            get { return (Thickness)GetValue(ThumbBorderThicknessProperty); }
+            set { SetValue(ThumbBorderThicknessProperty, value); }
+        }
+
+        #endregion
+
+        #region ThumbCornerRadius
+
+        /// <summary>
+        /// ThumbCornerRadius Dependency Property
+        /// </summary>
+        public static readonly DependencyProperty ThumbCornerRadiusProperty =
+            DependencyProperty.Register("ThumbCornerRadius", typeof(CornerRadius), typeof(ToggleSwitch),
+                new PropertyMetadata(new CornerRadius()));
+
+        /// <summary>
+        /// Gets or sets the ThumbCornerRadius property. This dependency property 
+        /// indicates the corner radius of the Thumb.
+        /// </summary>
+        public CornerRadius ThumbCornerRadius
+        {
+            get { return (CornerRadius)GetValue(ThumbCornerRadiusProperty); }
+            set { SetValue(ThumbCornerRadiusProperty, value); }
+        }
+
+        #endregion
+
+        #region ThumbGlowColor
+
+        /// <summary>
+        /// ThumbGlowColor Dependency Property
+        /// </summary>
+        public static readonly DependencyProperty ThumbGlowColorProperty =
+            DependencyProperty.Register("ThumbGlowColor", typeof(Color), typeof(ToggleSwitch),
+                new PropertyMetadata(Colors.LawnGreen));
+
+        /// <summary>
+        /// Gets or sets the ThumbGlowColor property. This dependency property 
+        /// indicates the GlowColor of the Thumb.
+        /// </summary>
+        public Color ThumbGlowColor
+        {
+            get { return (Color)GetValue(ThumbGlowColorProperty); }
+            set { SetValue(ThumbGlowColorProperty, value); }
+        }
+
+        #endregion
+
+        #region ThumbShineCornerRadius
+
+        /// <summary>
+        /// ThumbShineCornerRadius Dependency Property
+        /// </summary>
+        public static readonly DependencyProperty ThumbShineCornerRadiusProperty =
+            DependencyProperty.Register("ThumbShineCornerRadius", typeof(CornerRadius), typeof(ToggleSwitch),
+                new FrameworkPropertyMetadata(new CornerRadius()));
+
+        /// <summary>
+        /// Gets or sets the ThumbShineCornerRadius property. This dependency property 
+        /// indicates the corner radius of the shine over the thumb.
+        /// </summary>
+        public CornerRadius ThumbShineCornerRadius
+        {
+            get { return (CornerRadius)GetValue(ThumbShineCornerRadiusProperty); }
+            set { SetValue(ThumbShineCornerRadiusProperty, value); }
+        }
+
+        #endregion
+
+        #region ThumbWidth
+
+        /// <summary>
+        /// ThumbWidth Dependency Property
+        /// </summary>
+        public static readonly DependencyProperty ThumbWidthProperty =
+            DependencyProperty.Register("ThumbWidth", typeof(double), typeof(ToggleSwitch),
+                new FrameworkPropertyMetadata(DEFAULT_THUMB_WIDTH,
+                    FrameworkPropertyMetadataOptions.AffectsMeasure,
+                    new PropertyChangedCallback(OnThumbWidthChanged),
+                    new CoerceValueCallback(CoerceThumbWidth)));
+
+        /// <summary>
+        /// Gets or sets the ThumbWidth property. This dependency property 
+        /// indicates the width  of the Thumb as a percentage of the total width of the ToggleSwitch.
+        /// </summary>
+        public double ThumbWidth
+        {
+            get { return (double)GetValue(ThumbWidthProperty); }
+            set { SetValue(ThumbWidthProperty, value); }
+        }
+
+        /// <summary>
+        /// Coerces the Thumb Width to an acceptable value
+        /// </summary>
+        /// <param name="d">Dependency Object</param>
+        /// <param name="value">Value</param>
+        /// <returns>Coerced Value</returns>
+        private static object CoerceThumbWidth(DependencyObject d, object value)
+        {
+            double percentage = (double)value;
+
+            if (percentage < MIN_THUMB_WIDTH)
+            {
+                return MIN_THUMB_WIDTH;
+            }
+
+            if (percentage > MAX_THUMB_WIDTH)
+            {
+                return MAX_THUMB_WIDTH;
+            }
+
+            return percentage;
+        }
+
+        /// <summary>
+        /// Handles changes to the ThumbWidth property.
+        /// </summary>
+        /// <param name="d">ToggleSwitch</param>
+        /// <param name="e">DependencyProperty changed event arguments</param>
+        private static void OnThumbWidthChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
+        {
+            ToggleSwitch ts = (ToggleSwitch)d;
+            double oldThumbWidth = (double)e.OldValue;
+            double newThumbWidth = ts.ThumbWidth;
+            ts.OnThumbWidthChanged(oldThumbWidth, newThumbWidth);
+        }
+
+        /// <summary>
+        /// Provides derived classes an opportunity to handle changes to the ThumbWidth property.
+        /// </summary>
+        /// <param name="oldThumbWidth">Old Value</param>
+        /// <param name="newThumbWidth">New Value</param>
+        protected void OnThumbWidthChanged(double oldThumbWidth, double newThumbWidth)
+        {
+            CalculateLayout();
+        }
+
+        #endregion
+
+        #region UncheckedBackground
+
+        /// <summary>
+        /// UncheckedBackground Dependency Property
+        /// </summary>
+        public static readonly DependencyProperty UncheckedBackgroundProperty =
+            DependencyProperty.Register("UncheckedBackground", typeof(Brush), typeof(ToggleSwitch),
+                new PropertyMetadata(Brushes.White));
+
+        /// <summary>
+        /// Gets or sets the UncheckedBackground property. This dependency property 
+        /// indicates the Background of the Unchecked Text.
+        /// </summary>
+        public Brush UncheckedBackground
+        {
+            get { return (Brush)GetValue(UncheckedBackgroundProperty); }
+            set { SetValue(UncheckedBackgroundProperty, value); }
+        }
+
+        #endregion
+
+        #region UncheckedForeground
+
+        /// <summary>
+        /// UncheckedForeground Dependency Property
+        /// </summary>
+        public static readonly DependencyProperty UncheckedForegroundProperty =
+            DependencyProperty.Register("UncheckedForeground", typeof(Brush), typeof(ToggleSwitch),
+                new PropertyMetadata(Brushes.Black));
+
+        /// <summary>
+        /// Gets or sets the UncheckedForeground property. This dependency property 
+        /// indicates the Foreground of the Unchecked Text.
+        /// </summary>
+        public Brush UncheckedForeground
+        {
+            get { return (Brush)GetValue(UncheckedForegroundProperty); }
+            set { SetValue(UncheckedForegroundProperty, value); }
+        }
+
+        #endregion
+
+        #region UncheckedText
+
+        /// <summary>
+        /// UncheckedText Dependency Property
+        /// </summary>
+        public static readonly DependencyProperty UncheckedTextProperty =
+            DependencyProperty.Register("UncheckedText", typeof(string), typeof(ToggleSwitch),
+                new PropertyMetadata(string.Empty));
+
+        /// <summary>
+        /// Gets or sets the UncheckedText property. This dependency property 
+        /// indicates the off text.
+        /// </summary>
+        public string UncheckedText
+        {
+            get { return (string)GetValue(UncheckedTextProperty); }
+            set { SetValue(UncheckedTextProperty, value); }
+        }
+
+        #endregion
+
+        #region UncheckedToolTip
+
+        /// <summary>
+        /// UncheckedToolTip Dependency Property
+        /// </summary>
+        public static readonly DependencyProperty UncheckedToolTipProperty =
+            DependencyProperty.Register("UncheckedToolTip", typeof(string), typeof(ToggleSwitch),
+                new FrameworkPropertyMetadata(string.Empty,
+                    new PropertyChangedCallback(OnUncheckedToolTipChanged)));
+
+        /// <summary>
+        /// Gets or sets the UncheckedToolTip property. This dependency property 
+        /// indicates the tooltip for the control when it is in Unchecked state.
+        /// </summary>
+        public string UncheckedToolTip
+        {
+            get { return (string)GetValue(UncheckedToolTipProperty); }
+            set { SetValue(UncheckedToolTipProperty, value); }
+        }
+
+        /// <summary>
+        /// Handles changes to the UncheckedToolTip property.
+        /// </summary>
+        /// <param name="d">ToggleSwitch</param>
+        /// <param name="e">DependencyProperty changed event arguments</param>
+        private static void OnUncheckedToolTipChanged(DependencyObject d, DependencyPropertyChangedEventArgs e)
+        {
+            ToggleSwitch tSwitch = (ToggleSwitch)d;
+            string oldUncheckedToolTip = (string)e.OldValue;
+            string newUncheckedToolTip = tSwitch.UncheckedToolTip;
+            tSwitch.OnUncheckedToolTipChanged(oldUncheckedToolTip, newUncheckedToolTip);
+        }
+
+        /// <summary>
+        /// Provides derived classes an opportunity to handle changes to the UncheckedToolTip property.
+        /// </summary>
+        /// <param name="oldUncheckedToolTip">Old Value</param>
+        /// <param name="newUncheckedToolTip">New Value</param>
+        protected void OnUncheckedToolTipChanged(string oldUncheckedToolTip, string newUncheckedToolTip)
+        {
+            Dispatcher.BeginInvoke(new Action(() =>
+            {
+                if ((this.IsChecked == false) && (!String.IsNullOrWhiteSpace(newUncheckedToolTip)))
+                {
+                    this.ToolTip = new ToolTip() { Content = newUncheckedToolTip };
+                }
+            }));
+        }
+
+        #endregion
+
+        #endregion
+
+        #region Construction
+
+        static ToggleSwitch()
+        {
+            DefaultStyleKeyProperty.OverrideMetadata(typeof(ToggleSwitch), new FrameworkPropertyMetadata(typeof(ToggleSwitch)));
+        }
+
+        #endregion
+
+        #region Overrides
+
+        /// <summary>
+        /// Override which is called when the template is applied
+        /// </summary>
+        public override void OnApplyTemplate()
+        {
+            base.OnApplyTemplate();
+
+            // Get all the controls in the template
+            GetTemplateParts();
+
+            // Calculate the layout of the ToggleSwitch contents
+            CalculateLayout();
+        }
+
+        protected override void OnClick()
+        {
+            if (IsReadOnly)
+            {
+                return;
+            }
+            base.OnClick();
+        }
+        /// <summary>
+        /// Handler for the event raised when the size of the ToggleSwitch changes
+        /// </summary>
+        /// <param name="sizeInfo">Size Changed Info</param>
+        protected override void OnRenderSizeChanged(SizeChangedInfo sizeInfo)
+        {
+            base.OnRenderSizeChanged(sizeInfo);
+
+            // Calculate the margin of the content border
+            CalculateContentBorderMargin();
+        }
+
+        /// <summary>
+        /// Overridden handler for the event when the ToggleSwitch becomes Checked
+        /// </summary>
+        /// <param name="e">RoutedEventArgs</param>
+        protected override void OnChecked(RoutedEventArgs e)
+        {
+            // Hide the tooltip if it is displayed
+            ToolTip tt = ((ToolTip)ToolTipService.GetToolTip((DependencyObject)this));
+            if (tt != null)
+                tt.IsOpen = false;
+
+            base.OnChecked(e);
+
+            // Set the ToggleSwitch's ToolTip to CheckedToolTip property if it 
+            // is not null or empty, else set the ToolTip to null.
+            if (!String.IsNullOrWhiteSpace(CheckedToolTip))
+                this.ToolTip = new ToolTip() { Content = CheckedToolTip };
+            else
+                this.ToolTip = null;
+        }
+
+        /// <summary>
+        /// Overridden handler for the event when the ToggleSwitch becomes Unchecked
+        /// </summary>
+        /// <param name="e">RoutedEventArgs</param>
+        protected override void OnUnchecked(RoutedEventArgs e)
+        {
+            // Hide the tooltip if it is displayed
+            ToolTip tt = ((ToolTip)ToolTipService.GetToolTip((DependencyObject)this));
+            if (tt != null)
+                tt.IsOpen = false;
+
+            base.OnUnchecked(e);
+
+            // Set the ToggleSwitch's ToolTip to UncheckedToolTip property if it 
+            // is not null or empty, else set the ToolTip to null.
+            if (!String.IsNullOrWhiteSpace(UncheckedToolTip))
+                this.ToolTip = new ToolTip() { Content = UncheckedToolTip };
+            else
+                this.ToolTip = null;
+        }
+
+        #endregion
+
+        #region Helpers
+
+        /// <summary>
+        /// Gets the required controls in the template
+        /// </summary>
+        protected void GetTemplateParts()
+        {
+            // PART_RootGrid
+            rootGrid = GetChildControl<Grid>("PART_RootGrid");
+            // PART_ContentBorder
+            contentBorder = GetChildControl<Border>("PART_ContentBorder");
+            // PART_ContentGrid
+            contentGrid = GetChildControl<Grid>("PART_ContentGrid");
+            // PART_CheckedBorder
+            checkedBorder = GetChildControl<Border>("PART_CheckedBorder");
+            // PART_CheckedContent
+            checkedContent = GetChildControl<TextBlock>("PART_CheckedContent");
+            // PART_UncheckedBorder
+            unCheckedBorder = GetChildControl<Border>("PART_UncheckedBorder");
+            // PART_UncheckedContent
+            unCheckedContent = GetChildControl<TextBlock>("PART_UncheckedContent");
+
+            UpdateToggleSwitchContents(IsCheckedLeft);
+        }
+
+        /// <summary>
+        /// Updates the contents of the ToggleSwitch based on IsCheckedLeft flag.
+        /// If it is true, then the Checked content would be in the left side, 
+        /// the Unchecked content in the right side and vice-versa if it is false.
+        /// </summary>
+        /// <param name="isCheckedLeft"></param>
+        private void UpdateToggleSwitchContents(bool isCheckedLeft)
+        {
+            if (isCheckedLeft)
+            {
+                if (checkedBorder != null)
+                    Grid.SetColumn(checkedBorder, 0);
+                if (checkedContent != null)
+                    Grid.SetColumn(checkedContent, 0);
+                if (unCheckedBorder != null)
+                    Grid.SetColumn(unCheckedBorder, 3);
+                if (unCheckedContent != null)
+                    Grid.SetColumn(unCheckedContent, 4);
+            }
+            else
+            {
+                if (checkedBorder != null)
+                    Grid.SetColumn(checkedBorder, 3);
+                if (checkedContent != null)
+                    Grid.SetColumn(checkedContent, 4);
+                if (unCheckedBorder != null)
+                    Grid.SetColumn(unCheckedBorder, 0);
+                if (unCheckedContent != null)
+                    Grid.SetColumn(unCheckedContent, 0);
+            }
+        }
+
+        /// <summary>
+        /// Generic method to get a control from the template
+        /// </summary>
+        /// <typeparam name="T">Type of the control</typeparam>
+        /// <param name="ctrlName">Name of the control in the template</param>
+        /// <returns>Control</returns>
+        protected T GetChildControl<T>(string ctrlName) where T : DependencyObject
+        {
+            T ctrl = GetTemplateChild(ctrlName) as T;
+            return ctrl;
+        }
+
+        /// <summary>
+        /// Calculates the width and margin of the contents of the ContentBorder
+        /// The following calculation is used: (Here p is the value of ThumbWidth)
+        /// p = [10, 90]
+        /// Margin = 1 - p
+        /// Left = (1 - p)/(2 - p)
+        /// Right = (1 - p)/(2 - p)
+        /// Center = 0.03
+        /// CenterLeft = 0.485 - Left
+        /// CenterRight = 0.485 - Left
+        /// </summary>
+        private void CalculateLayout()
+        {
+            if ((rootGrid == null) || (contentGrid == null))
+                return;
+
+            // Convert the ThumbWidth value to a percentage
+            double thumbPercentage = ThumbWidth / 100.0;
+            // Calculate the percentage of Total width available for the content
+            double contentPercentage = 1 - thumbPercentage;
+
+            if (thumbPercentage <= 0.5)
+            {
+                // Calculate the width of the RootGrid Columns
+                rootGrid.ColumnDefinitions[0].Width = new GridLength(thumbPercentage, GridUnitType.Star);
+                rootGrid.ColumnDefinitions[1].Width = new GridLength(1.0 - (2 * thumbPercentage), GridUnitType.Star);
+                rootGrid.ColumnDefinitions[2].Width = new GridLength(thumbPercentage, GridUnitType.Star);
+
+                // Adjust the thumb
+                TargetColumnInternal = 2;
+                Grid.SetColumnSpan(contentBorder, 1);
+            }
+            else
+            {
+                // Calculate the width of the RootGrid Columns
+                rootGrid.ColumnDefinitions[0].Width = new GridLength(contentPercentage, GridUnitType.Star);
+                rootGrid.ColumnDefinitions[1].Width = new GridLength(1.0 - (2 * contentPercentage), GridUnitType.Star);
+                rootGrid.ColumnDefinitions[2].Width = new GridLength(contentPercentage, GridUnitType.Star);
+
+                // Adjust the thumb
+                TargetColumnInternal = 1;
+                Grid.SetColumnSpan(contentBorder, 2);
+            }
+
+            // Calculate the width of the ContentGrid Columns
+            double leftRight = (1 - thumbPercentage) / (2 - thumbPercentage);
+            double centerLeftRight = 0.485 - leftRight;
+            double center = 0.03;
+            contentGrid.ColumnDefinitions[0].Width = new GridLength(leftRight, GridUnitType.Star);
+            contentGrid.ColumnDefinitions[1].Width = new GridLength(centerLeftRight, GridUnitType.Star);
+            contentGrid.ColumnDefinitions[2].Width = new GridLength(center, GridUnitType.Star);
+            contentGrid.ColumnDefinitions[3].Width = new GridLength(centerLeftRight, GridUnitType.Star);
+            contentGrid.ColumnDefinitions[4].Width = new GridLength(leftRight, GridUnitType.Star);
+
+            contentBorderMargin = contentPercentage;
+
+            CalculateContentBorderMargin();
+
+            InvalidateVisual();
+        }
+
+        /// <summary>
+        /// Calculates the margin of the contentBorder
+        /// </summary>
+        private void CalculateContentBorderMargin()
+        {
+            if (contentBorder != null)
+            {
+                // Change the margin of the content border so that its size is (1 + contentBorderMargin) times the width of
+                // the Toggle switch
+                contentBorder.Margin = new Thickness(-(this.Width * contentBorderMargin) + 1, 0, -(this.Width * contentBorderMargin) + 1, 0);
+            }
+
+
+        }
+
+        #endregion
+    }
+}

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/CamPlayer/CapDevice.ts

@@ -0,0 +1,141 @@
+// 假设在前端项目中，可创建一个文件 CapDevice.ts
+// 定义 FilterInfo 类
+class FilterInfo {
+    constructor(public MonikerString: string, public Name: string) {}
+}
+
+// 定义 CapDevice 类
+class CapDevice {
+    private _stopSignal: boolean = false;
+    private _worker: Promise<void> | null = null;
+    private _stream: MediaStream | null = null;
+    private _videoElement: HTMLVideoElement | null = null;
+    private _timer: number = 0;
+    private _frames: number = 0;
+    private _monikerString: string = "";
+    private _name: string = "";
+    private _framerate: number = 0;
+    private _bitmapSource: HTMLCanvasElement | null = null;
+
+    public NewBitmapReady: (() => void) | null = null;
+
+    constructor(moniker: string = "") {
+        this._monikerString = moniker;
+    }
+
+    public static async getDeviceMonikers(): Promise<FilterInfo[]> {
+        const devices = await navigator.mediaDevices.enumerateDevices();
+        return devices
+          .filter(device => device.kind === "videoinput")
+          .map(device => new FilterInfo(device.deviceId, device.label));
+    }
+
+    public async getDevices(): Promise<CapDevice[]> {
+        const monikers = await CapDevice.getDeviceMonikers();
+        return monikers.map(moniker => new CapDevice(moniker.MonikerString));
+    }
+
+    public get BitmapSource(): HTMLCanvasElement | null {
+        return this._bitmapSource;
+    }
+
+    public get Name(): string {
+        return this._name;
+    }
+
+    public get MonikerString(): string {
+        return this._monikerString;
+    }
+
+    public set MonikerString(value: string) {
+        this._monikerString = value;
+        this.stop();
+        if (value) {
+            this.initializeDeviceForMoniker(value);
+            this.start();
+        }
+    }
+
+    public get Framerate(): number {
+        return this._framerate;
+    }
+
+    public set Framerate(value: number) {
+        this._framerate = value;
+    }
+
+    public get IsRunning(): boolean {
+        return this._worker !== null &&!this._stopSignal;
+    }
+
+    private async initializeDeviceForMoniker(moniker: string) {
+        const devices = await CapDevice.getDeviceMonikers();
+        const device = devices.find(d => d.MonikerString === moniker);
+        if (device) {
+            this._name = device.Name;
+        }
+    }
+
+    public async start() {
+        if (!this._monikerString) return;
+        if (this.IsRunning) {
+            this.stop();
+        }
+        this._stopSignal = false;
+        this._worker = this.runWorker();
+    }
+
+    public async stop() {
+        this._stopSignal = true;
+        if (this._worker) {
+            await this._worker;
+        }
+        this.release();
+    }
+
+    private release() {
+        this._worker = null;
+        if (this._stream) {
+            this._stream.getTracks().forEach(track => track.stop());
+            this._stream = null;
+        }
+        this._videoElement = null;
+        this._bitmapSource = null;
+    }
+
+    private async runWorker() {
+        try {
+            const constraints = { video: { deviceId: { exact: this._monikerString } } };
+            this._stream = await navigator.mediaDevices.getUserMedia(constraints);
+            this._videoElement = document.createElement("video");
+            this._videoElement.srcObject = this._stream;
+            this._videoElement.autoplay = true;
+            this._bitmapSource = document.createElement("canvas");
+            const ctx = this._bitmapSource.getContext("2d");
+            if (ctx) {
+                this._timer = performance.now();
+                this._frames = 0;
+                const drawFrame = () => {
+                    if (this._stopSignal) return;
+                    ctx.drawImage(this._videoElement!, 0, 0, this._bitmapSource!.width, this._bitmapSource!.height);
+                    this._frames++;
+                    const now = performance.now();
+                    if (now - this._timer >= 1000) {
+                        this._framerate = Math.round(this._frames * 1000 / (now - this._timer));
+                        this._timer = now;
+                        this._frames = 0;
+                    }
+                    if (this.NewBitmapReady) {
+                        this.NewBitmapReady();
+                    }
+                    requestAnimationFrame(drawFrame);
+                };
+                requestAnimationFrame(drawFrame);
+            }
+        } catch (error) {
+            console.error("Error starting video capture:", error);
+        }
+    }
+}
+
+export default CapDevice;

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/CamPlayer/CapGrabber.ts

@@ -0,0 +1,74 @@
+// 定义 PropertyChangedEventHandler 类型
+type PropertyChangedEventHandler = (sender: any, args: { propertyName: string }) => void;
+// 定义 EventHandler 类型
+type EventHandler = (sender: any, args: any) => void;
+
+// 模拟 ISampleGrabberCB 接口
+interface ISampleGrabberCB {
+    SampleCB(sampleTime: number, sample: ArrayBuffer): number;
+    BufferCB(sampleTime: number, buffer: ArrayBuffer, bufferLen: number): number;
+}
+
+// 模拟 INotifyPropertyChanged 接口
+interface INotifyPropertyChanged {
+    PropertyChanged: PropertyChangedEventHandler | null;
+}
+
+class CapGrabber implements ISampleGrabberCB, INotifyPropertyChanged {
+    private _height: number = 0;
+    private _width: number = 0;
+    public Map: ArrayBuffer | null = null;
+
+    public PropertyChanged: PropertyChangedEventHandler | null = null;
+    public NewFrameArrived: EventHandler | null = null;
+
+    constructor() {
+        // 构造函数逻辑
+    }
+
+    public SampleCB(sampleTime: number, sample: ArrayBuffer): number {
+        return 0;
+    }
+
+    public BufferCB(sampleTime: number, buffer: ArrayBuffer, bufferLen: number): number {
+        if (this.Map) {
+            const target = new Uint8Array(this.Map);
+            const source = new Uint8Array(buffer);
+            target.set(source.subarray(0, bufferLen));
+            this.onNewFrameArrived();
+        }
+        return 0;
+    }
+
+    private onNewFrameArrived() {
+        if (this.NewFrameArrived) {
+            this.NewFrameArrived(this, null);
+        }
+    }
+
+    private onPropertyChanged(name: string) {
+        if (this.PropertyChanged) {
+            this.PropertyChanged(this, { propertyName: name });
+        }
+    }
+
+    public get Width(): number {
+        return this._width;
+    }
+
+    public set Width(value: number) {
+        this._width = value;
+        this.onPropertyChanged("Width");
+    }
+
+    public get Height(): number {
+        return this._height;
+    }
+
+    public set Height(value: number) {
+        this._height = value;
+        this.onPropertyChanged("Height");
+    }
+}
+
+export default CapGrabber;

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/CamPlayer/CapHelper.ts

@@ -0,0 +1,47 @@
+// 假设这些接口和类型已经定义
+interface IBaseFilter {
+    EnumPins(): IEnumPins | null;
+}
+
+interface IPin {
+    QueryDirection(): PinDirection;
+    // 这里假设存在释放资源的方法
+    release(): void;
+}
+
+interface IEnumPins {
+    Next(count: number): IPin | null;
+}
+
+enum PinDirection {
+    // 假设这里定义了具体的方向值
+    Input,
+    Output
+}
+
+class CapHelper {
+    static GetPin(filter: IBaseFilter, dir: PinDirection, num: number): IPin | null {
+        let pin: IPin | null = null;
+        const pinsEnum = filter.EnumPins();
+
+        if (pinsEnum) {
+            while ((pin = pinsEnum.Next(1)) !== null) {
+                const pinDir = pin.QueryDirection();
+
+                if (pinDir === dir) {
+                    if (num === 0) {
+                        return pin;
+                    }
+                    num--;
+                }
+
+                pin.release();
+                pin = null;
+            }
+        }
+
+        return null;
+    }
+}
+
+export default CapHelper;

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/CamPlayer/CapInterfaces.ts

@@ -0,0 +1,159 @@
+// 假设 AMMediaType、PinInfo、PinDirection 等类型已经定义
+// 这里简单用 any 代替，实际使用时需要根据具体情况定义
+type AMMediaType = any;
+type PinInfo = any;
+type PinDirection = any;
+type IBaseFilter = any;
+type IPin = any;
+type IEnumPins = any;
+type IFilterGraph = any;
+type IPropertyBag = any;
+type ISampleGrabberCB = any;
+type IEnumMoniker = any;
+
+interface IGraphBuilder {
+    AddFilter(filter: IBaseFilter, name: string): number;
+    RemoveFilter(filter: IBaseFilter): number;
+    EnumFilters(): number;
+    FindFilterByName(name: string): number;
+    ConnectDirect(pinOut: IPin, pinIn: IPin, mediaType: AMMediaType): number;
+    Reconnect(pin: IPin): number;
+    Disconnect(pin: IPin): number;
+    SetDefaultSyncSource(): number;
+    Connect(pinOut: IPin, pinIn: IPin): number;
+    Render(pinOut: IPin): number;
+    RenderFile(file: string, playList: string): number;
+    AddSourceFilter(fileName: string, filterName: string): number;
+    SetLogFile(hFile: number): number;
+    Abort(): number;
+    ShouldOperationContinue(): number;
+}
+
+interface IBaseFilter {
+    GetClassID(): number;
+    Stop(): number;
+    Pause(): number;
+    Run(start: number): number;
+    GetState(milliSecsTimeout: number): number;
+    SetSyncSource(clock: number): number;
+    GetSyncSource(): number;
+    EnumPins(): number;
+    FindPin(id: string): number;
+    QueryFilterInfo(): number;
+    JoinFilterGraph(graph: IFilterGraph, name: string): number;
+    QueryVendorInfo(): number;
+}
+
+interface IPin {
+    Connect(receivePin: IPin, mediaType: AMMediaType): number;
+    ReceiveConnection(receivePin: IPin, mediaType: AMMediaType): number;
+    Disconnect(): number;
+    ConnectedTo(): number;
+    ConnectionMediaType(): number;
+    QueryPinInfo(): number;
+    QueryDirection(): number;
+    QueryId(): number;
+    QueryAccept(mediaType: AMMediaType): number;
+    EnumMediaTypes(): number;
+    QueryInternalConnections(): number;
+    EndOfStream(): number;
+    BeginFlush(): number;
+    EndFlush(): number;
+    NewSegment(start: number, stop: number, rate: number): number;
+}
+
+interface IEnumPins {
+    Next(cPins: number): number;
+    Skip(cPins: number): number;
+    Reset(): number;
+    Clone(): number;
+}
+
+interface IFilterGraph {
+    AddFilter(filter: IBaseFilter, name: string): number;
+    RemoveFilter(filter: IBaseFilter): number;
+    EnumFilters(): number;
+    FindFilterByName(name: string): number;
+    ConnectDirect(pinOut: IPin, pinIn: IPin, mediaType: AMMediaType): number;
+    Reconnect(pin: IPin): number;
+    Disconnect(pin: IPin): number;
+    SetDefaultSyncSource(): number;
+}
+
+interface IPropertyBag {
+    Read(propertyName: string, pVar: any): number;
+    Write(propertyName: string, pVar: any): number;
+}
+
+interface ISampleGrabber {
+    SetOneShot(oneShot: boolean): number;
+    SetMediaType(mediaType: AMMediaType): number;
+    GetConnectedMediaType(): number;
+    SetBufferSamples(bufferThem: boolean): number;
+    GetCurrentBuffer(bufferSize: number): number;
+    GetCurrentSample(): number;
+    SetCallback(callback: ISampleGrabberCB, whichMethodToCallback: number): number;
+}
+
+interface ISampleGrabberCB {
+    SampleCB(sampleTime: number, sample: number): number;
+    BufferCB(sampleTime: number, buffer: number, bufferLen: number): number;
+}
+
+interface ICreateDevEnum {
+    CreateClassEnumerator(type: any): number;
+}
+
+interface IVideoWindow {
+    put_Caption(caption: string): number;
+    get_Caption(): number;
+    put_WindowStyle(windowStyle: number): number;
+    get_WindowStyle(): number;
+    put_WindowStyleEx(windowStyleEx: number): number;
+    get_WindowStyleEx(): number;
+    put_AutoShow(autoShow: boolean): number;
+    get_AutoShow(): number;
+    put_WindowState(windowState: number): number;
+    get_WindowState(): number;
+    put_BackgroundPalette(backgroundPalette: boolean): number;
+    get_BackgroundPalette(): number;
+    put_Visible(visible: boolean): number;
+    get_Visible(): number;
+    put_Left(left: number): number;
+    get_Left(): number;
+    put_Width(width: number): number;
+    get_Width(): number;
+    put_Top(top: number): number;
+    get_Top(): number;
+    put_Height(height: number): number;
+    get_Height(): number;
+    put_Owner(owner: number): number;
+    get_Owner(): number;
+    put_MessageDrain(drain: number): number;
+    get_MessageDrain(): number;
+    get_BorderColor(): number;
+    put_BorderColor(color: number): number;
+    get_FullScreenMode(): number;
+    put_FullScreenMode(fullScreenMode: boolean): number;
+    SetWindowForeground(focus: number): number;
+    NotifyOwnerMessage(hwnd: number, msg: number, wParam: number, lParam: number): number;
+    SetWindowPosition(left: number, top: number, width: number, height: number): number;
+    GetWindowPosition(): number;
+    GetMinIdealImageSize(): number;
+    GetMaxIdealImageSize(): number;
+    GetRestorePosition(): number;
+    HideCursor(hideCursor: boolean): number;
+    IsCursorHidden(): number;
+}
+
+interface IMediaControl {
+    Run(): number;
+    Pause(): number;
+    Stop(): number;
+    GetState(timeout: number): number;
+    RenderFile(fileName: string): number;
+    AddSourceFilter(fileName: string): number;
+    get_FilterCollection(): number;
+    get_RegFilterCollection(): number;
+    StopWhenReady(): number;
+}

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/CamPlayer/CapPlayer.ts

@@ -0,0 +1,85 @@
+// 假设 CapDevice 类的定义如下
+class CapDevice {
+    public BitmapSource: any;
+    public static FramerateProperty: any;
+    public NewBitmapReady: (sender: any, e: any) => void;
+    public Dispose(): void {}
+    public Stop(): void {}
+}
+
+// CapPlayer 类的 TypeScript 实现
+class CapPlayer {
+    private _device: CapDevice | null = null;
+    private _rotation: number = 0;
+    private _framerate: number = 0;
+    private _imageElement: HTMLImageElement;
+
+    constructor(imageElement: HTMLImageElement) {
+        this._imageElement = imageElement;
+    }
+
+    public get Device(): CapDevice | null {
+        return this._device;
+    }
+
+    public set Device(value: CapDevice | null) {
+        if (this._device) {
+            this.cleanUpDevice(this._device);
+        }
+        this._device = value;
+        if (this._device) {
+            this._device.NewBitmapReady = this.device_OnNewBitmapReady.bind(this);
+        }
+    }
+
+    public get Rotation(): number {
+        return this._rotation;
+    }
+
+    public set Rotation(value: number) {
+        this._rotation = value;
+        this._imageElement.style.transform = `rotate(${value}deg)`;
+    }
+
+    public get Framerate(): number {
+        return this._framerate;
+    }
+
+    public set Framerate(value: number) {
+        this._framerate = value;
+    }
+
+    public get CurrentBitmap(): any {
+        if (this._device) {
+            // 这里简化处理，实际中需要实现图像旋转和变换
+            return this._device.BitmapSource;
+        }
+        return null;
+    }
+
+    public dispose(): void {
+        if (this._device) {
+            this._device.Dispose();
+            this._device = null;
+        }
+    }
+
+    private cleanUpDevice(device: CapDevice): void {
+        device.Stop();
+        device.NewBitmapReady = () => {};
+    }
+
+    private device_OnNewBitmapReady(sender: any, e: any): void {
+        // 简化绑定逻辑
+        this._framerate = sender.Framerate;
+        if (sender) {
+            this._imageElement.src = sender.BitmapSource;
+        }
+    }
+}
+
+// 使用示例
+const imageElement = document.createElement('img');
+const capPlayer = new CapPlayer(imageElement);
+const device = new CapDevice();
+capPlayer.Device = device;

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/CamPlayer/CapStructures.ts

@@ -0,0 +1,90 @@
+// 定义 PinDirection 枚举
+enum PinDirection {
+    Input,
+    Output
+}
+
+// 定义 AMMediaType 类
+class AMMediaType {
+    MajorType: string;
+    SubType: string;
+    FixedSizeSamples: boolean = true;
+    TemporalCompression: boolean;
+    SampleSize: number = 1;
+    FormatType: string;
+    unkPtr: number;
+    FormatSize: number;
+    FormatPtr: number;
+
+    constructor() {
+        this.MajorType = '';
+        this.SubType = '';
+        this.TemporalCompression = false;
+        this.unkPtr = 0;
+        this.FormatSize = 0;
+        this.FormatPtr = 0;
+    }
+
+    dispose() {
+        // 在 TypeScript 中没有直接的非托管资源释放，这里只是占位
+    }
+}
+
+// 定义 IBaseFilter 接口
+interface IBaseFilter {}
+
+// 定义 PinInfo 类
+class PinInfo {
+    Filter: IBaseFilter;
+    Direction: PinDirection;
+    Name: string;
+
+    constructor() {
+        this.Filter = {} as IBaseFilter;
+        this.Direction = PinDirection.Input;
+        this.Name = '';
+    }
+}
+
+// 定义 RECT 接口
+interface RECT {
+    Left: number;
+    Top: number;
+    Right: number;
+    Bottom: number;
+}
+
+// 定义 BitmapInfoHeader 接口
+interface BitmapInfoHeader {
+    Size: number;
+    Width: number;
+    Height: number;
+    Planes: number;
+    BitCount: number;
+    Compression: number;
+    ImageSize: number;
+    XPelsPerMeter: number;
+    YPelsPerMeter: number;
+    ColorsUsed: number;
+    ColorsImportant: number;
+}
+
+// 定义 VideoInfoHeader 接口
+interface VideoInfoHeader {
+    SrcRect: RECT;
+    TargetRect: RECT;
+    BitRate: number;
+    BitErrorRate: number;
+    AverageTimePerFrame: number;
+    BmiHeader: BitmapInfoHeader;
+}
+
+export {
+    PinDirection,
+    AMMediaType,
+    IBaseFilter,
+    PinInfo,
+    RECT,
+    BitmapInfoHeader,
+    VideoInfoHeader
+};

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/CamPlayer/CaptureImageCommands.ts

@@ -0,0 +1,45 @@
+// 定义命令类型
+type Command = {
+  name: string;
+  displayText: string;
+  execute: () => void;
+};
+
+// 定义 CaptureImageCommands 类
+export class CaptureImageCommands {
+  static CaptureImage: Command = {
+    name: "CaptureImage",
+    displayText: "Capture image",
+    execute: () => {
+      // 这里可以实现捕获图像的具体逻辑
+      console.log("Capturing image...");
+    },
+  };
+
+  static RemoveImage: Command = {
+    name: "RemoveImage",
+    displayText: "Remove image",
+    execute: () => {
+      // 这里可以实现移除图像的具体逻辑
+      console.log("Removing image...");
+    },
+  };
+
+  static ClearAllImages: Command = {
+    name: "ClearAllImages",
+    displayText: "Clear all images",
+    execute: () => {
+      // 这里可以实现清除所有图像的具体逻辑
+      console.log("Clearing all images...");
+    },
+  };
+
+  static ClickImage: Command = {
+    name: "ClickImage",
+    displayText: "Click Image",
+    execute: () => {
+      // 这里可以实现点击图像的具体逻辑
+      console.log("Clicking image...");
+    },
+  };
+}

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/CamPlayer/FilterInfo.ts

@@ -0,0 +1,122 @@
+// 假设这些接口和类型已经定义
+interface IBindCtx {}
+interface IMoniker {}
+interface IBaseFilter {}
+interface IPropertyBag {
+    Read(name: string, value: any, zero: any): number;
+}
+
+// 假设这些函数已经实现
+function CreateBindCtx(reserved: number): IBindCtx | null {
+    // 实现创建绑定上下文的逻辑
+    return null;
+}
+
+function MkParseDisplayName(pbc: IBindCtx, szUserName: string): IMoniker | null {
+    // 实现解析显示名称的逻辑
+    return null;
+}
+
+class FilterInfo implements IComparable {
+    private readonly _name: string;
+    private readonly _monikerString: string;
+
+    constructor(monikerString: string);
+    constructor(moniker: IMoniker);
+    constructor(arg: string | IMoniker) {
+        if (typeof arg === 'string') {
+            this._monikerString = arg;
+            this._name = this.GetName(arg);
+        } else {
+            this._monikerString = this.GetMonikerString(arg);
+            this._name = this.GetName(this._monikerString);
+        }
+    }
+
+    get Name(): string {
+        return this._name;
+    }
+
+    get MonikerString(): string {
+        return this._monikerString;
+    }
+
+    static CreateFilter(filterMoniker: string): IBaseFilter | null {
+        let filterObject: IBaseFilter | null = null;
+        let bindCtx = CreateBindCtx(0);
+        if (bindCtx) {
+            let moniker = MkParseDisplayName(bindCtx, filterMoniker);
+            if (moniker) {
+                // 假设这里有绑定到对象的逻辑
+                // moniker.BindToObject(null, null, ref filterId, out filterObject);
+                // 清理逻辑
+                // moniker = null;
+            }
+            // 清理逻辑
+            // bindCtx = null;
+        }
+        return filterObject;
+    }
+
+    private GetMonikerString(moniker: IMoniker): string {
+        let result = "";
+        // 假设这里有获取显示名称的逻辑
+        // moniker.GetDisplayName(null, null, out result);
+        return result;
+    }
+
+    private GetName(moniker: IMoniker): string;
+    private GetName(monikerString: string): string;
+    private GetName(arg: IMoniker | string): string {
+        if (typeof arg === 'string') {
+            let bindCtx = CreateBindCtx(0);
+            if (bindCtx) {
+                let moniker = MkParseDisplayName(bindCtx, arg);
+                if (moniker) {
+                    let name = this.GetName(moniker);
+                    // 清理逻辑
+                    // moniker = null;
+                }
+                // 清理逻辑
+                // bindCtx = null;
+            }
+            return "";
+        } else {
+            let bagObj: IPropertyBag | null = null;
+            try {
+                // 假设这里有绑定到存储的逻辑
+                // arg.BindToStorage(null, null, ref bagId, out bagObj);
+                if (bagObj) {
+                    let val: any = "";
+                    let hr = bagObj.Read("FriendlyName", val, null);
+                    if (hr === 0) {
+                        let result = val as string;
+                        if (result) {
+                            return result;
+                        }
+                    }
+                }
+            } catch (e) {
+                // 异常处理
+            } finally {
+                // 清理逻辑
+                bagObj = null;
+            }
+            return "";
+        }
+    }
+
+    CompareTo(value: any): number {
+        let f = value as FilterInfo;
+        if (!f) {
+            return 1;
+        }
+        return this.Name.localeCompare(f.Name);
+    }
+}
+
+interface IComparable {
+    CompareTo(value: any): number;
+}
+
+export { FilterInfo };

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/CamPlayer/ThreeFourthConverter.ts

@@ -0,0 +1,28 @@
+// 定义一个类似 IValueConverter 的接口
+interface IValueConverter {
+    convert(value: any, targetType: any, parameter: any, culture: any): any;
+    convertBack(value: any, targetType: any, parameter: any, culture: any): any;
+}
+
+// 定义 ThreeFourthConverter 类
+class ThreeFourthConverter implements IValueConverter {
+    convert(value: any, targetType: any, parameter: any, culture: any): any {
+        let width = 0;
+        try {
+            width = parseFloat(value);
+            if (isNaN(width)) {
+                throw new Error();
+            }
+        } catch (error) {
+            console.error(`Failed to cast '${value}' to number`);
+            return 0;
+        }
+        return width > 0 ? (width / 4) * 3 : 0;
+    }
+
+    convertBack(value: any, targetType: any, parameter: any, culture: any): any {
+        throw new Error('Not implemented');
+    }
+}
+
+export default ThreeFourthConverter;

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/DataBox/DataBox.xaml

@@ -0,0 +1,434 @@
+<UserControl x:Class="Platform.Controls.ComponentContainer.DataBox"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:base="clr-namespace:Platform.Controls.BaseContainer"
+             xmlns:controlHelper="clr-namespace:Platform.Controls.ControlsHelper"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:dhcc="http://www.dhcc.com.cn"
+             xmlns:helper="clr-namespace:Platform.Controls.ControlsHelper"
+             xmlns:local="clr-namespace:Platform.Controls.ComponentContainer"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             xmlns:Microsoft_Windows_Themes="clr-namespace:Microsoft.Windows.Themes;assembly=PresentationFramework.Aero"
+             xmlns:table="clr-namespace:Platform.Controls.TableContainer"
+             x:Name="dataBox"
+             Height="300"
+             MinHeight="150"
+             HorizontalAlignment="Stretch"
+             d:DesignHeight="300"
+             d:DesignWidth="600"
+             mc:Ignorable="d">
+    <UserControl.Resources>
+        <Storyboard x:Key="OnMouseEnter1">
+            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="textBlock" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">
+                <EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="90" />
+            </DoubleAnimationUsingKeyFrames>
+        </Storyboard>
+        <Storyboard x:Key="OnMouseLeave1">
+            <DoubleAnimationUsingKeyFrames Storyboard.TargetName="textBlock" Storyboard.TargetProperty="(UIElement.RenderTransform).(TransformGroup.Children)[2].(RotateTransform.Angle)">
+                <EasingDoubleKeyFrame KeyTime="0:0:0.4" Value="-90" />
+            </DoubleAnimationUsingKeyFrames>
+        </Storyboard>
+        <ContextMenu x:Key="menuFilter" dhcc:FocusManager.OnlyMouseControlHandled="{x:Static dhcc:ControlHelper.EmptyMouseHandled}" />
+
+        <dhcc:BoolToVisibilityConverter x:Key="BoolToVisibility" />
+
+        <DataGridTemplateColumn x:Key="RadioColumn" Visibility="{Binding IsShowRadioColumn, ElementName=dataBox, Converter={StaticResource BoolToVisibility}}" />
+
+        <DataTemplate x:Key="RadioButtonColumn">
+            <RadioButton HorizontalAlignment="Center"
+                         VerticalAlignment="Center"
+                         dhcc:FocusManager.OnlyMouseControlHandled="{x:Static dhcc:ControlHelper.EmptyMouseHandled}"
+                         IsChecked="{Binding IsSelected,
+                                             RelativeSource={RelativeSource AncestorType=DataGridRow,
+                                                                            Mode=FindAncestor}}"
+                         Style="{x:Null}" />
+        </DataTemplate>
+
+        <DataTemplate x:Key="CheckBoxColumn">
+            <CheckBox x:Name="cellCheckBox"
+                      HorizontalAlignment="Center"
+                      VerticalAlignment="Center"
+                      Checked="cellCheckBox_CheckedChanged"
+                      dhcc:FocusManager.OnlyMouseControlHandled="{x:Static dhcc:ControlHelper.EmptyMouseHandled}"
+                      IsChecked="{Binding Path=(helper:DataGridHelper.IsChecked),
+                                          RelativeSource={RelativeSource AncestorType=DataGridRow,
+                                                                         Mode=FindAncestor}}"
+                      Style="{x:Null}"
+                      Unchecked="cellCheckBox_CheckedChanged" />
+        </DataTemplate>
+
+        <DataTemplate x:Key="CheckBoxColumnHeader">
+            <CheckBox x:Name="headerCheckBox"
+                      HorizontalAlignment="Center"
+                      VerticalAlignment="Center"
+                      Checked="headerCheckBox_Checked"
+                      dhcc:FocusManager.OnlyMouseControlHandled="{x:Static dhcc:ControlHelper.EmptyMouseHandled}"
+                      IsChecked="{Binding Path=(helper:DataGridHelper.IsChecked),
+                                          ElementName=dhccDataGrid}"
+                      Style="{x:Null}"
+                      Unchecked="headerCheckBox_Unchecked" />
+        </DataTemplate>
+    </UserControl.Resources>
+    <Grid>
+        <Grid.RowDefinitions>
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="*" />
+            <RowDefinition Height="Auto" />
+        </Grid.RowDefinitions>
+
+        <Grid Margin="0,0,0,3">
+            <Grid.Resources>
+
+
+
+                <LinearGradientBrush x:Key="TextBoxBorder" MappingMode="Absolute" StartPoint="0,0" EndPoint="0,20">
+                    <GradientStop Offset="0.05" Color="#ABADB3" />
+                    <GradientStop Offset="0.07" Color="#E2E3EA" />
+                    <GradientStop Offset="1" Color="#E3E9EF" />
+                </LinearGradientBrush>
+
+                <!--  TextBoxFilter  -->
+                <Style x:Key="TextBoxFilter"
+                       BasedOn="{StaticResource {x:Type TextBox}}"
+                       TargetType="{x:Type TextBox}">
+                    <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}" />
+                    <Setter Property="Background" Value="{DynamicResource {x:Static SystemColors.WindowBrushKey}}" />
+                    <Setter Property="BorderThickness" Value="1" />
+                    <Setter Property="BorderBrush" Value="{StaticResource TextBoxBorder}" />
+                    <Setter Property="AllowDrop" Value="true" />
+                    <Setter Property="FocusVisualStyle" Value="{x:Null}" />
+                    <Setter Property="Template">
+                        <Setter.Value>
+                            <ControlTemplate TargetType="{x:Type TextBox}">
+                                <Microsoft_Windows_Themes:ListBoxChrome x:Name="Bd"
+                                                                        Background="{TemplateBinding Background}"
+                                                                        BorderBrush="{TemplateBinding BorderBrush}"
+                                                                        BorderThickness="{TemplateBinding BorderThickness}"
+                                                                        RenderFocused="{TemplateBinding IsKeyboardFocusWithin}"
+                                                                        RenderMouseOver="{TemplateBinding IsMouseOver}"
+                                                                        SnapsToDevicePixels="true">
+
+                                    <ScrollViewer x:Name="PART_ContentHost"
+                                                  Margin="18,0,18,0"
+                                                  SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" />
+
+                                </Microsoft_Windows_Themes:ListBoxChrome>
+                                <ControlTemplate.Triggers>
+                                    <Trigger Property="IsEnabled" Value="false">
+                                        <Setter TargetName="Bd" Property="Background" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}" />
+                                        <Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}" />
+                                    </Trigger>
+                                </ControlTemplate.Triggers>
+                            </ControlTemplate>
+                        </Setter.Value>
+                    </Setter>
+                </Style>
+                <!--  TextBoxFilter  -->
+                <!--  ComboBoxItem  -->
+                <Style TargetType="{x:Type ComboBoxItem}">
+                    <Setter Property="SnapsToDevicePixels" Value="true" />
+                    <Setter Property="OverridesDefaultStyle" Value="true" />
+                    <Setter Property="FocusVisualStyle" Value="{x:Null}" />
+                    <Setter Property="Cursor" Value="Hand" />
+                    <Setter Property="Template">
+                        <Setter.Value>
+                            <ControlTemplate TargetType="ComboBoxItem">
+                                <Border Name="Border"
+                                        dhcc:FocusManager.OnlyMouseControlHandled="{x:Static dhcc:ControlHelper.EmptyMouseHandled}"
+                                        Padding="2"
+                                        SnapsToDevicePixels="true">
+                                    <ContentPresenter />
+                                </Border>
+                                <ControlTemplate.Triggers>
+                                    <Trigger Property="IsHighlighted" Value="true">
+                                        <Setter TargetName="Border" Property="Background" Value="{DynamicResource ComboBoxItem_Select_Background}" />
+                                    </Trigger>
+                                    <Trigger Property="IsEnabled" Value="false">
+                                        <Setter Property="Foreground" Value="{DynamicResource ComboBoxItem_Enable_Foreground}" />
+                                    </Trigger>
+                                </ControlTemplate.Triggers>
+                            </ControlTemplate>
+                        </Setter.Value>
+                    </Setter>
+                </Style>
+                <!--  ComboBoxItem  -->
+
+                <!--  ComBoxFilter  -->
+                <Style x:Key="ComboBoxFilter"
+                       BasedOn="{StaticResource {x:Type ComboBox}}"
+                       TargetType="{x:Type ComboBox}">
+                    <Setter Property="Width" Value="22" />
+                    <Setter Property="Height" Value="22" />
+                    <Setter Property="HorizontalAlignment" Value="Left" />
+                    <Setter Property="VerticalAlignment" Value="Center" />
+                    <Setter Property="FocusVisualStyle" Value="{x:Null}" />
+                    <Setter Property="Padding" Value="1" />
+                    <Setter Property="Template">
+                        <Setter.Value>
+                            <ControlTemplate TargetType="{x:Type ComboBox}">
+                                <Grid x:Name="RootElement" MinWidth="100">
+                                    <Grid.Resources>
+                                        <Style x:Key="ToggleButtonFilter" TargetType="{x:Type ToggleButton}">
+                                            <Setter Property="Width" Value="22" />
+                                            <Setter Property="Height" Value="22" />
+                                            <Setter Property="Cursor" Value="Hand" />
+                                            <Setter Property="HorizontalAlignment" Value="Left" />
+                                            <Setter Property="VerticalAlignment" Value="Center" />
+                                            <Setter Property="FocusVisualStyle" Value="{x:Null}" />
+                                            <Setter Property="Padding" Value="1" />
+                                            <Setter Property="Template">
+                                                <Setter.Value>
+                                                    <ControlTemplate TargetType="{x:Type ToggleButton}">
+                                                        <Grid>
+                                                            <Rectangle Margin="2"
+                                                                       Fill="Transparent"
+                                                                       RadiusX="2.5"
+                                                                       RadiusY="2.5"
+                                                                       Stroke="#FF000000"
+                                                                       StrokeThickness="0" />
+                                                            <Ellipse Width="10"
+                                                                     Height="10"
+                                                                     Margin="0,4,5,0"
+                                                                     HorizontalAlignment="Right"
+                                                                     VerticalAlignment="Top"
+                                                                     Stroke="{DynamicResource {x:Static SystemColors.WindowTextBrushKey}}"
+                                                                     StrokeThickness="2" />
+                                                            <Path Width="7"
+                                                                  Height="7"
+                                                                  Margin="0,7,7,0"
+                                                                  Data="M0,0 L1,-1"
+                                                                  Fill="Black"
+                                                                  Stretch="Fill"
+                                                                  Stroke="{DynamicResource {x:Static SystemColors.WindowTextBrushKey}}"
+                                                                  StrokeThickness="2" />
+                                                            <Path x:Name="path"
+                                                                  Width="6"
+                                                                  Height="6"
+                                                                  Margin="0,0,2,0"
+                                                                  HorizontalAlignment="Right"
+                                                                  VerticalAlignment="Bottom"
+                                                                  Data="M0,0L6,0 3,3z"
+                                                                  Fill="{DynamicResource {x:Static SystemColors.WindowTextBrushKey}}" />
+                                                        </Grid>
+                                                        <ControlTemplate.Triggers>
+                                                            <Trigger Property="IsChecked" Value="true">
+                                                                <Setter TargetName="path" Property="Visibility" Value="Collapsed" />
+                                                            </Trigger>
+                                                            <Trigger Property="IsChecked" Value="false">
+                                                                <Setter TargetName="path" Property="Visibility" Value="Visible" />
+                                                            </Trigger>
+                                                        </ControlTemplate.Triggers>
+                                                    </ControlTemplate>
+                                                </Setter.Value>
+                                            </Setter>
+                                        </Style>
+                                    </Grid.Resources>
+                                    <Popup x:Name="PART_Popup"
+                                           Grid.ColumnSpan="2"
+                                           Margin="1"
+                                           AllowsTransparency="true"
+                                           IsOpen="{Binding IsDropDownOpen,
+                                                            RelativeSource={RelativeSource TemplatedParent}}"
+                                           Placement="Bottom"
+                                           PopupAnimation="{DynamicResource {x:Static SystemParameters.ComboBoxPopupAnimationKey}}">
+                                        <Microsoft_Windows_Themes:SystemDropShadowChrome x:Name="Shdw"
+                                                                                         MinWidth="{Binding ActualWidth,
+                                                                                                            ElementName=RootElement}"
+                                                                                         MaxHeight="{TemplateBinding MaxDropDownHeight}"
+                                                                                         Color="Transparent">
+                                            <Border x:Name="DropDownBorder"
+                                                    Background="{DynamicResource ComboBoxDropdown_Normal_Background}"
+                                                    BorderBrush="{DynamicResource ComboBoxDropdown_Normal_BorderBrush}"
+                                                    BorderThickness="{DynamicResource ComboBoxDropdown_Normal_BorderThickness}"
+                                                    CornerRadius="3"
+                                                    Focusable="False">
+                                                <Grid>
+                                                    <Grid.Resources>
+                                                        <Style x:Key="SeparatorLineStyle" TargetType="{x:Type Line}">
+                                                            <Setter Property="X2" Value="1" />
+                                                            <Setter Property="Height" Value="1" />
+                                                            <Setter Property="Stretch" Value="Fill" />
+                                                            <Setter Property="StrokeEndLineCap" Value="Square" />
+                                                            <Setter Property="StrokeStartLineCap" Value="Square" />
+                                                            <Setter Property="StrokeThickness" Value="{Binding Height, RelativeSource={RelativeSource Self}}" />
+                                                            <Setter Property="Stroke" Value="{DynamicResource ComboBoxDropdown_Normal_BorderBrush}" />
+                                                        </Style>
+                                                        <Style TargetType="{x:Type ListBoxItem}">
+                                                            <Setter Property="Template">
+                                                                <Setter.Value>
+                                                                    <ControlTemplate TargetType="{x:Type ListBoxItem}">
+                                                                        <CheckBox Content="{TemplateBinding Content}"
+                                                                                  ContentTemplate="{TemplateBinding ContentTemplate}"
+                                                                                  ContentTemplateSelector="{TemplateBinding ContentTemplateSelector}"
+                                                                                  dhcc:FocusManager.OnlyMouseControlHandled="{x:Static dhcc:ControlHelper.EmptyMouseHandled}"
+                                                                                  FocusVisualStyle="{TemplateBinding FocusVisualStyle}"
+                                                                                  IsChecked="{Binding IsSelected,
+                                                                                                      RelativeSource={RelativeSource TemplatedParent}}"
+                                                                                  Style="{x:Null}" />
+                                                                    </ControlTemplate>
+                                                                </Setter.Value>
+                                                            </Setter>
+                                                        </Style>
+                                                    </Grid.Resources>
+                                                    <Grid.RowDefinitions>
+                                                        <RowDefinition Height="Auto" />
+                                                        <RowDefinition Height="Auto" />
+                                                        <RowDefinition Height="*" />
+                                                    </Grid.RowDefinitions>
+
+                                                    <CheckBox x:Name="chbxAll"
+                                                              Margin="2"
+                                                              Checked="chbxAll_Checked"
+                                                              Content="全选"
+                                                              dhcc:FocusManager.OnlyMouseControlHandled="{x:Static dhcc:ControlHelper.EmptyMouseHandled}"
+                                                              Style="{x:Null}"
+                                                              Unchecked="chbxAll_Unchecked" />
+
+                                                    <Line Grid.Row="1" Style="{StaticResource SeparatorLineStyle}" />
+                                                    <ListBox Name="checkListBox"
+                                                             Grid.Row="2"
+                                                             Margin="2"
+                                                             BorderThickness="0"
+                                                             SelectionChanged="checkListBox_SelectionChanged"
+                                                             SelectionMode="Multiple"
+                                                             Style="{x:Null}" />
+                                                </Grid>
+
+                                            </Border>
+                                        </Microsoft_Windows_Themes:SystemDropShadowChrome>
+                                    </Popup>
+                                    <ToggleButton Grid.ColumnSpan="2"
+                                                  Background="{DynamicResource ComboBox_Normal_Background}"
+                                                  BorderBrush="#FFBCBDBD"
+                                                  BorderThickness="1"
+                                                  ClickMode="Press"
+                                                  Focusable="false"
+                                                  IsChecked="{Binding Path=IsDropDownOpen,
+                                                                      Mode=TwoWay,
+                                                                      RelativeSource={RelativeSource TemplatedParent}}"
+                                                  Style="{StaticResource ToggleButtonFilter}" />
+
+                                </Grid>
+
+
+                            </ControlTemplate>
+                        </Setter.Value>
+                    </Setter>
+                </Style>
+                <!--  ComBoxFilter  -->
+
+                <!--  ButtonClear  -->
+                <Style x:Key="ButtonClear"
+                       BasedOn="{StaticResource {x:Type Button}}"
+                       TargetType="{x:Type Button}">
+                    <Setter Property="Margin" Value="0" />
+                    <Setter Property="Width" Value="22" />
+                    <Setter Property="Height" Value="22" />
+                    <Setter Property="Cursor" Value="Hand" />
+                    <Setter Property="HorizontalAlignment" Value="Right" />
+                    <Setter Property="VerticalAlignment" Value="Center" />
+                    <Setter Property="Padding" Value="1" />
+                    <Setter Property="Template">
+                        <Setter.Value>
+                            <ControlTemplate TargetType="{x:Type Button}">
+                                <TextBlock x:Name="textBlock"
+                                           HorizontalAlignment="Center"
+                                           VerticalAlignment="Center"
+                                           Cursor="Hand"
+                                           FontFamily="Bodoni MT Black"
+                                           FontSize="18"
+                                           FontWeight="Bold"
+                                           Foreground="{DynamicResource {x:Static SystemColors.WindowTextBrushKey}}"
+                                           RenderTransformOrigin="0.5,0.5"
+                                           Text="×"
+                                           ToolTip="关闭">
+                                    <TextBlock.RenderTransform>
+                                        <TransformGroup>
+                                            <ScaleTransform />
+                                            <SkewTransform />
+                                            <RotateTransform />
+                                            <TranslateTransform />
+                                        </TransformGroup>
+                                    </TextBlock.RenderTransform>
+                                </TextBlock>
+                                <ControlTemplate.Triggers>
+                                    <EventTrigger RoutedEvent="Mouse.MouseEnter">
+                                        <BeginStoryboard Storyboard="{StaticResource OnMouseEnter1}" />
+                                    </EventTrigger>
+                                    <EventTrigger RoutedEvent="Mouse.MouseLeave">
+                                        <BeginStoryboard Storyboard="{StaticResource OnMouseLeave1}" />
+                                    </EventTrigger>
+                                </ControlTemplate.Triggers>
+                            </ControlTemplate>
+                        </Setter.Value>
+                    </Setter>
+                </Style>
+                <!--  ButtonClear  -->
+            </Grid.Resources>
+            <TextBox x:Name="txtFilter"
+                     Grid.Column="1"
+                     Width="Auto"
+                     HorizontalAlignment="Stretch"
+                     VerticalContentAlignment="Center"
+                     controlHelper:TextBoxHelper.Placeholder="请输入筛选条件…"
+                     controlHelper:TextBoxHelper.PlaceholderOffset="23,5"
+                     Style="{StaticResource TextBoxFilter}"
+                     TextChanged="txt_TextChanged"
+                     Visibility="{Binding IsShowSelectBar,
+                                          ElementName=dataBox,
+                                          Converter={StaticResource BoolToVisibility}}" />
+            <ComboBox x:Name="cbxFilter"
+                      Style="{StaticResource ComboBoxFilter}"
+                      Visibility="{Binding IsShowSelectBar,
+                                           ElementName=dataBox,
+                                           Converter={StaticResource BoolToVisibility}}" />
+
+            <Button x:Name="btnClear"
+                    Click="btnClear_Click"
+                    Style="{StaticResource ButtonClear}"
+                    Visibility="Collapsed" />
+        </Grid>
+        <table:DHCCDataGrid x:Name="dhccDataGrid"
+                            Grid.Row="1"
+                            Height="Auto"
+                            MinHeight="150"
+                            MaxHeight="1000"
+                            dhcc:FocusManager.LostFocus="dhccDataGrid_LostFocus"
+                            IsReadOnly="True"
+                            SelectionMode="Single" />
+        <Grid Grid.Row="2" DataContext="{Binding Path=., ElementName=dataBox}">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="*" />
+                <ColumnDefinition Width="Auto" />
+            </Grid.ColumnDefinitions>
+            <local:DataPager x:Name="dataPager"
+                             Margin="3"
+                             dhcc:FocusManager.OnlyMouseControlHandled="{x:Static helper:ControlHelper.EmptyMouseHandled}"
+                             PageChanged="dataPager_PageChanged"
+                             PageSizeList="{Binding PageSizeLis}"
+                             Total="{Binding Total}"
+                             Visibility="{Binding IsShowPageBar,
+                                                  Converter={StaticResource BoolToVisibility}}" />
+
+            <StackPanel x:Name="Operator"
+                        Grid.Column="1"
+                        Orientation="Horizontal">
+                <base:ImageButton x:Name="btnPrint"
+                                  Margin="3"
+                                  GrayImageSource="/Platform.Controls;component/Resource/pagination_loading.gif"
+                                  ImageSource="/Platform.Controls;component/Resource/FilePrint.png"
+                                  ToolTip="打印"
+                                  Visibility="{Binding IsShowPrintButton,
+                                                       Converter={StaticResource BoolToVisibility}}" />
+                <base:ImageButton x:Name="btnExport"
+                                  Margin="3"
+                                  GrayImageSource="/Platform.Controls;component/Resource/pagination_loading.gif"
+                                  ImageSource="/Platform.Controls;component/Resource/MenuTree_TradeSelected.png"
+                                  ToolTip="导出"
+                                  Visibility="{Binding IsShowExportButton,
+                                                       Converter={StaticResource BoolToVisibility}}" />
+            </StackPanel>
+        </Grid>
+
+    </Grid>
+</UserControl>

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/DataBox/DataBoxItem.xaml

@@ -0,0 +1,20 @@
+<dhcc:TradePage x:Class="Platform.Controls.ComponentContainer.DataBoxItem"
+                xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+                xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+                xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+                xmlns:dhcc="http://www.dhcc.com.cn"
+                xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+                Width="800"
+                MinHeight="200"
+                MaxHeight="600"
+                d:DesignHeight="300"
+                d:DesignWidth="700"
+                mc:Ignorable="d">
+    <Grid>
+        <FlowDocumentScrollViewer Name="viewer">
+            <FlowDocument FontFamily="SimSun">
+                <Paragraph TextAlignment="Center">无数据</Paragraph>
+            </FlowDocument>
+        </FlowDocumentScrollViewer>
+    </Grid>
+</dhcc:TradePage>

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/DataBox/DataBoxItem.xaml.cs

@@ -0,0 +1,67 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Data;
+using System.Windows.Documents;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Media.Imaging;
+using System.Windows.Navigation;
+using System.Windows.Shapes;
+using Platform.Common.LogSystem;
+
+namespace Platform.Controls.ComponentContainer
+{
+    /// <summary>
+    /// DataItems.xaml 的交互逻辑
+    /// </summary>
+    public partial class DataBoxItem
+    {
+        public DataBoxItem(List<Tuple<string, string>> list)
+        {
+            InitializeComponent();
+            init(list);
+        }
+
+        private void init(List<Tuple<string, string>> list)
+        {
+            try
+            {
+                if (list == null || list.Count == 0)
+                    return;
+                //若数据为奇数，需要补位一个空项，解决奇数尾项不显示的问题
+                if (list.Count % 2 == 1)
+                    list.Add(new Tuple<string, string>("", ""));
+                var table = new Table { FontFamily = new FontFamily("SimSun"), CellSpacing = 0, BorderBrush = Brushes.Black, BorderThickness = new Thickness(1, 1, 1, 0) };
+                //设置列
+                table.Columns.Add(new TableColumn { Background = Brushes.LightSkyBlue, Width = new GridLength(120) });
+                table.Columns.Add(new TableColumn { Width = new GridLength(250) });
+                table.Columns.Add(new TableColumn { Background = Brushes.LightSkyBlue, Width = new GridLength(120) });
+                table.Columns.Add(new TableColumn { Width = new GridLength(250) });
+                //设置行
+                var rowGroup = new TableRowGroup();
+                var row = new TableRow();
+                list.ForEach(x =>
+                {
+                    row.Cells.Add(new TableCell(new Paragraph(new Run(x.Item1))) { Padding = new Thickness(2), BorderBrush = Brushes.Black, TextAlignment = TextAlignment.Right, BorderThickness = new Thickness(0, 0, 0, 1) });
+                    row.Cells.Add(new TableCell(new Paragraph(new Run(x.Item2))) { Padding = new Thickness(2), BorderBrush = Brushes.Black, BorderThickness = new Thickness(0, 0, 0, 1) });
+                    if (row.Cells.Count > 3)
+                    {
+                        rowGroup.Rows.Add(row);
+                        row = new TableRow();
+                    }
+                });
+                //组装
+                table.RowGroups.Add(rowGroup);
+                viewer.Document = new FlowDocument(table);
+            }
+            catch (Exception ex)
+            {
+                PlatformLogger.SystemErrorInfo("DataBoxItem:展示发生异常！", ex);
+            }
+        }
+    }
+}

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/DataBox/DataBoxShowData.xaml

@@ -0,0 +1,50 @@
+<Window x:Class="Platform.Controls.ComponentContainer.DataBoxShowData"
+        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        xmlns:dhcc="http://www.dhcc.com.cn"
+        xmlns:local="clr-namespace:Platform.Controls.BaseContainer"
+        Title="详细信息"
+        MaxWidth="700"
+        MaxHeight="500"
+        SizeToContent="WidthAndHeight"
+        PreviewKeyDown="Window_PreviewKeyDown"
+        WindowStartupLocation="CenterOwner">
+    <dhcc:PageContainer Margin="5">
+        <dhcc:TradePage Margin="0" x:Name="trade" dhcc:FocusManager.EnableFocusControl="True">
+            <Grid>
+                <Grid.ColumnDefinitions>
+                    <ColumnDefinition Width="382*" />
+                    <ColumnDefinition Width="618*" />
+                </Grid.ColumnDefinitions>
+                <Grid.RowDefinitions>
+                    <RowDefinition Height="Auto" />
+                    <RowDefinition Height="*" />
+                </Grid.RowDefinitions>
+
+                <!--
+                    <StackPanel Grid.ColumnSpan="2"
+                    VerticalAlignment="Center"
+                    Orientation="Horizontal">
+                    
+                    <local:ImageButton x:Name="btnFirst"
+                    Click="btnFirst_Click"
+                    GrayImageSource="/Platform.Controls;component/Resource/pagination_first_gray.gif"
+                    ImageSource="/Platform.Controls;component/Resource/pagination_first.gif" />
+                    <local:ImageButton x:Name="btnPrev"
+                    Click="btnPrev_Click"
+                    GrayImageSource="/Platform.Controls;component/Resource/pagination_prev_gray.gif"
+                    ImageSource="/Platform.Controls;component/Resource/pagination_prev.gif" />
+                    <local:ImageButton x:Name="btnNext"
+                    Click="btnNext_Click"
+                    GrayImageSource="/Platform.Controls;component/Resource/pagination_next_gray.gif"
+                    ImageSource="/Platform.Controls;component/Resource/pagination_next.gif" />
+                    <local:ImageButton x:Name="btnLast"
+                    Click="btnLast_Click"
+                    GrayImageSource="/Platform.Controls;component/Resource/pagination_last_gray.gif"
+                    ImageSource="/Platform.Controls;component/Resource/pagination_last.gif" />
+                    </StackPanel>
+                -->
+            </Grid>
+        </dhcc:TradePage>
+    </dhcc:PageContainer>
+</Window>

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/DataBox/DataBoxShowData.xaml.cs

@@ -0,0 +1,35 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Data;
+using System.Windows.Documents;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Media.Imaging;
+using System.Windows.Shapes;
+
+namespace Platform.Controls.ComponentContainer
+{
+    /// <summary>
+    /// DataBoxShowData.xaml 的交互逻辑
+    /// </summary>
+    public partial class DataBoxShowData : Window
+    {
+        public DataBoxShowData()
+        {
+            InitializeComponent();
+        }
+
+        private void Window_PreviewKeyDown(object sender, KeyEventArgs e)
+        {
+            if (e.Key == Key.Escape || e.Key == Key.Enter)
+            {
+                this.Close();
+                e.Handled = true;
+            }
+        }
+    }
+}

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/DataPager/DataPager.xaml

@@ -0,0 +1,91 @@
+<UserControl x:Class="Platform.Controls.ComponentContainer.DataPager"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:dhcc="http://www.dhcc.com.cn"
+             xmlns:Helper="clr-namespace:Platform.Controls.ControlsHelper"
+             xmlns:local="clr-namespace:Platform.Controls.BaseContainer"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             x:Name="dp"
+             Margin="3"
+             d:DesignHeight="46"
+             d:DesignWidth="577"
+             Loaded="DataPager_Loaded"
+             mc:Ignorable="d">
+    <Grid>
+
+        <Grid.Resources>
+            <!--
+                <Style TargetType="{x:Type Image}">
+                <Setter Property="Margin" Value="3,0,3,0" />
+                <Setter Property="Cursor" Value="Hand" />
+                </Style>
+            -->
+        </Grid.Resources>
+
+        <Grid.ColumnDefinitions>
+            <ColumnDefinition Width="Auto" />
+            <ColumnDefinition />
+            <ColumnDefinition Width="Auto" />
+        </Grid.ColumnDefinitions>
+        <ComboBox Name="cboPageSize" MinWidth="40"
+                  VerticalAlignment="Center"
+                  ItemsSource="{Binding Path=PageSizeItems,
+                                        ElementName=dp}"
+                  SelectedItem="{Binding PageSize,
+                                         Mode=TwoWay,
+                                         ElementName=dp}"
+                  SelectionChanged="cbpPageSize_SelectionChanged"
+                  Height="21"
+                  Style="{x:Null}" HorizontalAlignment="Left" Margin="0,6" Width="40" />
+        <StackPanel Grid.Column="1"
+                    VerticalAlignment="Center"
+                    Orientation="Horizontal">
+
+            <local:ImageButton x:Name="btnFirst"
+                               Click="btnFirst_Click" Style="{x:Null}"
+                               GrayImageSource="/Platform.Controls;component/Resource/pagination_first_gray.gif"
+                               ImageSource="/Platform.Controls;component/Resource/pagination_first.gif" />
+            <local:ImageButton x:Name="btnPrev"
+                               Click="btnPrev_Click" Style="{x:Null}"
+                               GrayImageSource="/Platform.Controls;component/Resource/pagination_prev_gray.gif"
+                               ImageSource="/Platform.Controls;component/Resource/pagination_prev.gif" />
+
+            <TextBox Name="tbPageIndex"
+                     Width="{Binding Path=PageCountLength}" 
+                     Margin="5,0,0,0"
+                     VerticalContentAlignment="Center"
+                     LostFocus="tbPageIndex_LostFocus"
+                     PreviewKeyDown="tbPageIndex_PreviewKeyDown"
+                     Style="{x:Null}"
+                     Text="{Binding Path=PageIndex,
+                                    ElementName=dp}" />
+            <TextBlock Margin="5,0,0,0"
+                       VerticalAlignment="Center" Style="{x:Null}"
+                       Text="/" />
+            <TextBlock Margin="5,0" Style="{x:Null}"
+                       VerticalAlignment="Center"
+                       Text="{Binding Path=PageCount,
+                                      ElementName=dp}" />
+
+            <local:ImageButton x:Name="btnNext" Style="{x:Null}"
+                               Click="btnNext_Click"
+                               GrayImageSource="/Platform.Controls;component/Resource/pagination_next_gray.gif"
+                               ImageSource="/Platform.Controls;component/Resource/pagination_next.gif" />
+            <local:ImageButton x:Name="btnLast" Style="{x:Null}"
+                               Click="btnLast_Click"
+                               GrayImageSource="/Platform.Controls;component/Resource/pagination_last_gray.gif"
+                               ImageSource="/Platform.Controls;component/Resource/pagination_last.gif" />
+            <local:ImageButton Click="btnRefresh_Click" Style="{x:Null}"
+                               GrayImageSource="/Platform.Controls;component/Resource/pagination_loading.gif"
+                               ImageSource="/Platform.Controls;component/Resource/pagination_load.png" />
+        </StackPanel>
+        <TextBlock Grid.Column="2" Style="{x:Null}"
+                   HorizontalAlignment="Right"
+                   VerticalAlignment="Center">
+            共
+            <TextBlock Text="{Binding Path=Total, ElementName=dp}" Style="{x:Null}"/>
+            条记录
+        </TextBlock>
+    </Grid>
+</UserControl>

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/DataPager/DataPager.xaml.cs

@@ -0,0 +1,344 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Data;
+using System.Windows.Documents;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Media.Imaging;
+using System.Windows.Navigation;
+using System.Windows.Shapes;
+using System.ComponentModel;
+using System.Data;
+
+namespace Platform.Controls.ComponentContainer
+{
+    /// <summary>
+    /// DataPager.xaml 的交互逻辑
+    /// </summary>
+    public partial class DataPager : UserControl, INotifyPropertyChanged
+    {
+        public DataPager()
+        {
+            InitializeComponent();
+        }
+
+        #region 依赖属性和事件
+        public int PageSize
+        {
+            get { return (int)GetValue(PageSizeProperty); }
+            set { SetValue(PageSizeProperty, value); }
+        }
+
+        // Using a DependencyProperty as the backing store for PageSize.  This enables animation, styling, binding, etc...
+        public static readonly DependencyProperty PageSizeProperty =
+            DependencyProperty.Register("PageSize", typeof(int), typeof(DataPager), new UIPropertyMetadata(10));
+
+        public int Total
+        {
+            get 
+            {
+                return (int)GetValue(TotalProperty); 
+            }
+            set { SetValue(TotalProperty, value); }
+        }
+
+        // Using a DependencyProperty as the backing store for Total.  This enables animation, styling, binding, etc...
+        public static readonly DependencyProperty TotalProperty =
+            DependencyProperty.Register("Total", typeof(int), typeof(DataPager), new UIPropertyMetadata(0));
+
+
+        public int PageIndex
+        {
+            get { return (int)GetValue(PageIndexProperty); }
+            set { SetValue(PageIndexProperty, value); }
+        }
+
+        // Using a DependencyProperty as the backing store for PageIndex.  This enables animation, styling, binding, etc...
+        public static readonly DependencyProperty PageIndexProperty =
+            DependencyProperty.Register("PageIndex", typeof(int), typeof(DataPager), new UIPropertyMetadata(1));
+
+
+
+        public string PageSizeList
+        {
+            get { return (string)GetValue(PageSizeListProperty); }
+            set { SetValue(PageSizeListProperty, value); }
+        }
+
+        // Using a DependencyProperty as the backing store for PageSizeList.  This enables animation, styling, binding, etc...
+        public static readonly DependencyProperty PageSizeListProperty =
+            DependencyProperty.Register("PageSizeList", typeof(string), typeof(DataPager), new UIPropertyMetadata("10,20,30", (s, e) =>
+            {
+                DataPager dp = s as DataPager;
+                if (dp.PageSizeItems == null) dp.PageSizeItems = new List<int>();
+                else dp.PageSizeItems.Clear();
+                dp.RaisePropertyChanged("PageSizeItems");
+            }));
+
+        public static readonly RoutedEvent PageChangedEvent = EventManager.RegisterRoutedEvent("PageChanged", RoutingStrategy.Bubble, typeof(PageChangedEventHandler), typeof(DataPager));
+        /// <summary>
+        /// 分页更改事件
+        /// </summary>
+        public event PageChangedEventHandler PageChanged
+        {
+            add
+            {
+                AddHandler(PageChangedEvent, value);
+            }
+            remove
+            {
+                RemoveHandler(PageChangedEvent, value);
+            }
+        }
+        #endregion
+
+
+        #region 通知属性
+        private List<int> _pageSizeItems;
+        /// <summary>
+        /// 显示每页记录数集合
+        /// </summary>
+        public List<int> PageSizeItems
+        {
+            get
+            {
+                if (_pageSizeItems == null)
+                {
+                    _pageSizeItems = new List<int>();
+                }
+                if (PageSizeList != null)
+                {
+                    List<string> strs = PageSizeList.Split(new char[] { ',' }, StringSplitOptions.RemoveEmptyEntries).ToList();
+                    _pageSizeItems.Clear();
+                    strs.ForEach(c =>
+                    {
+                        _pageSizeItems.Add(Convert.ToInt32(c));
+                    });
+                }
+                return _pageSizeItems;
+            }
+            set
+            {
+                if (_pageSizeItems != value)
+                {
+                    _pageSizeItems = value;
+                    RaisePropertyChanged("PageSizeItems");
+                }
+            }
+        }
+
+        private int _pageCount;
+        /// <summary>
+        /// 总页数
+        /// </summary>
+        public int PageCount
+        {
+            get { return _pageCount; }
+            set
+            {
+                if (_pageCount != value)
+                {
+                    _pageCount = value;
+                    RaisePropertyChanged("PageCount");
+                }
+            }
+        }
+
+        private int _pageCountLength;
+        /// <summary>
+        /// 总页数的文本长度
+        /// </summary>
+        public int PageCountLength
+        {
+            get { return _pageCountLength; }
+            set
+            {
+                if (_pageCountLength != value)
+                {
+                    _pageCountLength = value;
+                    RaisePropertyChanged("PageCountLength");
+                }
+            }
+        }
+
+        public event PropertyChangedEventHandler PropertyChanged;
+        public void RaisePropertyChanged(string propertyName)
+        {
+            if (PropertyChanged != null)
+            {
+                PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
+            }
+        }
+        #endregion
+
+        #region 字段、属性、委托
+        public delegate void PageChangedEventHandler(object sender, PageChangedEventArgs args);
+        private PageChangedEventArgs pageChangedEventArgs;
+        #endregion
+
+
+
+        #region 引发分页更改事件
+        /// <summary>
+        /// 引发分页更改事件
+        /// </summary>
+        public void RaisePageChanged()
+        {
+            if (pageChangedEventArgs == null)
+            {
+                pageChangedEventArgs = new PageChangedEventArgs(PageChangedEvent, PageSize, PageIndex);
+            }
+            else
+            {
+                pageChangedEventArgs.PageSize = this.PageSize;
+                pageChangedEventArgs.PageIndex = this.PageIndex;
+            }
+            RaiseEvent(pageChangedEventArgs);
+            //calc start、end
+            if (Total != 0)
+            {
+                if (Total % PageSize != 0)
+                {
+                    PageCount = Total / PageSize + 1;
+                }
+                else
+                {
+                    PageCount = Total / PageSize;
+                }
+
+                PageCountLength = PageCount.ToString().Length;
+            }
+            else
+            {
+                PageCount = 0;
+            }
+
+            //调整图片的显示
+            btnFirst.IsEnabled = btnPrev.IsEnabled = (PageIndex != 1);
+            btnNext.IsEnabled = btnLast.IsEnabled = (PageIndex != PageCount);
+        }
+        #endregion
+
+        #region 分页操作事件
+        void DataPager_Loaded(object sender, RoutedEventArgs e)
+        {
+            cboPageSize.SelectedIndex = 0;
+            //if (this.IsVisible)
+            //{
+            //    RaisePageChanged();
+            //}
+        }
+
+        private void cbpPageSize_SelectionChanged(object sender, SelectionChangedEventArgs e)
+        {
+            if (this.IsLoaded)
+            {
+                PageSize = (int)cboPageSize.SelectedItem;
+                PageIndex = 1;
+                RaisePageChanged();
+            }
+        }
+
+        private void btnFirst_Click(object sender, RoutedEventArgs e)
+        {
+            PageIndex = 1;
+            RaisePageChanged();
+        }
+
+        private void btnPrev_Click(object sender, RoutedEventArgs e)
+        {
+            if (PageIndex > 1)
+            {
+                --PageIndex;
+            }
+            RaisePageChanged();
+        }
+
+        private void btnNext_Click(object sender, RoutedEventArgs e)
+        {
+            if (Total % PageSize != 0)
+            {
+                PageCount = Total / PageSize + 1;
+            }
+            else
+            {
+                PageCount = Total / PageSize;
+            }
+
+            if (PageIndex < PageCount)
+            {
+                ++PageIndex;
+            }
+            RaisePageChanged();
+        }
+
+        private void btnLast_Click(object sender, RoutedEventArgs e)
+        {
+            if (Total % PageSize != 0)
+            {
+                PageCount = Total / PageSize + 1;
+            }
+            else
+            {
+                PageCount = Total / PageSize;
+            }
+            PageIndex = PageCount;
+            RaisePageChanged();
+        }
+        private void btnRefresh_Click(object sender, RoutedEventArgs e)
+        {
+            RaisePageChanged();
+        }
+
+        private void tbPageIndex_PreviewKeyDown(object sender, KeyEventArgs e)
+        {
+            if (e.Key == Key.Enter)
+            {
+                tbPageIndex_LostFocus(sender, null);
+            }
+        }
+
+        private void tbPageIndex_LostFocus(object sender, RoutedEventArgs e)
+        {
+            int pIndex = 0;
+
+            bool flg = int.TryParse(tbPageIndex.Text, out pIndex);
+            if (!flg) pIndex = 1;
+
+            if (pIndex < 1) PageIndex = 1;
+            else if (pIndex > PageCount)
+            { 
+                PageIndex = PageCount;
+                tbPageIndex.Text = PageIndex.ToString();
+            }
+            else PageIndex = pIndex;
+
+            RaisePageChanged();
+        }
+        #endregion
+
+
+
+
+    }
+
+    /// <summary>
+    /// 分页更改参数
+    /// </summary>
+    public class PageChangedEventArgs : RoutedEventArgs
+    {
+        public int PageSize { get; set; }
+        public int PageIndex { get; set; }
+
+        public PageChangedEventArgs(RoutedEvent routeEvent, int pageSize, int pageIndex)
+            : base(routeEvent)
+        {
+            this.PageSize = pageSize;
+            this.PageIndex = pageIndex;
+        }
+    }
+}

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/RtfEditor/ColorDialog.xaml

@@ -0,0 +1,37 @@
+<Window x:Class="Platform.Controls.ComponentContainer.ColorDialog"
+        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+        xmlns:local="clr-namespace:Platform.Controls.ComponentContainer"
+        Title="颜色选择器"
+        Width="520"
+        Height="410"
+        Icon="/Platform.Controls;component/Resource/ColorSwatchSquare.png"
+        KeyDown="Window_KeyDown"
+        WindowStartupLocation="CenterOwner">
+    <Grid>
+        <Grid.RowDefinitions>
+            <RowDefinition Height="*" />
+            <RowDefinition Height="40" />
+        </Grid.RowDefinitions>
+
+
+        <local:ColorPicker x:Name="colorPicker" />
+        <StackPanel Grid.Row="1"
+                    Margin="5"
+                    HorizontalAlignment="Right"
+                    Orientation="Horizontal">
+            <Button x:Name="btnOk"
+                    Width="60"
+                    Height="25"
+                    Margin="10,0,0,0"
+                    Click="btnOk_Click"
+                    Content="确定" />
+            <Button x:Name="btnCancel"
+                    Width="60"
+                    Height="25"
+                    Margin="10,0,10,0"
+                    Click="btnCancel_Click"
+                    Content="取消" />
+        </StackPanel>
+    </Grid>
+</Window>

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/RtfEditor/ColorDialog.xaml.cs

@@ -0,0 +1,72 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Data;
+using System.Windows.Documents;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Media.Imaging;
+using System.Windows.Shapes;
+using System.ComponentModel;
+
+namespace Platform.Controls.ComponentContainer
+{
+    /// <summary>
+    /// ColorDialog.xaml 的交互逻辑
+    /// </summary>
+    [DesignTimeVisible(false)]
+    public partial class ColorDialog : Window
+    {
+        #region 初始化
+        public ColorDialog()
+        {
+            InitializeComponent();
+        }
+        #endregion
+
+        #region 公共属性
+        public Color SelectedColor
+        {
+            get { return colorPicker.SelectedColor; }
+        }
+        #endregion
+
+        #region 私有方法
+        /// <summary>
+        /// Enter键关闭窗口
+        /// </summary>
+        /// <param name="sender"></param>
+        /// <param name="e"></param>
+        private void Window_KeyDown(object sender, KeyEventArgs e)
+        {
+            if (e.Key == Key.Enter)
+            {
+                this.Close();
+            }
+        }
+
+        /// <summary>
+        /// 确定
+        /// </summary>
+        /// <param name="sender"></param>
+        /// <param name="e"></param>
+        private void btnOk_Click(object sender, RoutedEventArgs e)
+        {
+            DialogResult = true;
+        }
+
+        /// <summary>
+        /// 取消
+        /// </summary>
+        /// <param name="sender"></param>
+        /// <param name="e"></param>
+        private void btnCancel_Click(object sender, RoutedEventArgs e)
+        {
+            DialogResult = false;
+        }
+        #endregion
+    }
+}

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/RtfEditor/ColorPicker.xaml

@@ -0,0 +1,339 @@
+
+<UserControl x:Class="Platform.Controls.ComponentContainer.ColorPicker"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             d:DesignHeight="340"
+             d:DesignWidth="510"
+             mc:Ignorable="d">
+    <UserControl.Resources>
+        <DrawingBrush x:Key="CheckerboardBrush"
+                      AlignmentX="Left"
+                      AlignmentY="Top"
+                      Stretch="None"
+                      TileMode="Tile"
+                      Viewport="0,0,10,10"
+                      ViewportUnits="Absolute">
+            <DrawingBrush.Drawing>
+                <DrawingGroup>
+                    <GeometryDrawing Brush="sc# 1,1,1">
+                        <GeometryDrawing.Geometry>
+                            <RectangleGeometry Rect="0,0,10,10" />
+                        </GeometryDrawing.Geometry>
+                    </GeometryDrawing>
+                    <GeometryDrawing Brush="sc# 0.5,0.5,0.5">
+                        <GeometryDrawing.Geometry>
+                            <RectangleGeometry Rect="0,0,5,5" />
+                        </GeometryDrawing.Geometry>
+                    </GeometryDrawing>
+                    <GeometryDrawing Brush="sc# 0.5,0.5,0.5">
+                        <GeometryDrawing.Geometry>
+                            <RectangleGeometry Rect="5,5,5,5" />
+                        </GeometryDrawing.Geometry>
+                    </GeometryDrawing>
+                </DrawingGroup>
+            </DrawingBrush.Drawing>
+        </DrawingBrush>
+    </UserControl.Resources>
+
+    <Grid Background="White">
+        <Grid.RowDefinitions>
+            <RowDefinition Height="35" />
+            <RowDefinition Height="230" />
+            <RowDefinition Height="70" />
+        </Grid.RowDefinitions>
+
+        <StackPanel Grid.Row="0"
+                    Height="35"
+                    HorizontalAlignment="Stretch"
+                    Background="Black"
+                    Orientation="Horizontal">
+            <Label VerticalAlignment="Center"
+                   Content="调色器"
+                   FontWeight="Bold"
+                   Foreground="White" />
+            <Image x:Name="ImgSqaure1"
+                   Width="20"
+                   Height="20"
+                   Margin="45,0,0,0"
+                   MouseLeftButtonDown="Swatch_MouseLeftButtonDown"
+                   Source="/Platform.Controls;component/Resource/ColorSwatchSquare.png"
+                   ToolTip="Square swatch1" />
+            <Image x:Name="ImgSqaure2"
+                   Width="20"
+                   Height="20"
+                   Margin="5,0,0,0"
+                   MouseLeftButtonDown="Swatch_MouseLeftButtonDown"
+                   Source="/Platform.Controls;component/Resource/ColorSwatchSquare2.png"
+                   ToolTip="Square swatch2" />
+            <Image x:Name="ImgCircle1"
+                   Width="20"
+                   Height="20"
+                   Margin="5,0,0,0"
+                   MouseLeftButtonDown="Swatch_MouseLeftButtonDown"
+                   Source="/Platform.Controls;component/Resource/ColorSwatchCircle.png"
+                   ToolTip="Circle swatch1" />
+        </StackPanel>
+
+        <Grid Grid.Row="1"
+              Height="230"
+              VerticalAlignment="Top">
+            <Grid.ColumnDefinitions>
+                <ColumnDefinition Width="170" />
+                <ColumnDefinition Width="170" />
+                <ColumnDefinition Width="170" />
+            </Grid.ColumnDefinitions>
+
+            <!--  Colorbox, Column1  -->
+            <Grid Grid.Row="0"
+                  Grid.Column="0"
+                  Margin="10,30,0,0">
+                <Border Width="154"
+                        Height="154"
+                        HorizontalAlignment="Center"
+                        VerticalAlignment="Top"
+                        Background="White"
+                        BorderBrush="Black"
+                        BorderThickness="2" />
+                <Image x:Name="ColorImage"
+                       Width="150"
+                       Height="150"
+                       Margin="2"
+                       HorizontalAlignment="Center"
+                       VerticalAlignment="Top"
+                       Source="/Platform.Controls;component/Resource/ColorSwatchSquare.png" />
+
+                <Canvas x:Name="CanvImage"
+                        Width="150"
+                        Height="150"
+                        Margin="2"
+                        HorizontalAlignment="Center"
+                        VerticalAlignment="Top"
+                        Background="Transparent"
+                        MouseDown="CanvImage_MouseDown"
+                        MouseMove="CanvImage_MouseMove"
+                        MouseUp="CanvImage_MouseUp">
+                    <Ellipse x:Name="ellipsePixel"
+                             Canvas.Left="0"
+                             Canvas.Top="0"
+                             Width="10"
+                             Height="10"
+                             Fill="White"
+                             Stroke="Black" />
+                </Canvas>
+            </Grid>
+
+            <!--  Preview, Column1  -->
+            <StackPanel Grid.Column="1" Orientation="Vertical">
+                <Label Margin="5,0,0,0"
+                       HorizontalAlignment="Left"
+                       VerticalAlignment="Center"
+                       Content="颜色预览:"
+                       FontWeight="Bold"
+                       Foreground="Black" />
+
+                <Border Width="154"
+                        Height="154"
+                        Margin="4,5,10,0"
+                        HorizontalAlignment="Left"
+                        Background="{StaticResource CheckerboardBrush}"
+                        BorderBrush="Black"
+                        BorderThickness="2">
+                    <InkPresenter Name="previewPresenter"
+                                  Width="150"
+                                  Height="150"
+                                  Margin="0"
+                                  Strokes="AOcBAxdIEESAgYAERYQBGwIAJAFGhAEbAgAkAQUBOBkgMgkA9P8CAekiOkUzCQD4nwIBWiA6RTgIAP4DAAAAgH8RAACAPx8JEQAAAAAAAPA/CpYBNIfm3uajgcQgUUiUkjUelEal0KkUBh0HichlM1mtJotZp9JodDl8jk8ZgcBiUOjUYl08m0+l0+lFCjksjESAh+kg6auNwaEwSBQiEQyLRKTRiVSiUSSORyLQ6JQSBIPFYnKZTL5fOZfMZXL4/H47DYLBYHFoJLIpEo9GgIP3OB5PlxLCJiZmU1MISSi4SJiS74+D4+4o" />
+                </Border>
+
+            </StackPanel>
+
+            <!--  TextBoxes, Column2  -->
+            <StackPanel Grid.Column="2" Orientation="Vertical">
+                <StackPanel Margin="0,30,0,0" Orientation="Horizontal">
+                    <Label Margin="5,0,0,0"
+                           HorizontalAlignment="Left"
+                           VerticalAlignment="Center"
+                           Content="A"
+                           FontWeight="Bold"
+                           Foreground="Black" />
+                    <Border Width="50"
+                            Height="30"
+                            Background="LightGray"
+                            BorderBrush="Black"
+                            BorderThickness="2"
+                            CornerRadius="5">
+                        <TextBox x:Name="txtAlpha"
+                                 Margin="5,1,5,1"
+                                 Background="LightGray"
+                                 BorderBrush="Transparent"
+                                 BorderThickness="0"
+                                 IsReadOnly="True" />
+                    </Border>
+                    <Border Width="50"
+                            Height="30"
+                            Margin="10,0,0,0"
+                            Background="LightGray"
+                            BorderBrush="Black"
+                            BorderThickness="2"
+                            CornerRadius="5">
+                        <TextBox x:Name="txtAlphaHex"
+                                 Margin="5,1,5,1"
+                                 Background="LightGray"
+                                 BorderBrush="Transparent"
+                                 BorderThickness="0"
+                                 IsReadOnly="True" />
+                    </Border>
+                </StackPanel>
+
+                <StackPanel Margin="0,5,0,0" Orientation="Horizontal">
+                    <Label Margin="5,0,0,0"
+                           HorizontalAlignment="Left"
+                           VerticalAlignment="Center"
+                           Content="R"
+                           FontWeight="Bold"
+                           Foreground="Black" />
+                    <Border Width="50"
+                            Height="30"
+                            Background="LightGray"
+                            BorderBrush="Black"
+                            BorderThickness="2"
+                            CornerRadius="5">
+                        <TextBox x:Name="txtRed"
+                                 Margin="5,1,5,1"
+                                 Background="LightGray"
+                                 BorderBrush="Transparent"
+                                 BorderThickness="0"
+                                 IsReadOnly="True" />
+                    </Border>
+                    <Border Width="50"
+                            Height="30"
+                            Margin="10,0,0,0"
+                            Background="LightGray"
+                            BorderBrush="Black"
+                            BorderThickness="2"
+                            CornerRadius="5">
+                        <TextBox x:Name="txtRedHex"
+                                 Margin="5,1,5,1"
+                                 Background="LightGray"
+                                 BorderBrush="Transparent"
+                                 BorderThickness="0"
+                                 IsReadOnly="True" />
+                    </Border>
+                </StackPanel>
+
+                <StackPanel Margin="0,5,0,0" Orientation="Horizontal">
+                    <Label Margin="5,0,0,0"
+                           HorizontalAlignment="Left"
+                           VerticalAlignment="Center"
+                           Content="G"
+                           FontWeight="Bold"
+                           Foreground="Black" />
+                    <Border Width="50"
+                            Height="30"
+                            Background="LightGray"
+                            BorderBrush="Black"
+                            BorderThickness="2"
+                            CornerRadius="5">
+                        <TextBox x:Name="txtGreen"
+                                 Margin="5,1,5,1"
+                                 Background="LightGray"
+                                 BorderBrush="Transparent"
+                                 BorderThickness="0"
+                                 IsReadOnly="True" />
+                    </Border>
+                    <Border Width="50"
+                            Height="30"
+                            Margin="10,0,0,0"
+                            Background="LightGray"
+                            BorderBrush="Black"
+                            BorderThickness="2"
+                            CornerRadius="5">
+                        <TextBox x:Name="txtGreenHex"
+                                 Margin="5,1,5,1"
+                                 Background="LightGray"
+                                 BorderBrush="Transparent"
+                                 BorderThickness="0"
+                                 IsReadOnly="True" />
+                    </Border>
+                </StackPanel>
+
+                <StackPanel Margin="0,5,0,0" Orientation="Horizontal">
+                    <Label Margin="5,0,0,0"
+                           HorizontalAlignment="Left"
+                           VerticalAlignment="Center"
+                           Content="B"
+                           FontWeight="Bold"
+                           Foreground="Black" />
+                    <Border Width="50"
+                            Height="30"
+                            Background="LightGray"
+                            BorderBrush="Black"
+                            BorderThickness="2"
+                            CornerRadius="5">
+                        <TextBox x:Name="txtBlue"
+                                 Margin="5,1,5,1"
+                                 Background="LightGray"
+                                 BorderBrush="Transparent"
+                                 BorderThickness="0"
+                                 IsReadOnly="True" />
+                    </Border>
+                    <Border Width="50"
+                            Height="30"
+                            Margin="10,0,0,0"
+                            Background="LightGray"
+                            BorderBrush="Black"
+                            BorderThickness="2"
+                            CornerRadius="5">
+                        <TextBox x:Name="txtBlueHex"
+                                 Margin="5,1,5,1"
+                                 Background="LightGray"
+                                 BorderBrush="Transparent"
+                                 BorderThickness="0"
+                                 IsReadOnly="True" />
+                    </Border>
+                </StackPanel>
+
+                <StackPanel Margin="0,5,0,0" Orientation="Horizontal">
+                    <Border Width="112"
+                            Height="30"
+                            Margin="22,0,0,0"
+                            Background="LightGray"
+                            BorderBrush="Black"
+                            BorderThickness="2"
+                            CornerRadius="5">
+                        <TextBox x:Name="txtAll"
+                                 Margin="5,1,5,1"
+                                 Background="LightGray"
+                                 BorderBrush="Transparent"
+                                 BorderThickness="0"
+                                 IsReadOnly="True" />
+                    </Border>
+                </StackPanel>
+            </StackPanel>
+        </Grid>
+
+        <!--  AlphaSlider  -->
+        <Border x:Name="AlphaBorder"
+                Grid.Row="2"
+                Grid.ColumnSpan="2"
+                Height="60"
+                Margin="10,5,10,5"
+                BorderBrush="Black"
+                BorderThickness="2"
+                CornerRadius="5">
+            <Slider x:Name="AlphaSlider"
+                    Margin="5"
+                    VerticalAlignment="Center"
+                    LargeChange="25"
+                    Maximum="255"
+                    Minimum="0"
+                    Orientation="Horizontal"
+                    SmallChange="1"
+                    ValueChanged="AlphaSlider_ValueChanged"
+                    Value="255" />
+        </Border>
+    </Grid>
+</UserControl>
+

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/RtfEditor/ColorPicker.xaml.cs

@@ -0,0 +1,216 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Data;
+using System.Windows.Documents;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Media.Imaging;
+using System.Windows.Navigation;
+using System.Windows.Shapes;
+using System.Windows.Ink;
+using System.ComponentModel;
+
+namespace Platform.Controls.ComponentContainer
+{
+    /// <summary>
+    /// ColorPicker.xaml 的交互逻辑
+    /// </summary>
+    [DesignTimeVisible(false)]
+    public partial class ColorPicker : UserControl
+    {
+
+        #region 变量
+        private DrawingAttributes drawingAttributes = new DrawingAttributes();
+        private Color selectedColor = Colors.Transparent;
+        private Boolean IsMouseDown = false;
+        #endregion
+
+        #region 初始化
+        public ColorPicker()
+        {
+            InitializeComponent();
+            this.Loaded += new RoutedEventHandler(ColorPicker_Loaded);
+        }
+        #endregion
+
+        #region 公共属性
+        /// <summary>
+        /// 颜色选择器
+        /// </summary>
+        public Color SelectedColor
+        {
+            get { return selectedColor; }
+            private set
+            {
+                if (selectedColor != value)
+                {
+                    selectedColor = value;
+                    CreateAlphaLinearBrush();
+                    UpdateTextBoxes();
+                    UpdateInk();
+                }
+            }
+        }
+        #endregion
+
+        #region 私有方法
+        /// <summary>
+        /// 颜色选择器加载时，默认的颜色值
+        /// </summary>
+        /// <param name="sender"></param>
+        /// <param name="e"></param>
+        private void ColorPicker_Loaded(object sender, RoutedEventArgs e)
+        {
+            SelectedColor = Colors.Black;
+        }
+
+        /// <summary>
+        /// 为滑动条创建一个默认的渐变色
+        /// </summary>
+        private void CreateAlphaLinearBrush()
+        {
+            Color startColor = Color.FromArgb(
+                    (byte)0,
+                    SelectedColor.R,
+                    SelectedColor.G,
+                    SelectedColor.B);
+
+            Color endColor = Color.FromArgb(
+                    (byte)255,
+                    SelectedColor.R,
+                    SelectedColor.G,
+                    SelectedColor.B);
+
+            LinearGradientBrush alphaBrush =
+                new LinearGradientBrush(startColor, endColor,
+                    new Point(0, 0), new Point(1, 0));
+
+            AlphaBorder.Background = alphaBrush;
+        }
+
+
+        /// <summary>
+        /// 选择调色器图案
+        /// </summary>
+        /// <param name="sender"></param>
+        /// <param name="e"></param>
+        private void Swatch_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
+        {
+            System.Windows.Controls.Image img = (sender as System.Windows.Controls.Image);
+            ColorImage.Source = img.Source;
+        }
+
+
+        /// <summary>
+        /// 鼠标指针移动时发生
+        /// </summary>
+        /// <param name="sender"></param>
+        /// <param name="e"></param>
+        private void CanvImage_MouseMove(object sender, MouseEventArgs e)
+        {
+            if (!IsMouseDown)
+                return;
+
+            try
+            {
+                CroppedBitmap cb = new CroppedBitmap(ColorImage.Source as BitmapSource,
+                    new Int32Rect((int)Mouse.GetPosition(CanvImage).X,
+                        (int)Mouse.GetPosition(CanvImage).Y, 1, 1));
+
+                byte[] pixels = new byte[4];
+
+                try
+                {
+                    cb.CopyPixels(pixels, 4, 0);
+                }
+                catch (Exception)
+                {
+
+                }
+
+                //当鼠标指针选择该点的时候，填充该点的颜色
+                ellipsePixel.SetValue(Canvas.LeftProperty, (double)(Mouse.GetPosition(CanvImage).X - 5));
+                ellipsePixel.SetValue(Canvas.TopProperty, (double)(Mouse.GetPosition(CanvImage).Y - 5));
+                CanvImage.InvalidateVisual();
+                SelectedColor = Color.FromArgb((byte)AlphaSlider.Value, pixels[2], pixels[1], pixels[0]);
+            }
+            catch (Exception)
+            {
+
+            }
+        }
+        /// <summary>
+        /// 按下任何鼠标按钮时发生
+        /// </summary>
+        /// <param name="sender"></param>
+        /// <param name="e"></param>
+        private void CanvImage_MouseDown(object sender, MouseButtonEventArgs e)
+        {
+            IsMouseDown = true;
+        }
+
+        /// <summary>
+        /// 释放任何鼠标按钮时发生
+        /// </summary>
+        /// <param name="sender"></param>
+        /// <param name="e"></param>
+        private void CanvImage_MouseUp(object sender, MouseButtonEventArgs e)
+        {
+            IsMouseDown = false;
+        }
+        /// <summary>
+        /// 更新TextBox颜色值
+        /// </summary>
+        private void UpdateTextBoxes()
+        {
+            txtAlpha.Text = SelectedColor.A.ToString();
+            txtAlphaHex.Text = SelectedColor.A.ToString("X");
+            txtRed.Text = SelectedColor.R.ToString();
+            txtRedHex.Text = SelectedColor.R.ToString("X");
+            txtGreen.Text = SelectedColor.G.ToString();
+            txtGreenHex.Text = SelectedColor.G.ToString("X");
+            txtBlue.Text = SelectedColor.B.ToString();
+            txtBlueHex.Text = SelectedColor.B.ToString("X");
+            txtAll.Text = String.Format("#{0}{1}{2}{3}",
+                    txtAlphaHex.Text, txtRedHex.Text,
+                    txtGreenHex.Text, txtBlueHex.Text);
+        }
+
+        /// <summary>
+        /// 在调色器选中颜色值后，更改预览的颜色
+        /// </summary>
+        private void UpdateInk()
+        {
+            drawingAttributes.Color = SelectedColor;
+            drawingAttributes.StylusTip = StylusTip.Ellipse;
+            drawingAttributes.Width = 5;
+            foreach (Stroke s in previewPresenter.Strokes)
+            {
+                s.DrawingAttributes = drawingAttributes;
+            }
+        }
+
+        /// <summary>
+        /// 滑动条更改的事件
+        /// </summary>
+        /// <param name="sender"></param>
+        /// <param name="e"></param>
+        private void AlphaSlider_ValueChanged(object sender,
+            RoutedPropertyChangedEventArgs<double> e)
+        {
+            SelectedColor =
+                Color.FromArgb(
+                    (byte)AlphaSlider.Value,
+                    SelectedColor.R,
+                    SelectedColor.G,
+                    SelectedColor.B);
+        }
+
+
+        #endregion
+    }
+}

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/RtfEditor/FontHeight.ts

@@ -0,0 +1,47 @@
+class FontHeight {
+    private fontSizes: string[];
+
+    constructor() {
+        this.fontSizes = [
+            "8",
+            "9",
+            "10",
+            "11",
+            "12",
+            "14",
+            "16",
+            "18",
+            "20",
+            "22",
+            "24",
+            "26",
+            "28",
+            "36",
+            "48",
+            "72"
+            // 可以取消注释添加中文表示的字体大小
+            // "初号",
+            // "小初",
+            // "一号",
+            // "小一",
+            // "二号",
+            // "三号",
+            // "小三",
+            // "四号",
+            // "小四",
+            // "五号",
+            // "小五",
+            // "六号",
+            // "小六",
+            // "七号",
+            // "八号"
+        ];
+    }
+
+    // 获取字体大小集合
+    getFontSizes(): string[] {
+        return this.fontSizes;
+    }
+}
+
+export default FontHeight;

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/RtfEditor/FontList.ts

@@ -0,0 +1,35 @@
+import { makeObservable, observable, action } from 'mobx';
+
+class FontList {
+    @observable fonts: string[] = [];
+
+    constructor() {
+        this.initializeFonts();
+        this.sort();
+    }
+
+    private initializeFonts() {
+        const systemFonts = this.getSystemFonts();
+        systemFonts.forEach((fontFamily) => {
+            const familyName = this.getFamilyName(fontFamily);
+            this.fonts.push(familyName);
+        });
+    }
+
+    private getSystemFonts(): string[] {
+        // 在浏览器环境中，无法直接获取系统字体，这里简单模拟
+        return ['Arial', 'Times New Roman', 'Courier New'];
+    }
+
+    private getFamilyName(fontFamily: string): string {
+        // 在浏览器环境中，无法使用 WPF 的相关方法，直接返回字体名称
+        return fontFamily;
+    }
+
+    @action
+    private sort() {
+        this.fonts.sort();
+    }
+}
+
+export default FontList;

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/RtfEditor/RtfEditorBox.xaml

@@ -0,0 +1,349 @@
+
+<UserControl x:Class="Platform.Controls.ComponentContainer.RtfEditorBox"
+             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
+             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
+             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
+             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
+             xmlns:RtfEditor="clr-namespace:Platform.Controls.ComponentContainer"
+             Focusable="True"
+             Loaded="RtfEditor_Loaded"
+             mc:Ignorable="d">
+    <UserControl.Resources>
+        <ObjectDataProvider x:Key="FontListKlasse"
+                            ObjectType="{x:Type RtfEditor:FontList}"
+                            d:IsDataSource="True" />
+        <ObjectDataProvider x:Key="FontHeightKlasse"
+                            ObjectType="{x:Type RtfEditor:FontHeight}"
+                            d:IsDataSource="True" />
+        <Style x:Key="formatComboxboxStyle" TargetType="{x:Type ComboBox}">
+            <Setter Property="FontFamily" Value="宋体" />
+            <Setter Property="FontSize" Value="12" />
+            <Setter Property="Height" Value="23" />
+            <Setter Property="Margin" Value="1" />
+        </Style>
+        <Style x:Key="ButtonStyle" TargetType="{x:Type Button}">
+            <Setter Property="FontFamily" Value="宋体" />
+            <Setter Property="FontSize" Value="12" />
+            <Setter Property="Width" Value="23" />
+            <Setter Property="Height" Value="23" />
+            <Setter Property="Margin" Value="1" />
+            <Setter Property="Template">
+                <Setter.Value>
+                    <ControlTemplate TargetType="Button">
+                        <Border x:Name="bd"
+                                Background="#FFEFF1F3"
+                                BorderBrush="{x:Null}"
+                                BorderThickness="0">
+                            <ContentPresenter x:Name="content"
+                                              HorizontalAlignment="Center"
+                                              VerticalAlignment="Center"
+                                              Content="{TemplateBinding Content}" />
+                        </Border>
+
+                        <!--  触发器  -->
+                        <ControlTemplate.Triggers>
+                            <Trigger Property="IsFocused" Value="true">
+                                <Setter TargetName="bd" Property="BorderBrush" Value="#FFDECFAC" />
+                                <Setter TargetName="bd" Property="Background" Value="#FFFFE876" />
+                                <Setter TargetName="bd" Property="BorderThickness" Value="1" />
+                                <Setter TargetName="bd" Property="CornerRadius" Value="3" />
+                                <Setter Property="Cursor" Value="Hand" />
+                            </Trigger>
+                            <Trigger Property="IsMouseOver" Value="True">
+                                <Setter TargetName="bd" Property="BorderBrush" Value="#FFDECFAC" />
+                                <Setter TargetName="bd" Property="Background" Value="#FFFFE876" />
+                                <Setter TargetName="bd" Property="BorderThickness" Value="1" />
+                                <Setter TargetName="bd" Property="CornerRadius" Value="3" />
+                                <Setter Property="Cursor" Value="Hand" />
+                            </Trigger>
+                        </ControlTemplate.Triggers>
+                    </ControlTemplate>
+                </Setter.Value>
+            </Setter>
+        </Style>
+        <Style x:Key="ImgStyle" TargetType="{x:Type Image}">
+            <Setter Property="Width" Value="17" />
+            <Setter Property="Height" Value="17" />
+            <Setter Property="HorizontalAlignment" Value="Center" />
+            <Setter Property="VerticalAlignment" Value="Center" />
+            <Setter Property="Cursor" Value="Hand" />
+            <Setter Property="Stretch" Value="Fill" />
+            <Setter Property="Margin" Value="2,4" />
+        </Style>
+
+    </UserControl.Resources>
+    <Grid>
+        <Grid.RowDefinitions>
+            <RowDefinition Height="Auto" />
+            <RowDefinition Height="*" />
+        </Grid.RowDefinitions>
+        <Border Name="toolBarPanel"
+                Grid.Row="0"
+                Height="30"
+                BorderBrush="#5555"
+                BorderThickness="1"
+                CornerRadius="3"
+                Focusable="True"
+                Style="{x:Null}">
+            <Border.Background>
+                <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
+                    <GradientBrush.GradientStops>
+                        <GradientStopCollection>
+                            <GradientStop Offset="1" Color="#FFEFF1F3" />
+                        </GradientStopCollection>
+                    </GradientBrush.GradientStops>
+                </LinearGradientBrush>
+            </Border.Background>
+            <WrapPanel Grid.Row="0"
+                       VerticalAlignment="Top"
+                       FocusManager.IsFocusScope="True"
+                       Orientation="Horizontal"
+                       Style="{x:Null}">
+                <Button x:Name="ToolStripButtonOpen"
+                        Click="ToolStripButtonOpen_Click"
+                        Style="{StaticResource ButtonStyle}"
+                        ToolTip="打开(Ctrl+O)">
+                    <Button.Content>
+                        <Image Source="/Platform.Controls;component/Resource/fileopen.png" Style="{StaticResource ImgStyle}" />
+                    </Button.Content>
+                </Button>
+                <Button x:Name="ToolStripButtonCut"
+                        Command="ApplicationCommands.Cut"
+                        CommandTarget="{Binding ElementName=RichTextControl}"
+                        Style="{StaticResource ButtonStyle}"
+                        ToolTip="剪切(Ctrl+X)">
+                    <Button.Content>
+                        <Image Source="/Platform.Controls;component/Resource/Cut.png" Style="{StaticResource ImgStyle}" />
+                    </Button.Content>
+                </Button>
+                <Button x:Name="ToolStripButtonCopy"
+                        Command="ApplicationCommands.Copy"
+                        CommandTarget="{Binding ElementName=RichTextControl}"
+                        Style="{StaticResource ButtonStyle}"
+                        ToolTip="复制(Ctrl+C)">
+                    <Button.Content>
+                        <Image Source="/Platform.Controls;component/Resource/Copy.png" Style="{StaticResource ImgStyle}" />
+                    </Button.Content>
+                </Button>
+                <Button x:Name="ToolStripButtonPaste"
+                        Command="ApplicationCommands.Paste"
+                        CommandTarget="{Binding ElementName=RichTextControl}"
+                        Style="{StaticResource ButtonStyle}"
+                        ToolTip="粘贴(Ctrl+V)">
+                    <Button.Content>
+                        <Image Source="/Platform.Controls;component/Resource/Paste.png" Style="{StaticResource ImgStyle}" />
+                    </Button.Content>
+
+                </Button>
+                <Button x:Name="ToolStripButtonUndo"
+                        Command="ApplicationCommands.Undo"
+                        CommandTarget="{Binding ElementName=RichTextControl}"
+                        Style="{StaticResource ButtonStyle}"
+                        ToolTip="撤销(Ctrl+Z)">
+                    <Button.Content>
+                        <Image Source="/Platform.Controls;component/Resource/Undo.png" Style="{StaticResource ImgStyle}" />
+                    </Button.Content>
+                </Button>
+                <Button x:Name="ToolStripButtonRedo"
+                        Command="ApplicationCommands.Redo"
+                        CommandTarget="{Binding ElementName=RichTextControl}"
+                        Style="{StaticResource ButtonStyle}"
+                        ToolTip="重做(Ctrl+Y)">
+                    <Button.Content>
+                        <Image Source="/Platform.Controls;component/Resource/Redo.png" Style="{StaticResource ImgStyle}" />
+                    </Button.Content>
+                </Button>
+                <ComboBox x:Name="Fonttype"
+                          DropDownClosed="Fonttype_DropDownClosed"
+                          ItemsSource="{Binding Mode=OneWay,
+                                                Source={StaticResource FontListKlasse}}"
+                          Style="{StaticResource formatComboxboxStyle}" />
+                <ComboBox x:Name="Fontheight"
+                          DropDownClosed="Fontheight_DropDownClosed"
+                          ItemsSource="{Binding Mode=OneWay,
+                                                Source={StaticResource FontHeightKlasse}}"
+                          Style="{StaticResource formatComboxboxStyle}" />
+                <Button x:Name="ToolStripButtonTextcolor"
+                        Click="ToolStripButtonTextcolor_Click"
+                        CommandTarget="{Binding ElementName=RichTextControl}"
+                        Style="{StaticResource ButtonStyle}">
+                    <Button.Content>
+                        <Image Source="/Platform.Controls;component/Resource/Textcolor.png" Style="{StaticResource ImgStyle}" />
+                    </Button.Content>
+                </Button>
+                <Button x:Name="ToolStripButtonBackcolor"
+                        Click="ToolStripButtonBackcolor_Click"
+                        CommandTarget="{Binding ElementName=RichTextControl}"
+                        Style="{StaticResource ButtonStyle}">
+                    <Button.Content>
+                        <Image Source="/Platform.Controls;component/Resource/Backcolor.png" Style="{StaticResource ImgStyle}" />
+                    </Button.Content>
+                </Button>
+                <Button x:Name="ToolStripButtonBold"
+                        Command="EditingCommands.ToggleBold"
+                        CommandTarget="{Binding ElementName=RichTextControl}"
+                        Style="{StaticResource ButtonStyle}"
+                        ToolTip="加粗(Ctrl+B)">
+                    <Button.Content>
+                        <TextBlock HorizontalAlignment="Center"
+                                   VerticalAlignment="Center"
+                                   FontSize="15"
+                                   FontWeight="Bold"
+                                   Text="B" />
+                    </Button.Content>
+                </Button>
+                <Button x:Name="ToolStripButtonItalic"
+                        Command="EditingCommands.ToggleItalic"
+                        CommandTarget="{Binding ElementName=RichTextControl}"
+                        Style="{StaticResource ButtonStyle}"
+                        ToolTip="倾斜(Ctrl+I)">
+                    <Button.Content>
+                        <TextBlock HorizontalAlignment="Center"
+                                   VerticalAlignment="Center"
+                                   FontSize="15"
+                                   FontStyle="Italic"
+                                   FontWeight="Bold"
+                                   Text="I" />
+                    </Button.Content>
+                </Button>
+                <Button x:Name="ToolStripButtonUnderline"
+                        Command="EditingCommands.ToggleUnderline"
+                        CommandTarget="{Binding ElementName=RichTextControl}"
+                        Style="{StaticResource ButtonStyle}"
+                        ToolTip="下划线(Ctrl+U)">
+                    <Button.Content>
+                        <TextBlock HorizontalAlignment="Center"
+                                   VerticalAlignment="Center"
+                                   FontSize="15"
+                                   FontWeight="Bold"
+                                   Text="U"
+                                   TextDecorations="Underline" />
+                    </Button.Content>
+                </Button>
+                <Button x:Name="ToolStripButtonStrikeout"
+                        Click="ToolStripButtonStrikeout_Click"
+                        CommandTarget="{Binding ElementName=RichTextControl}"
+                        Style="{StaticResource ButtonStyle}"
+                        ToolTip="删除线">
+                    <Button.Content>
+                        <TextBlock HorizontalAlignment="Center"
+                                   VerticalAlignment="Center"
+                                   FontSize="15"
+                                   FontWeight="Bold"
+                                   Text="S"
+                                   TextDecorations="Strikethrough" />
+                    </Button.Content>
+                </Button>
+                <Button x:Name="ToolStripButtonAlignLeft"
+                        Command="EditingCommands.AlignLeft"
+                        CommandTarget="{Binding ElementName=RichTextControl}"
+                        Style="{StaticResource ButtonStyle}"
+                        ToolTip="文本左对齐(Ctrl+L)">
+                    <Button.Content>
+
+                        <Image Source="/Platform.Controls;component/Resource/AlignLeft.png" Style="{StaticResource ImgStyle}" />
+                    </Button.Content>
+
+                </Button>
+                <Button x:Name="ToolStripButtonAlignCenter"
+                        Command="EditingCommands.AlignCenter"
+                        CommandTarget="{Binding ElementName=RichTextControl}"
+                        Style="{StaticResource ButtonStyle}"
+                        ToolTip="居中对齐(Ctrl+E)">
+                    <Button.Content>
+                        <Image Source="/Platform.Controls;component/Resource/AlignCenter.png" Style="{StaticResource ImgStyle}" />
+                    </Button.Content>
+                </Button>
+                <Button x:Name="ToolStripButtonAlignRight"
+                        Command="EditingCommands.AlignRight"
+                        CommandTarget="{Binding ElementName=RichTextControl}"
+                        Style="{StaticResource ButtonStyle}"
+                        ToolTip="右对齐(Ctrl+R)">
+                    <Button.Content>
+                        <Image Source="/Platform.Controls;component/Resource/AlignRight.png" Style="{StaticResource ImgStyle}" />
+                    </Button.Content>
+                </Button>
+                <Button x:Name="ToolStripButtonAlignFullJustify"
+                        Command="EditingCommands.AlignJustify"
+                        CommandTarget="{Binding ElementName=RichTextControl}"
+                        Style="{StaticResource ButtonStyle}"
+                        ToolTip="两端对齐(Ctrl+J)">
+                    <Button.Content>
+                        <Image Source="/Platform.Controls;component/Resource/AlignFullJustify.png" Style="{StaticResource ImgStyle}" />
+                    </Button.Content>
+                </Button>
+                <Button x:Name="ToolStripButtonIndent"
+                        Command="EditingCommands.IncreaseIndentation"
+                        CommandTarget="{Binding ElementName=RichTextControl}"
+                        Style="{StaticResource ButtonStyle}"
+                        ToolTip="增加缩进">
+                    <Button.Content>
+                        <Image Source="/Platform.Controls;component/Resource/Indent.png" Style="{StaticResource ImgStyle}" />
+                    </Button.Content>
+                </Button>
+                <Button x:Name="ToolStripButtonIndentDelete"
+                        Command="EditingCommands.DecreaseIndentation"
+                        CommandTarget="{Binding ElementName=RichTextControl}"
+                        Style="{StaticResource ButtonStyle}"
+                        ToolTip="减少缩进">
+                    <Button.Content>
+                        <Image Source="/Platform.Controls;component/Resource/IndentRemove.png" Style="{StaticResource ImgStyle}" />
+                    </Button.Content>
+                </Button>
+                <Button x:Name="ToolStripButtonBulletList"
+                        Command="EditingCommands.ToggleBullets"
+                        CommandTarget="{Binding ElementName=RichTextControl}"
+                        Style="{StaticResource ButtonStyle}"
+                        ToolTip="符号列表">
+                    <Button.Content>
+                        <Image Source="/Platform.Controls;component/Resource/listbullets.png" Style="{StaticResource ImgStyle}" />
+                    </Button.Content>
+                </Button>
+                <Button x:Name="ToolStripButtonNumbersList"
+                        Command="EditingCommands.ToggleNumbering"
+                        CommandTarget="{Binding ElementName=RichTextControl}"
+                        Style="{StaticResource ButtonStyle}"
+                        ToolTip="编号列表">
+                    <Button.Content>
+                        <Image Source="/Platform.Controls;component/Resource/listnumbering.png" Style="{StaticResource ImgStyle}" />
+                    </Button.Content>
+                </Button>
+                <Button Command="EditingCommands.IncreaseFontSize"
+                        CommandTarget="{Binding ElementName=RichTextControl}"
+                        Style="{StaticResource ButtonStyle}"
+                        ToolTip="增大字体(Ctrl + &gt;)">
+                    <Button.Content>
+                        <Image Source="/Platform.Controls;component/Resource/CharacterGrowFont.png" Style="{StaticResource ImgStyle}" />
+                    </Button.Content>
+                </Button>
+                <Button Command="EditingCommands.DecreaseFontSize"
+                        CommandTarget="{Binding ElementName=RichTextControl}"
+                        Style="{StaticResource ButtonStyle}"
+                        ToolTip="减小字体(Ctrl+ &lt;)">
+                    <Button.Content>
+                        <Image Source="/Platform.Controls;component/Resource/CharacterShrinkFont.png" Style="{StaticResource ImgStyle}" />
+                    </Button.Content>
+                </Button>
+            </WrapPanel>
+        </Border>
+
+        <!--  文本区域  -->
+        <RichTextBox x:Name="RichTextControl"
+                     Grid.Row="1"
+                     MinWidth="400"
+                     MinHeight="200"
+                     MaxWidth="1000"
+                     AcceptsReturn="True"
+                     AcceptsTab="True"
+                     Focusable="True"
+                     FocusManager.IsFocusScope="True"
+                     FontFamily="宋体"
+                     HorizontalScrollBarVisibility="Auto"
+                     KeyDown="RichTextControl_KeyDown"
+                     KeyUp="RichTextControl_KeyUp"
+                     SpellCheck.IsEnabled="False"
+                     TextChanged="RichTextControl_TextChanged"
+                     VerticalScrollBarVisibility="Auto" />
+    </Grid>
+</UserControl>
+

ant-design-pro-vue3/src/views/front/platfrom/controls/ComponentContainer/RtfEditor/RtfEditorBox.xaml.cs

@@ -0,0 +1,341 @@
+using System;
+using System.Collections.Generic;
+using System.Linq;
+using System.Text;
+using System.Windows;
+using System.Windows.Controls;
+using System.Windows.Data;
+using System.Windows.Documents;
+using System.Windows.Input;
+using System.Windows.Media;
+using System.Windows.Media.Imaging;
+using System.Windows.Navigation;
+using System.Windows.Shapes;
+using System.IO;
+using System.ComponentModel;
+using System.Drawing;
+using Platform.Common.RunningParameters;
+using System.Globalization;
+
+namespace Platform.Controls.ComponentContainer
+{
+    /// <summary>
+    /// RtfEditorBox.xaml 的交互逻辑
+    /// </summary>    
+    public partial class RtfEditorBox : UserControl
+    {
+
+        /// <summary>
+        /// 记录文本格式
+        /// </summary>
+        private string _txtType = null;
+        /// <summary>
+        /// 初始化RtfEditorBox
+        /// </summary>
+        public RtfEditorBox()
+        {
+            InitializeComponent();
+        }
+        /// <summary>
+        /// 文本编辑框Loaded事件
+        /// </summary>
+        /// <param name="sender"></param>
+        /// <param name="e"></param>
+        private void RtfEditor_Loaded(object sender, RoutedEventArgs e)
+        {
+            RichTextControl.Width = this.Width;
+            RichTextControl.Document.PageWidth = RichTextControl.MaxWidth;
+            //文本选中区域
+            TextRange range = new TextRange(RichTextControl.Selection.Start, RichTextControl.Selection.End);            
+            //默认字体
+            Fonttype.SelectedValue = range.GetPropertyValue(FlowDocument.FontFamilyProperty).ToString();
+            //默认字体大小
+            Fontheight.SelectedValue = range.GetPropertyValue(FlowDocument.FontSizeProperty).ToString();
+            RichTextControl.Focus();
+
+        }
+
+        public string text
+        {
+            get
+            {
+                TextRange range = new TextRange(RichTextControl.Document.ContentStart, RichTextControl.Document.ContentEnd);
+                return range.Text;
+            }
+            set
+            {
+                _txtType = value;
+            }
+        }
+        /// <summary>
+        /// 打开对话框，加载文本文件
+        /// </summary>
+        /// <param name="sender"></param>
+        /// <param name="e"></param>
+        private void ToolStripButtonOpen_Click(object sender, System.Windows.RoutedEventArgs e)
+        {
+            // 初始化对话框
+            Microsoft.Win32.OpenFileDialog dlg = new Microsoft.Win32.OpenFileDialog();
+            dlg.FileName = ""; // 默认文件的名称
+            dlg.DefaultExt = ".rtf"; //默认文件的扩展名
+            dlg.Filter = "RichText documents (.rtf)|*.rtf|Text documents (.txt)|*.txt"; // 过滤文件的后缀名
+            // 显示文本对话框
+            dlg.ValidateNames = true;
+            dlg.CheckFileExists = true;
+            dlg.CheckPathExists = true;
+
+            Nullable<bool> result = dlg.ShowDialog();
+
+            // 打开文件返回的值
+            if (result == true)
+            {
+                string path = dlg.FileName;
+                TextRange range;
+                FileStream fStream;
+                var filter = path.Substring(path.LastIndexOf('.') + 1, 3);
+                if (filter == "txt" || filter == "rtf")
+                {
+                    if (File.Exists(path))
+                    {
+                        range = new TextRange(RichTextControl.Document.ContentStart, RichTextControl.Document.ContentEnd);
+
+                        if (filter == "rtf")
+                        {
+                            fStream = new FileStream(path, FileMode.OpenOrCreate);
+                            range.Load(fStream, DataFormats.Rtf);
+                            fStream.Close();
+                        }
+                        if (filter == "txt")
+                        {
+                            using (StreamReader read = new StreamReader(path, PlatformSettings.Encoding))
+                            {
+                                RichTextControl.AppendText(read.ReadToEnd());
+                            }
+                        }
+
+                    }
+                }
+                else
+                {
+
+                    MessageBox.Show("不支持" + filter + "格式,请重新选择支持的格式", "提示框");
+                    return;
+                }
+
+            }
+            RichTextControl.Focus();
+        }
+        /// <summary>
+        /// 删除线
+        /// </summary>
+        /// <param name="sender"></param>
+        /// <param name="e"></param>
+        private void ToolStripButtonStrikeout_Click(object sender, System.Windows.RoutedEventArgs e)
+        {
+            TextRange range = new TextRange(RichTextControl.Selection.Start, RichTextControl.Selection.End);
+
+            TextDecorationCollection tdc = (TextDecorationCollection)RichTextControl.Selection.GetPropertyValue(Inline.TextDecorationsProperty);
+
+            if (tdc == null || !tdc.Equals(TextDecorations.Strikethrough))
+            {
+                tdc = TextDecorations.Strikethrough;
+
+            }
+            else
+            {
+                tdc = new TextDecorationCollection();
+            }
+            range.ApplyPropertyValue(Inline.TextDecorationsProperty, tdc);
+
+        }
+
+        /// <summary>
+        /// 文本前景色事件
+        /// </summary>
+        /// <param name="sender"></param>
+        /// <param name="e"></param>
+        private void ToolStripButtonTextcolor_Click(object sender, RoutedEventArgs e)
+        {
+            ColorDialog colorDialog = new ColorDialog();
+            if ((bool)colorDialog.ShowDialog())
+            {
+                TextRange range = new TextRange(RichTextControl.Selection.Start, RichTextControl.Selection.End);
+
+                range.ApplyPropertyValue(FlowDocument.ForegroundProperty, new SolidColorBrush(colorDialog.SelectedColor));
+            }
+            RichTextControl.Focus();
+        }
+
+        /// <summary>
+        /// 文本背景色事件
+        /// </summary>
+        /// <param name="sender"></param>
+        /// <param name="e"></param>
+        private void ToolStripButtonBackcolor_Click(object sender, RoutedEventArgs e)
+        {
+            ColorDialog colorDialog = new ColorDialog();
+            if ((bool)colorDialog.ShowDialog())
+            {
+                TextRange range = new TextRange(RichTextControl.Selection.Start, RichTextControl.Selection.End);
+
+                range.ApplyPropertyValue(FlowDocument.BackgroundProperty, new SolidColorBrush(colorDialog.SelectedColor));
+            }
+            RichTextControl.Focus();
+        }
+
+        /// <summary>
+        /// 字体大小更改事件
+        /// </summary>
+        /// <param name="sender"></param>
+        /// <param name="e"></param>
+        private void Fontheight_DropDownClosed(object sender, EventArgs e)
+        {
+            string fontHeight = (string)Fontheight.SelectedItem;
+
+            if (fontHeight != null)
+            {
+                RichTextControl.Selection.ApplyPropertyValue(System.Windows.Controls.RichTextBox.FontSizeProperty, fontHeight);
+            }
+            RichTextControl.Focus();
+        }
+
+        /// <summary>
+        /// 字体格式更改事件
+        /// </summary>
+        /// <param name="sender"></param>
+        /// <param name="e"></param>
+        private void Fonttype_DropDownClosed(object sender, EventArgs e)
+        {
+            string fontName = (string)Fonttype.SelectedItem;
+
+            if (fontName != null)
+            {
+                RichTextControl.Selection.ApplyPropertyValue(System.Windows.Controls.RichTextBox.FontFamilyProperty, fontName);
+            }
+            RichTextControl.Focus();
+        }
+        private void RichTextControl_TextChanged(object sender, TextChangedEventArgs e)
+        {
+            RichTextControl.Focus();
+        }
+        private void AdjustWidth()
+        {
+            Rect rectStart = RichTextControl.Document.ContentStart.GetCharacterRect(LogicalDirection.Forward);
+            Rect rectEnd = RichTextControl.Document.ContentEnd.GetCharacterRect(LogicalDirection.Forward);
+            var width = rectEnd.Right - rectStart.Left;
+            var mywidth = Math.Min(RichTextControl.MaxWidth, width);
+            if (mywidth > this.Width)
+            {
+                RichTextControl.Document.PageWidth = mywidth;
+            }
+        }
+
+      
+
+      
+     
+
+
+        /// <summary>
+        /// RichTextControl_KeyDown事件
+        /// </summary>
+        /// <param name="sender"></param>
+        /// <param name="e"></param>
+        private void RichTextControl_KeyDown(object sender, KeyEventArgs e)
+        {
+            string fontName = (string)Fonttype.SelectedValue;
+            string fontHeight = (string)Fontheight.SelectedValue;
+            TextRange range = new TextRange(RichTextControl.Selection.Start, RichTextControl.Selection.End);
+
+            if (!string.IsNullOrEmpty(fontName))
+            {
+                range.ApplyPropertyValue(TextElement.FontFamilyProperty, fontName);
+            }
+            if (!string.IsNullOrEmpty(fontHeight))
+            {
+                range.ApplyPropertyValue(TextElement.FontSizeProperty, fontHeight);
+            }
+
+        }
+
+        /// <summary>
+        ///  打开对话框快捷键
+        /// </summary>
+        /// <param name="sender"></param>
+        /// <param name="e"></param>
+        private void RichTextControl_KeyUp(object sender, KeyEventArgs e)
+        {
+            // Ctrl + O
+            if ((Keyboard.Modifiers == ModifierKeys.Control) && (e.Key == Key.O))
+            {
+                ToolStripButtonOpen_Click(sender, e);
+            }
+        }
+
+        /// <summary>
+        /// 清空文本框
+        /// </summary>
+        public void Clear()
+        {
+            RichTextControl.Document.Blocks.Clear();
+        }
+
+        /// <summary>
+        /// 设置Rtf文本文件
+        /// </summary>
+        /// <param name="rtf"></param>
+        public void SetRTF(string rtf)
+        {
+            TextRange range = new TextRange(RichTextControl.Document.ContentStart, RichTextControl.Document.ContentEnd);
+            try
+            {
+                using (MemoryStream rtfMemoryStream = new MemoryStream())
+                {
+                    using (StreamWriter rtfStreamWriter = new StreamWriter(rtfMemoryStream))
+                    {
+
+                        rtfStreamWriter.Write(rtf);
+                        rtfStreamWriter.Flush();
+                        rtfMemoryStream.Seek(0, SeekOrigin.Begin);
+                        range.Load(rtfMemoryStream, DataFormats.Rtf);
+                    }
+                }
+            }
+            catch (Exception)
+            {
+                throw;
+            }
+        }
+        /// <summary>
+        /// 得到trf文本文件
+        /// </summary>
+        /// <returns></returns>
+        public string GetRTF()
+        {
+            TextRange range = new TextRange(RichTextControl.Document.ContentStart, RichTextControl.Document.ContentEnd);
+            try
+            {
+                using (MemoryStream rtfMemoryStream = new MemoryStream())
+                {
+                    using (StreamWriter rtfStreamWriter = new StreamWriter(rtfMemoryStream))
+                    {
+                        range.Save(rtfMemoryStream, DataFormats.Rtf);
+
+                        rtfMemoryStream.Flush();
+                        rtfMemoryStream.Position = 0;
+                        StreamReader sr = new StreamReader(rtfMemoryStream);
+                        return sr.ReadToEnd();
+                    }
+                }
+            }
+            catch (Exception)
+            {
+                throw;
+            }
+        }
+        public void HideToorBar()
+        {
+            toolBarPanel.Visibility = Visibility.Collapsed;
+        }
+    }
+}

ant-design-pro-vue3/src/views/front/platfrom/controls/ControlsHelper/BufferTimer.ts

@@ -0,0 +1,38 @@
+// 定义 BufferTimer 类
+export class BufferTimer {
+    // 静态属性，用于单例模式
+    private static _instance: BufferTimer;
+    // 缓冲区，使用数组模拟队列
+    private _buffer: any[] = [];
+    // 缓冲持续时间，单位为毫秒
+    private _timeSpan: number;
+
+    // 构造函数，接收缓冲持续时间作为参数
+    constructor(timeSpan: number) {
+        this._timeSpan = timeSpan;
+    }
+
+    // 静态方法，获取单例实例
+    public static get Instance(): BufferTimer {
+        if (!this._instance) {
+            this._instance = new BufferTimer(1000); // 1000 毫秒即 1 秒
+        }
+        return this._instance;
+    }
+
+    // 添加数据到缓冲区
+    public Add(o: any): void {
+        if (this._buffer.length === 0) {
+            // 开始计时
+            setTimeout(() => {
+                this._buffer = [];
+            }, this._timeSpan);
+        }
+        this._buffer.push(o);
+    }
+
+    // 获取缓冲区数据
+    public GetBuffer(): any[] {
+        return [...this._buffer];
+    }
+}

ant-design-pro-vue3/src/views/front/platfrom/controls/ControlsHelper/ButtonHelper.ts

@@ -0,0 +1,59 @@
+// 假设 FocusHandledResult 枚举定义如下
+enum FocusHandledResult {
+    System,
+    Self,
+    Forward
+}
+
+// 假设 Button 类型定义如下
+class Button {
+    // 这里简单模拟按钮的点击事件触发方法
+    click() {
+        console.log('Button clicked');
+    }
+}
+
+// 假设 FocusManager 类定义如下
+class FocusManager {
+    static SetFocusHandled(btn: Button, handler: (sender: Button, e: any) => FocusHandledResult) {
+        // 这里简单模拟设置焦点处理方法
+        console.log('Focus handled method set');
+    }
+}
+
+class ButtonHelper {
+    static ButtonFocusHandled = (sender: Button, e: any): FocusHandledResult => {
+        if (!sender) return FocusHandledResult.System;
+
+        if (e.key === 'Enter' || e.key === ' ') {
+            return FocusHandledResult.Self;
+        }
+
+        return FocusHandledResult.System;
+    };
+
+    static ButtonAutoMoveFocusHandled = (sender: Button, e: any): FocusHandledResult => {
+        if (!sender) return FocusHandledResult.System;
+
+        if (e.key === 'Enter') {
+            sender.click();
+            return FocusHandledResult.Forward;
+        }
+
+        return FocusHandledResult.System;
+    };
+
+    static setIsAutoMoveFocus(btn: Button, value: boolean) {
+        if (!btn) {
+            throw new Error('只能给Button控件设置此属性');
+        }
+
+        if (value) {
+            FocusManager.SetFocusHandled(btn, ButtonHelper.ButtonAutoMoveFocusHandled);
+        } else {
+            FocusManager.SetFocusHandled(btn, ButtonHelper.ButtonFocusHandled);
+        }
+    }
+}
+
+export { ButtonHelper, FocusHandledResult };

ant-design-pro-vue3/src/views/front/platfrom/controls/ControlsHelper/ComboBoxHelper.ts

@@ -0,0 +1,325 @@
+import { ref, watchEffect, onBeforeUnmount } from 'vue';
+
+// 模拟 FocusHandledResult 枚举
+enum FocusHandledResult {
+  System,
+  Self
+}
+
+// 模拟 Platform.Hotkeys.HotKeyHelper
+class HotKeyHelper {
+  static GetKeyName(key: KeyboardEvent['key']): string {
+    // 简单实现，实际需要根据具体逻辑修改
+    return key;
+  }
+}
+
+// 模拟 BufferTimer
+class BufferTimer {
+  private buffer: KeyboardEvent['key'][] = [];
+  private static instance: BufferTimer;
+
+  private constructor() {}
+
+  static get Instance() {
+    if (!this.instance) {
+      this.instance = new BufferTimer();
+    }
+    return this.instance;
+  }
+
+  Add(key: KeyboardEvent['key']) {
+    this.buffer.push(key);
+  }
+
+  GetBuffer() {
+    return this.buffer;
+  }
+}
+
+// ComboBoxHelper 类
+export class ComboBoxHelper {
+  static readonly PartEditableTextBox = 'PART_EditableTextBox';
+
+  private interval: ReturnType<typeof setTimeout> | null = null;
+  private editTextBox: HTMLInputElement | null = null;
+  private isKeyEvent = ref(false);
+  private coll: any[] = [];
+  private oldSelStart = 0;
+  private oldSelLength = 0;
+  private oldText = '';
+
+  // 自动完成功能相关
+  static GetIsAutoComplete(obj: any): boolean {
+    return obj.IsAutoComplete;
+  }
+
+  static SetIsAutoComplete(obj: any, value: boolean) {
+    obj.IsAutoComplete = value;
+    if (value) {
+      obj.style = 'AutoCompleteComboBox';
+    } else {
+      obj.style = 'default';
+    }
+  }
+
+  RefreshSource(cbx: HTMLSelectElement, items: any[]) {
+    this.coll = items;
+
+    if (this.interval) {
+      clearTimeout(this.interval);
+    }
+
+    this.interval = setTimeout(() => {
+      this.isKeyEvent.value = false;
+      cbx.open = true;
+      // 刷新数据源视图，这里简单模拟
+      this.filterItems(cbx);
+    }, 600);
+
+    if (this.editTextBox) {
+      this.editTextBox.addEventListener('input', this.handleTextChanged);
+    }
+  }
+
+  RegisteAutoComplete(cbx: HTMLSelectElement, items: any[]) {
+    this.editTextBox = cbx.querySelector<HTMLInputElement>(`[name="${ComboBoxHelper.PartEditableTextBox}"]`);
+    if (!this.editTextBox) {
+      return false;
+    }
+
+    if (this.interval) {
+      clearTimeout(this.interval);
+    }
+
+    this.interval = setTimeout(() => {
+      this.isKeyEvent.value = false;
+      cbx.open = true;
+      // 刷新数据源视图，这里简单模拟
+      this.filterItems(cbx);
+    }, 600);
+
+    this.editTextBox.addEventListener('input', this.handleTextChanged);
+    this.editTextBox.addEventListener('keydown', this.handlePreviewKeyDown);
+
+    cbx.addEventListener('mousedown', this.handleGotMouseCapture);
+    cbx.addEventListener('open', this.handleDropDownOpened);
+    cbx.addEventListener('focus', this.handleGotFocus);
+    cbx.addEventListener('change', this.handleSelectionChanged);
+    cbx.addEventListener('blur', this.handleLostFocus);
+
+    this.coll = items;
+    this.filterItems(cbx);
+
+    return true;
+  }
+
+  private handleTextChanged = () => {
+    if (!this.editTextBox) {
+      return;
+    }
+
+    if (this.editTextBox.value === '') {
+      // 刷新数据源视图，这里简单模拟
+      this.filterItems(this.editTextBox.closest('select') as HTMLSelectElement);
+    } else if (this.isKeyEvent.value) {
+      const cbx = this.editTextBox.closest('select') as HTMLSelectElement;
+      cbx.selectedIndex = -1;
+      if (this.interval) {
+        clearTimeout(this.interval);
+      }
+      this.interval = setTimeout(() => {
+        this.isKeyEvent.value = false;
+        cbx.open = true;
+        // 刷新数据源视图，这里简单模拟
+        this.filterItems(cbx);
+      }, 600);
+    }
+  };
+
+  private handlePreviewKeyDown = (e: KeyboardEvent) => {
+    const pressKey = HotKeyHelper.GetKeyName(e.key);
+    if (e.key !== 'ArrowUp' && e.key !== 'ArrowDown' && pressKey !== 'UNFOLD') {
+      this.isKeyEvent.value = true;
+    }
+  };
+
+  private handleGotMouseCapture = () => {
+    if (this.editTextBox) {
+      this.oldSelStart = this.editTextBox.selectionStart || 0;
+      this.oldSelLength = this.editTextBox.selectionLength || 0;
+      this.oldText = this.editTextBox.value;
+    }
+  };
+
+  private handleDropDownOpened = () => {
+    if (this.editTextBox) {
+      this.editTextBox.value = this.oldText;
+      this.editTextBox.selectionStart = this.oldSelStart;
+      this.editTextBox.selectionLength = this.oldSelLength;
+    }
+  };
+
+  private handleGotFocus = () => {
+    if (this.editTextBox) {
+      this.editTextBox.focus();
+    }
+  };
+
+  private handleSelectionChanged = () => {
+    if (this.interval) {
+      clearTimeout(this.interval);
+    }
+  };
+
+  private handleLostFocus = () => {
+    this.isKeyEvent.value = false;
+    const cbx = this.editTextBox?.closest('select') as HTMLSelectElement;
+    cbx.open = false;
+
+    if (cbx.selectedIndex === -1) {
+      if (this.editTextBox) {
+        this.editTextBox.value = '';
+      }
+    } else {
+      if (this.editTextBox) {
+        const selectedItem = cbx.options[cbx.selectedIndex];
+        this.editTextBox.value = selectedItem.textContent || '';
+      }
+    }
+
+    if (this.interval) {
+      clearTimeout(this.interval);
+    }
+
+    try {
+      if (this.editTextBox) {
+        this.editTextBox.selectionStart = 0;
+      }
+    } catch (error) {
+      // 忽略异常
+    }
+  };
+
+  private filterItems(cbx: HTMLSelectElement) {
+    if (!this.editTextBox) {
+      return;
+    }
+
+    const filterText = this.editTextBox.value.toUpperCase();
+    for (let i = 0; i < cbx.options.length; i++) {
+      const option = cbx.options[i];
+      if (filterText === '' || option.textContent?.toUpperCase().includes(filterText)) {
+        option.style.display = 'block';
+      } else {
+        option.style.display = 'none';
+      }
+    }
+  }
+
+  // 焦点处理方法
+  static ComboBoxFocusHandled = (sender: HTMLSelectElement, e: KeyboardEvent): FocusHandledResult => {
+    if (!sender) {
+      return FocusHandledResult.System;
+    }
+
+    if (sender.open && (e.key === 'ArrowUp' || e.key === 'ArrowDown' || e.key === 'Enter')) {
+      if (e.key === 'ArrowUp' || e.key === 'ArrowDown') {
+        return FocusHandledResult.Self;
+      } else {
+        // 执行焦点移动操作，这里简单模拟
+        console.log('Move focus');
+        return FocusHandledResult.Self;
+      }
+    }
+
+    const pressKey = HotKeyHelper.GetKeyName(e.key);
+    if (e.key === '+' || e.key === 'F2') {
+      pressKey = 'UNFOLD';
+    }
+
+    if (pressKey === 'UNFOLD') {
+      sender.open = !sender.open;
+      return FocusHandledResult.Self;
+    }
+
+    if (sender.options.length > 0) {
+      BufferTimer.Instance.Add(e.key);
+      const keys = BufferTimer.Instance.GetBuffer().map((key) => {
+        const keyCode = key.charCodeAt(0);
+        let result = ' ';
+        if (keyCode > 47 && keyCode < 58) {
+          result = (keyCode - 48).toString();
+        } else if (keyCode > 95 && keyCode < 106) {
+          result = (keyCode - 96).toString();
+        }
+        return result;
+      });
+
+      if (keys.length === (sender.options.length - 1).toString().length) {
+        const indexBuffer = keys.join('');
+        const index = parseInt(indexBuffer, 10);
+        if (!isNaN(index) && index >= 0 && index < sender.options.length) {
+          sender.selectedIndex = index;
+        }
+      }
+    }
+
+    return FocusHandledResult.System;
+  };
+
+  static ComboBoxNormalFocusHandled = (sender: HTMLSelectElement, e: KeyboardEvent): FocusHandledResult => {
+    if (!sender) {
+      return FocusHandledResult.System;
+    }
+
+    if (sender.open && (e.key === 'ArrowUp' || e.key === 'ArrowDown' || e.key === 'Enter')) {
+      return FocusHandledResult.Self;
+    }
+
+    const pressKey = HotKeyHelper.GetKeyName(e.key);
+    if (pressKey === 'UNFOLD') {
+      sender.open = !sender.open;
+      return FocusHandledResult.Self;
+    }
+
+    return FocusHandledResult.System;
+  };
+
+  // 鼠标事件处理
+  static ComboBoxHandled = (sender: HTMLSelectElement, e: MouseEvent): FocusHandledResult => {
+    if (!sender) {
+      return FocusHandledResult.System;
+    }
+
+    const originalSourceElement = e.target as HTMLElement;
+    const clickedElement = originalSourceElement.closest('option');
+
+    if (sender.open && e.button === 0 && clickedElement) {
+      // 执行焦点移动操作，这里简单模拟
+      console.log('Move focus');
+      return FocusHandledResult.Self;
+    }
+
+    return FocusHandledResult.System;
+  };
+
+  // 延迟事件处理
+  static DoWork(action: () => void, millisecond = 100) {
+    setTimeout(action, millisecond);
+  }
+
+  static DoMouseWork(action: () => void, millisecond = 250) {
+    setTimeout(action, millisecond);
+  }
+
+  static MoveFocusHandled() {
+    // 焦点移动，这里简单模拟
+    console.log('Move focus');
+  }
+
+  static MouseMoveFocusHandled() {
+    // 焦点移动，这里简单模拟
+    console.log('Move focus');
+  }
+}

ant-design-pro-vue3/src/views/front/platfrom/controls/ControlsHelper/ControlHelper.ts

@@ -0,0 +1,134 @@
+// 假设这些类型和接口的定义
+interface IPage {
+    // 这里可以定义 IPage 接口的具体属性和方法
+}
+
+interface TipAdornerPlacement {
+    // 这里可以定义 TipAdornerPlacement 接口的具体属性和方法
+}
+
+interface TipAdorner {
+    Placement: TipAdornerPlacement;
+    Message: string;
+    // 这里可以定义 TipAdorner 接口的其他方法
+}
+
+interface FocusManager {
+    GetManagerInstance(target: any): FocusManager | null;
+    CurrentFocusedElement: any;
+    SetFocus(element: any): void;
+    IsFocusContinue: boolean;
+}
+
+enum FocusHandledResult {
+    System
+}
+
+class ControlHelper {
+    static ShowTip(target: any, placement: TipAdornerPlacement, message: string): boolean {
+        if (target instanceof IPage) {
+            const fm = FocusManager.GetManagerInstance(target);
+            if (!fm || !fm.CurrentFocusedElement) {
+                return false;
+            }
+            target = fm.CurrentFocusedElement;
+        }
+        // 这里假设可以通过某种方式获取 AdornerLayer
+        const layer = this.getAdornerLayer(target);
+        if (layer) {
+            this.RemoveTipAdorner(target, layer);
+            const tip: TipAdorner = {
+                Placement: placement,
+                Message: message ? message.trim() : "输入错误"
+            };
+            if (target instanceof HTMLInputElement) {
+                target.select();
+            }
+            // 这里假设可以添加装饰器
+            this.addTipToLayer(tip, layer);
+            target.addEventListener('blur', () => this.OnLostFocus(target));
+        }
+        return false;
+    }
+
+    static ShowTipSimple(target: any, message: string): boolean {
+        // 假设存在一个默认的底部位置
+        const defaultPlacement = {} as TipAdornerPlacement;
+        return this.ShowTip(target, defaultPlacement, message);
+    }
+
+    static RemoveTipAdorner(target: any, layer: any): void {
+        if (!layer) {
+            return;
+        }
+        const adorners = this.getAdorners(target, layer);
+        if (!adorners) {
+            return;
+        }
+        adorners.forEach((ad: any) => {
+            if (this.isTipAdorner(ad)) {
+                this.removeAdornerFromLayer(ad, layer);
+            }
+        });
+    }
+
+    static OnLostFocus(target: any): void {
+        target.removeEventListener('blur', () => this.OnLostFocus(target));
+        const layer = this.getAdornerLayer(target);
+        this.RemoveTipAdorner(target, layer);
+    }
+
+    static RemoveTip(target: any): void {
+        if (!target) {
+            return;
+        }
+        const layer = this.getAdornerLayer(target);
+        if (layer) {
+            this.RemoveTipAdorner(target, layer);
+        }
+    }
+
+    static SetFocus(target: IPage, element?: any): void {
+        const focusManager = FocusManager.GetManagerInstance(target);
+        if (!focusManager) {
+            return;
+        }
+        if (element) {
+            focusManager.SetFocus(element);
+        }
+        focusManager.IsFocusContinue = false;
+    }
+
+    static get EmptyMouseHandled(): (sender: any, e: any) => void {
+        return (sender, e) => { };
+    }
+
+    static get EmptyFocusHandled(): (sender: any, e: any) => FocusHandledResult {
+        return (sender, e) => {
+            return FocusHandledResult.System;
+        };
+    }
+
+    // 以下是模拟的辅助方法，需要根据实际情况实现
+    private static getAdornerLayer(target: any): any {
+        return null;
+    }
+
+    private static getAdorners(target: any, layer: any): any[] {
+        return [];
+    }
+
+    private static isTipAdorner(ad: any): boolean {
+        return false;
+    }
+
+    private static addTipToLayer(tip: TipAdorner, layer: any): void {
+        // 实现添加装饰器的逻辑
+    }
+
+    private static removeAdornerFromLayer(ad: any, layer: any): void {
+        // 实现移除装饰器的逻辑
+    }
+}
+
+export default ControlHelper;

ant-design-pro-vue3/src/views/front/platfrom/controls/ControlsHelper/CurrencyEditorHelper.ts

@@ -0,0 +1,16 @@
+// 假设 FocusHandledResult 是一个枚举类型
+export enum FocusHandledResult {
+    Self,
+    System
+}
+
+// 定义 CurrencyEditorHelper 模块
+export class CurrencyEditorHelper {
+    // 静态方法，实现焦点处理逻辑
+    public static CurrencyEditorFocusHandled(sender: any, e: { key: string }): FocusHandledResult {
+        if (e.key === 'ArrowLeft' || e.key === 'ArrowRight') {
+            return FocusHandledResult.Self;
+        }
+        return FocusHandledResult.System;
+    }
+}

ant-design-pro-vue3/src/views/front/platfrom/controls/ControlsHelper/CurrencyRateEditorHelper.ts

@@ -0,0 +1,23 @@
+// 定义 FocusHandledResult 枚举
+enum FocusHandledResult {
+    Self = 'Self',
+    System = 'System'
+}
+
+// 定义 KeyEventArgs 接口，模拟 C# 中的 KeyEventArgs 类
+interface KeyEventArgs {
+    key: string;
+}
+
+// 定义 CurrencyRateEditorHelper 类
+class CurrencyRateEditorHelper {
+    // 定义静态属性 CurrencyRateEditorFocusHandled
+    static CurrencyRateEditorFocusHandled: (sender: any, e: KeyEventArgs) => FocusHandledResult = (sender, e) => {
+        if (e.key === 'Left' || e.key === 'Right') {
+            return FocusHandledResult.Self;
+        }
+        return FocusHandledResult.System;
+    };
+}
+
+export { CurrencyRateEditorHelper, FocusHandledResult };

ant-design-pro-vue3/src/views/front/platfrom/controls/ControlsHelper/DataGridHelper.ts

@@ -0,0 +1,52 @@
+// 定义 DataGridRow 类型
+type DataGridRow = any;
+
+// 定义 DataGrid 类型
+type DataGrid = {
+    items: any[];
+    selectedIndex: number;
+    selectedItem: any;
+    updateLayout: () => void;
+    scrollIntoView: (item: any) => void;
+    itemContainerGenerator: {
+        containerFromIndex: (index: number) => DataGridRow;
+    };
+};
+
+// 定义 IsChecked 附加属性相关
+class DataGridHelper {
+    static getIsChecked(obj: any): boolean | null {
+        return obj['IsChecked'] as boolean | null;
+    }
+
+    static setIsChecked(obj: any, value: boolean | null): void {
+        obj['IsChecked'] = value;
+    }
+
+    // 获取指定行
+    static getRow(datagrid: DataGrid, rowIndex: number): DataGridRow | null {
+        if (!datagrid || datagrid.items.length < 1) return null;
+        let row = datagrid.itemContainerGenerator.containerFromIndex(rowIndex);
+        if (!row) {
+            datagrid.updateLayout();
+            datagrid.scrollIntoView(datagrid.items[rowIndex]);
+            row = datagrid.itemContainerGenerator.containerFromIndex(rowIndex);
+        }
+        return row;
+    }
+
+    // 获取选择的行
+    static getSelectedRow(datagrid: DataGrid): DataGridRow | null {
+        if (!datagrid.selectedItem) return null;
+        return this.getRow(datagrid, datagrid.selectedIndex);
+    }
+
+    // 获取 DataGrid 的所有行
+    static* rows(datagrid: DataGrid): Generator<DataGridRow | null> {
+        for (let i = 0; i < datagrid.items.length; i++) {
+            yield this.getRow(datagrid, i);
+        }
+    }
+}
+
+export default DataGridHelper;

ant-design-pro-vue3/src/views/front/platfrom/controls/ControlsHelper/DataViewFilter.ts

@@ -0,0 +1,31 @@
+// 定义数据行类型
+type DataRow = { [key: string]: any };
+
+// 筛选函数
+function Filter(data: DataRow[], text: string, columns?: string[]): DataRow[] {
+    const dec = parseFloat(text);
+    const isDec = !isNaN(dec);
+    const time = new Date(text);
+    const isTime = !isNaN(time.getTime());
+
+    return data.filter((row) => {
+        return Object.entries(row).some(([columnName, value]) => {
+            if (columns && !columns.includes(columnName)) {
+                return false;
+            }
+
+            if (typeof value === 'string') {
+                return value.includes(text);
+            } else if (value instanceof Date && isTime) {
+                const nextDay = new Date(time);
+                nextDay.setDate(nextDay.getDate() + 1);
+                return value > time && value < nextDay;
+            } else if (isDec && (typeof value === 'number')) {
+                return value === dec;
+            }
+            return false;
+        });
+    });
+}
+
+export { Filter };

ant-design-pro-vue3/src/views/front/platfrom/controls/ControlsHelper/GridHelper.ts

@@ -0,0 +1,94 @@
+import { ref, computed, onMounted, nextTick } from 'vue';
+
+// 定义 GridHelper 类
+class GridHelper {
+    // 静态方法，用于获取和设置附加属性
+    static getShowBorder(el: HTMLElement): boolean {
+        return el.dataset.showBorder === 'true';
+    }
+
+    static setShowBorder(el: HTMLElement, value: boolean) {
+        el.dataset.showBorder = value.toString();
+    }
+
+    static getGridLineThickness(el: HTMLElement): number {
+        return parseFloat(el.dataset.gridLineThickness || '1');
+    }
+
+    static setGridLineThickness(el: HTMLElement, value: number) {
+        el.dataset.gridLineThickness = value.toString();
+    }
+
+    static getGridLineBrush(el: HTMLElement): string {
+        return el.dataset.gridLineBrush || 'lightgray';
+    }
+
+    static setGridLineBrush(el: HTMLElement, value: string) {
+        el.dataset.gridLineBrush = value;
+    }
+
+    // 模拟 GridLoaded 方法 TODO 这里Grid.rows 报错 需要重构
+    static gridLoaded(grid: HTMLElement) {
+        const children = Array.from(grid.children) as HTMLElement[];
+        const rowCount = 1;//grid.rows ? grid.rows.length : 1;
+        const columnCount = 1;//grid.columns ? grid.columns.length : 1;
+
+        children.forEach((item, index) => {
+            const row = parseInt(item.dataset.row || '0', 10);
+            const column = parseInt(item.dataset.column || '0', 10);
+            const rowSpan = parseInt(item.dataset.rowSpan || '1', 10);
+            const columnSpan = parseInt(item.dataset.columnSpan || '1', 10);
+
+            const settingThickness = this.getGridLineThickness(grid);
+            let thicknessLeft = settingThickness / 2;
+            let thicknessTop = settingThickness / 2;
+            let thicknessRight = settingThickness / 2;
+            let thicknessBottom = settingThickness / 2;
+
+            if (row === 0) thicknessTop = settingThickness;
+            if (row + rowSpan === rowCount) thicknessBottom = settingThickness;
+            if (column === 0) thicknessLeft = settingThickness;
+            if (column + columnSpan === columnCount) thicknessRight = settingThickness;
+
+            const border = document.createElement('div');
+            border.style.border = `${thicknessTop}px ${this.getGridLineBrush(grid)} solid`;
+            border.style.borderLeftWidth = `${thicknessLeft}px`;
+            border.style.borderRightWidth = `${thicknessRight}px`;
+            border.style.borderBottomWidth = `${thicknessBottom}px`;
+            border.style.padding = '0.5px';
+
+            grid.removeChild(item);
+            border.appendChild(item);
+            grid.insertBefore(border, grid.children[index]);
+        });
+    }
+}
+
+// 定义 Vue 组合函数
+export function useGridHelper(elRef: any) {
+    const isShowBorder = ref(false);
+    const gridLineThickness = ref(1);
+    const gridLineBrush = ref('lightgray');
+
+    const applyGridBorder = () => {
+        if (elRef.value && isShowBorder.value) {
+            GridHelper.setShowBorder(elRef.value, isShowBorder.value);
+            GridHelper.setGridLineThickness(elRef.value, gridLineThickness.value);
+            GridHelper.setGridLineBrush(elRef.value, gridLineBrush.value);
+            GridHelper.gridLoaded(elRef.value);
+        }
+    };
+
+    onMounted(() => {
+        nextTick(() => {
+            applyGridBorder();
+        });
+    });
+
+    return {
+        isShowBorder,
+        gridLineThickness,
+        gridLineBrush,
+        applyGridBorder
+    };
+}

ant-design-pro-vue3/src/views/front/platfrom/controls/ControlsHelper/ItemsControlHelper.ts

@@ -0,0 +1,113 @@
+// 模拟 ComboBoxHelper 类
+class ComboBoxHelper {
+    static GetIsAutoComplete(target: any): boolean {
+        // 模拟实现，实际使用时需根据业务逻辑修改
+        return target.isAutoComplete || false;
+    }
+
+    RefreshSource(cbx: any, items: any[]) {
+        // 模拟实现，实际使用时需根据业务逻辑修改
+        cbx.itemsSource = items;
+    }
+
+    RegisteAutoComplete(cbx: any, items: any[]) {
+        // 模拟实现，实际使用时需根据业务逻辑修改
+        cbx.itemsSource = items;
+    }
+}
+
+// 模拟 ItemsControl 类
+class ItemsControl {
+    items: any[] = [];
+    itemsSource: any[] | null = null;
+    isLoaded: boolean = false;
+    isAutoComplete: boolean = false;
+
+    constructor() {
+        this.items = [];
+    }
+
+    addEventListener(event: string, callback: (event: any) => void) {
+        // 模拟实现，实际使用时需根据业务逻辑修改
+    }
+}
+
+// 模拟 Selector 类
+class Selector extends ItemsControl {
+    selectedIndex: number = -1;
+    selectedItem: any = null;
+}
+
+// ItemsControlHelper 类
+class ItemsControlHelper {
+    private static ComboBoxHelperPropertyKey = Symbol('ComboBoxHelper');
+
+    static GetComboBoxHelper(obj: any): ComboBoxHelper | null {
+        return obj[this.ComboBoxHelperPropertyKey] as ComboBoxHelper;
+    }
+
+    static SetComboBoxHelper(obj: any, value: ComboBoxHelper) {
+        obj[this.ComboBoxHelperPropertyKey] = value;
+    }
+
+    static AddItems(target: ItemsControl, items: any[]) {
+        if (!items) return;
+
+        for (const item of items) {
+            if (this.isKeyValuePair(item)) {
+                target.items.push(item);
+            }
+        }
+    }
+
+    static SetItems(target: ItemsControl, items: any[]) {
+        if (!items) return;
+
+        if (ComboBoxHelper.GetIsAutoComplete(target)) {
+            const cbx = target as Selector;
+            if (!cbx) return;
+
+            if (cbx.itemsSource) {
+                const helper = this.GetComboBoxHelper(cbx);
+                if (helper) {
+                    helper.RefreshSource(cbx, items);
+                }
+            } else {
+                const helper = new ComboBoxHelper();
+                this.SetComboBoxHelper(cbx, helper);
+                if (cbx.isLoaded) {
+                    helper.RegisteAutoComplete(cbx, items);
+                } else {
+                    cbx.addEventListener('loaded', () => {
+                        helper.RegisteAutoComplete(cbx, items);
+                    });
+                }
+            }
+        } else {
+            target.items = [];
+            this.AddItems(target, items);
+            const selector = target as Selector;
+            if (selector) {
+                selector.selectedIndex = 0;
+            }
+            // 模拟刷新操作
+            target.itemsSource = [...target.items];
+        }
+    }
+
+    static GetSelectedKey(target: Selector): string {
+        let result = '';
+        if (target.selectedItem) {
+            if (this.isKeyValuePair(target.selectedItem)) {
+                result = target.selectedItem.key;
+            }
+        }
+        return result;
+    }
+
+    private static isKeyValuePair(obj: any): obj is { key: string; value: string } {
+        return obj && typeof obj.key === 'string' && typeof obj.value === 'string';
+    }
+}
+
+export { ItemsControlHelper, ItemsControl, Selector, ComboBoxHelper };

ant-design-pro-vue3/src/views/front/platfrom/controls/ControlsHelper/PasswordBoxHelper.ts

@@ -0,0 +1,145 @@
+import { DirectiveBinding } from 'vue';
+
+// 焦点管理器模拟
+class FocusManager {
+    static IsFocusContinue = true;
+    static SetFocus(element: HTMLElement) {
+        element.focus();
+    }
+}
+
+// 消息提示模拟
+const showTip = (element: HTMLElement, message: string) => {
+    console.log(`提示: ${message}`);
+};
+
+// 检查密码是否简单
+const IsSimplepwd = (s: string, pwd: string[]): boolean => {
+    const c = s.split('');
+
+    // 密码长度小于等于3位不通过
+    if (c.length <= 3) return true;
+
+    // 密码每个字符都是一样的不通过
+    const a = c[0];
+    let clen = 0;
+    for (let i = 0; i < c.length; i++) {
+        if (c[i] === a) clen++;
+    }
+    if (clen === c.length) return true;
+
+    // 每个字符的ascii码是升序不通过
+    const asciiAsc = c.map(char => char.charCodeAt(0));
+    clen = 0;
+    for (let i = 0; i < asciiAsc.length; i++) {
+        if (asciiAsc[0] + i === asciiAsc[i]) clen++;
+    }
+    if (clen === asciiAsc.length) return true;
+
+    // 每个字符的ascii码是降序不通过
+    const asciiDesc = c.map(char => char.charCodeAt(0));
+    clen = 0;
+    for (let i = 0; i < asciiDesc.length; i++) {
+        if (asciiDesc[0] - i === asciiDesc[i]) clen++;
+    }
+    if (clen === asciiDesc.length) return true;
+
+    // 密码和指定的任意一组字符串相同不通过
+    for (let i = 0; i < pwd.length; i++) {
+        if (pwd[i] === s) return true;
+    }
+
+    return false;
+};
+
+// 自定义指令
+export const PasswordBoxHelper = {
+    // 禁用粘贴
+    forbidPaste: {
+        mounted(el: HTMLInputElement) {
+            el.addEventListener('paste', (e) => {
+                e.preventDefault();
+                showTip(el, '重复输入的要素不允许进行数据粘贴');
+            });
+        },
+    },
+    // 是否需要重复输入
+    isRepeatInput: {
+        mounted(el: HTMLInputElement, binding: DirectiveBinding<boolean>) {
+            if (binding.value) {
+                let firstInput = '';
+                el.addEventListener('blur', () => {
+                    if (!firstInput) {
+                        firstInput = el.value.trim();
+                        showTip(el, '请重新输入一遍，两次的数据必须完全相同');
+                        el.value = '';
+                        el.addEventListener('blur', () => {
+                            if (firstInput !== el.value.trim()) {
+                                showTip(el, '两次输入的数据不一致，请重新输入');
+                                el.value = '';
+                                firstInput = '';
+                            }
+                        }, { once: true });
+                    }
+                });
+            }
+        },
+    },
+    // 自动选择全部
+    isAutoSelectedAll: {
+        mounted(el: HTMLInputElement, binding: DirectiveBinding<boolean>) {
+            if (binding.value) {
+                el.addEventListener('focus', () => {
+                    el.select();
+                });
+            }
+        },
+    },
+    // 获得焦点时自动清空值
+    isAutoClearVal: {
+        mounted(el: HTMLInputElement, binding: DirectiveBinding<boolean>) {
+            if (binding.value) {
+                el.addEventListener('focus', () => {
+                    el.value = '';
+                });
+            }
+        },
+    },
+    // 密码最小长度检查
+    minLength: {
+        mounted(el: HTMLInputElement, binding: DirectiveBinding<number>) {
+            el.addEventListener('blur', () => {
+                const pwd = el.value.trim();
+                const len = binding.value;
+                if (len > pwd.length) {
+                    showTip(el, `密码长度不足${len}位。`);
+                    FocusManager.SetFocus(el);
+                    FocusManager.IsFocusContinue = false;
+                }
+            });
+        },
+    },
+    // 禁止使用简单密码
+    breakSimplePassword: {
+        mounted(el: HTMLInputElement, binding: DirectiveBinding<boolean>) {
+            if (binding.value) {
+                el.addEventListener('blur', () => {
+                    const pwd = el.value;
+                    if (IsSimplepwd(pwd, [])) {
+                        showTip(el, '密码过于简单。');
+                        FocusManager.SetFocus(el);
+                        FocusManager.IsFocusContinue = false;
+                    }
+                });
+            }
+        },
+    },
+    // 只读
+    isReadOnly: {
+        mounted(el: HTMLInputElement, binding: DirectiveBinding<boolean>) {
+            if (binding.value) {
+                el.readOnly = true;
+            }
+        },
+    },
+};

ant-design-pro-vue3/src/views/front/platfrom/controls/ControlsHelper/TextBoxHelper.ts

@@ -0,0 +1,148 @@
+import { DirectiveBinding, nextTick, ref, watch } from 'vue';
+
+// 定义 PlaceholderAdorner 等装饰器类的模拟，这里简化处理
+class PlaceholderAdorner {
+  constructor(private textBox: HTMLInputElement, private placeholder: string) {}
+}
+
+class TextLengthAdorner {
+  constructor(private textBox: HTMLInputElement) {}
+}
+
+class CircleAdorner {
+  constructor(private textBox: HTMLInputElement) {}
+}
+
+// 定义 InputType 枚举
+export enum InputType {
+  String = 0,
+  Date = 1,
+  Int = 2,
+  Decimal = 3,
+  Email = 4,
+  IDCard = 5,
+}
+
+// 定义 FocusHandledResult 枚举
+enum FocusHandledResult {
+  System,
+  Self,
+}
+
+// 定义 RegexValidationRules 类
+class RegexValidationRules {
+  private _rules: { [key: string]: [string, string] } = {};
+  private static _instance: RegexValidationRules;
+
+  private constructor() {
+    this.addRule('Date', '^(?:(?:(?:(?:(?:1[6-9]|[2-9]\\d)(?:0[48]|[2468][048]|[13579][26])|(?:(?:16|[2468][048]|[3579][26])00)))(?:0229))|(?:(?:(?:1[6-9]|[2-9]\\d)\\d{2})(?:(?:(?:0[13578]|1[02])31)|(?:(?:0[13-9]|1[0-2])(?:29|30))|(?:(?:0[1-9])|(?:1[0-2]))(?:0[1-9]|1\\d|2[0-8]))))$', '日期格式 20120101。');
+    this.addRule('Decimal', '^[0-9]+\\.{0,1}[0-9]{0,2}$', '请输入数字，格式 000.00。');
+    this.addRule('Int', '^\\d+$', '请输入整数数字。');
+    this.addRule('Email', '^\\w+([-+.]\\w+)*@\\w+([-.]\\w+)*\\.\\w+([-.]\\w+)*$', '请输入邮件地址类型。');
+    this.addRule('IDCard', '^\\d{17}[\\d|x|X]$|^\\d{15}$', '请输入有效身份证号。');
+    this.addRule('String', null, '');
+  }
+
+  static get Instance() {
+    if (!this._instance) {
+      this._instance = new RegexValidationRules();
+    }
+    return this._instance;
+  }
+
+  addRule(name: string, regex: string | null, errorMsg: string) {
+    if (this._rules[name]) {
+      delete this._rules[name];
+    }
+    this._rules[name] = [regex, errorMsg];
+  }
+
+  removeRule(name: string) {
+    if (this._rules[name]) {
+      delete this._rules[name];
+    }
+  }
+
+  bindingRule(element: HTMLElement, name: string) {
+    if (!element || !this._rules[name]) {
+      return false;
+    }
+    // 这里模拟绑定验证规则
+    return false;
+  }
+}
+
+// 定义 TextBoxHelper 类
+export class TextBoxHelper {
+  // Placeholder 相关
+  static placeholderOffset = ref<{ x: number; y: number }>({ x: 4, y: 2 });
+  static placeholder = ref('');
+
+  static onPlaceholderChanged(el: HTMLInputElement) {
+    nextTick(() => {
+      const updatePlaceholder = () => {
+        const isShow = el.value.length === 0;
+        // 这里简化处理装饰器的添加和移除
+        if (isShow) {
+          new PlaceholderAdorner(el, this.placeholder.value);
+        }
+      };
+
+      el.addEventListener('input', updatePlaceholder);
+      updatePlaceholder();
+    });
+  }
+
+  // IsMultiLine 相关
+  static isMultiLine = ref(false);
+
+  static onIsMultiLineChanged(el: HTMLInputElement) {
+    if (this.isMultiLine.value) {
+      el.setAttribute('wrap', 'soft');
+      el.setAttribute('rows', '2');
+    } else {
+      el.removeAttribute('wrap');
+      el.setAttribute('rows', '1');
+    }
+  }
+
+  // 其他功能类似实现，这里省略部分功能的完整实现，仅展示结构
+  // ...
+
+  // 输入类型验证
+  static inputType = ref(InputType.String);
+
+  static onInputTypeChanged(el: HTMLInputElement) {
+    switch (this.inputType.value) {
+      case InputType.Date:
+        RegexValidationRules.Instance.bindingRule(el, 'Date');
+        break;
+      case InputType.Decimal:
+        RegexValidationRules.Instance.bindingRule(el, 'Decimal');
+        break;
+      // 其他 case 类似
+    }
+  }
+}
+
+// 定义自定义指令，模拟附加属性
+export const vTextBoxHelper = {
+  mounted(el: HTMLInputElement, binding: DirectiveBinding) {
+    const { value } = binding;
+
+    if (value.placeholder) {
+      TextBoxHelper.placeholder.value = value.placeholder;
+      TextBoxHelper.onPlaceholderChanged(el);
+    }
+
+    if (value.isMultiLine !== undefined) {
+      TextBoxHelper.isMultiLine.value = value.isMultiLine;
+      TextBoxHelper.onIsMultiLineChanged(el);
+    }
+
+    if (value.inputType !== undefined) {
+      TextBoxHelper.inputType.value = value.inputType;
+      TextBoxHelper.onInputTypeChanged(el);
+    }
+  },
+};

ant-design-pro-vue3/src/views/front/platfrom/controls/ControlsHelper/ToggleSwitchHelper.ts

@@ -0,0 +1,33 @@
+// 假设 FocusHandledResult 枚举的定义
+export enum FocusHandledResult {
+    System = 'System',
+    Self = 'Self'
+}
+
+// 假设 KeyEventArgs 接口的定义
+export interface KeyEventArgs {
+    key: string;
+}
+
+// 假设 ToggleSwitch 类的定义
+export class ToggleSwitch {}
+
+// 定义 ToggleSwitchHelper 命名空间
+export namespace ToggleSwitchHelper {
+    /**
+     * ToggleSwitch焦点处理方法
+     */
+    export const ToggleSwitchFocusHandled = (sender: any, e: KeyEventArgs): FocusHandledResult => {
+        const btn = sender as ToggleSwitch;
+
+        if (!btn) {
+            return FocusHandledResult.System;
+        }
+
+        if (e.key === 'Enter' || e.key === ' ') {
+            return FocusHandledResult.Self;
+        }
+
+        return FocusHandledResult.System;
+    };
+}

ant-design-pro-vue3/src/views/front/platfrom/controls/NumericContainer/CurrencyBase.ts

@@ -0,0 +1,269 @@
+// 定义货币符号类型枚举
+export enum CurrencySymbolType {
+  None,
+  AsSystem,
+  UserSetting
+}
+
+// 定义控制辅助类
+class ControlHelper {
+  static ShowTip(element: any, message: string) {
+    console.log(message);
+  }
+}
+
+export class CurrencyBase {
+  private _currentIndex: number = 0;
+  private _oldText: string = "";
+  private _firstInputZero: boolean = true;
+  private _isInputDot: boolean = false;
+  private _isDelete: boolean = false;
+  private _formatType: string = "";
+  private _txtValue: string = "";
+  private _initTxtLength: number = 0;
+
+  private _decimalAccuracy: number = 0;
+  private _minValue: number = 0;
+  private _maxValue: number = 9999999999999999.00000;
+  private _accuracy: number = 2;
+
+  private _text: string = "";
+  private _caretIndex: number = 0;
+
+  get Val() {
+    return this._text.replace(/,/g, "");
+  }
+
+  get Text() {
+    return this._text;
+  }
+
+  set Text(value: string) {
+    this._text = value;
+  }
+
+  get CaretIndex() {
+    return this._caretIndex;
+  }
+
+  set CaretIndex(value: number) {
+    this._caretIndex = value;
+  }
+
+  get MinValue() {
+    return this._minValue;
+  }
+
+  set MinValue(value: number) {
+    this._minValue = value;
+  }
+
+  get MaxValue() {
+    return this._maxValue;
+  }
+
+  set MaxValue(value: number) {
+    this._maxValue = value;
+  }
+
+  get Accuracy() {
+    return this._accuracy;
+  }
+
+  set Accuracy(value: number) {
+    this._accuracy = value;
+  }
+
+  // 模拟获取焦点事件
+  OnGotFocus() {
+    if (this._text.trim() !== "" && parseFloat(this._text.trim()) === 0) {
+      this._text = "";
+      this._oldText = this._txtValue;
+    }
+    // 模拟全选
+    this.CaretIndex = this._text.length;
+  }
+
+  // 模拟失去焦点事件
+  OnLostFocus() {
+    this._firstInputZero = true;
+    this._isInputDot = false;
+    if (this._text.trim() !== "") {
+      if (this._text[0] === "-") {
+        let value = parseFloat(this._text.substring(1));
+        this._text = "-" + this.FormatType(this._formatType, value);
+      } else {
+        let value = parseFloat(this._text);
+        this._text = this.FormatType(this._formatType, value);
+      }
+    }
+    if (this._text === "") {
+      this._text = this._txtValue;
+    }
+  }
+
+  // 模拟键盘按下事件
+  OnPreviewKeyDown(key: string) {
+    if (key.includes("Control") || key.includes("Shift") || key.includes("Alt")) {
+      return;
+    }
+    this._isInputDot = false;
+    this._isDelete = false;
+
+    if (key === ".") {
+      this._isInputDot = true;
+      this.CaretIndex = this._text.indexOf(".") + 1;
+      this._currentIndex = this.CaretIndex;
+      return;
+    } else if (key === "Backspace") {
+      this._isDelete = true;
+      if (this._text !== "" && this.CaretIndex !== 0) {
+        if (this._text[this.CaretIndex - 1] === "," || this._text[this.CaretIndex - 1] === ".") {
+          this.CaretIndex--;
+          this._currentIndex = this.CaretIndex - 1;
+        } else {
+          this._currentIndex = this.CaretIndex - 1;
+        }
+      }
+      this._firstInputZero = false;
+    } else if (key === "Delete") {
+      this._isDelete = true;
+      if (this._text !== "" && this.CaretIndex !== this._text.length) {
+        if (this._text[this.CaretIndex] === "," || this._text[this.CaretIndex] === ".") {
+          this.CaretIndex++;
+          this._currentIndex = this.CaretIndex;
+        } else {
+          this._currentIndex = this.CaretIndex;
+        }
+      }
+      this._firstInputZero = false;
+    } else if (key === "-") {
+      if (this._text.indexOf("-") >= 0 || this.CaretIndex !== 0) {
+        this._currentIndex = this.CaretIndex;
+        return;
+      } else {
+        this._currentIndex = this.CaretIndex + 1;
+      }
+    } else if (!this.IsDigitalKey(key)) {
+      this._currentIndex = this.CaretIndex;
+      return;
+    } else {
+      if (this._text.length === 0 || this._text === "-") {
+        this._firstInputZero = true;
+      } else {
+        this._firstInputZero = false;
+      }
+      this._currentIndex = this.CaretIndex + 1;
+    }
+
+    if (this._text.trim() !== "") {
+      let olddec = parseFloat(this._text);
+      this._oldText = this.FormatType(this._formatType, olddec);
+    }
+    let doubleText = parseFloat(this._oldText);
+    if (doubleText < this._minValue || doubleText > this._maxValue) {
+      return;
+    }
+  }
+
+  // 模拟文本更改事件
+  OnTextChanged() {
+    if (this._text.trim() !== "") {
+      let text = "0";
+      let value = 0;
+      if (this._minValue < 0 && this._text[0] === "-") {
+        if (this._text === "-") {
+          this.CaretIndex = this._currentIndex;
+          return;
+        }
+        value = parseFloat("0" + this._text.substring(1));
+        text = "-" + this.FormatType(this._formatType, value);
+      } else {
+        value = parseFloat(this._text);
+        text = this.FormatType(this._formatType, value);
+      }
+
+      if (parseFloat(text) < this._minValue) {
+        this._text = "0.00";
+        ControlHelper.ShowTip(this, "最小值为" + this._minValue);
+        return;
+      }
+      if (parseFloat(text) > this._maxValue) {
+        this._text = "0.00";
+        ControlHelper.ShowTip(this, "最大值为" + this._maxValue);
+        return;
+      }
+
+      this._text = text;
+
+      if (parseFloat(text) >= this._minValue && parseFloat(text) <= this._maxValue) {
+        if (value === 0) {
+          if (this._firstInputZero) {
+            if (this._text[0] === "-") {
+              this._text = "-" + this._txtValue;
+            } else {
+              this._text = this._txtValue;
+            }
+            let n = this._text.indexOf(".");
+            this.CaretIndex = n !== -1 ? n : this.CaretIndex;
+          } else if (this._isDelete) {
+            this.CaretIndex = 1;
+          } else {
+            if (!this._isInputDot && this._text.indexOf(".") >= 0 && this.CaretIndex > this._text.indexOf(".")) {
+              if (this.CaretIndex === this._text.indexOf(".") + 1) {
+                this.CaretIndex = this._text.indexOf(".");
+                return;
+              }
+            }
+            this.CaretIndex = this._currentIndex;
+          }
+          return;
+        }
+        if (this._oldText) {
+          if (this._oldText.length - this._text.length === 2 && value !== 0) {
+            if (this._currentIndex > 1) {
+              this.CaretIndex = this._currentIndex - 1;
+            } else if (this._currentIndex === 1) {
+              this.CaretIndex = 1;
+            } else if (this._currentIndex === 0) {
+              this.CaretIndex = 0;
+            }
+          } else if (this._text.length - this._oldText.length === 2 && !this._isDelete) {
+            this.CaretIndex = this._currentIndex + 1;
+          } else {
+            this.CaretIndex = this._currentIndex;
+            if (this._currentIndex < this._text.indexOf(".")) {
+              if (this._text[0] === "-" && !this._isDelete) {
+                this._currentIndex = this._text.indexOf(".") + 1;
+                this.CaretIndex = this._currentIndex;
+              }
+            }
+            if (this._text.indexOf(".") + 1 === this.CaretIndex && !this._isInputDot) {
+              let n = this._text.indexOf(".");
+              this.CaretIndex = n !== -1 ? n : this._currentIndex + 1;
+            }
+          }
+        } else {
+          this.CaretIndex = this._text.length;
+        }
+      }
+    } else {
+      this._text = "0.00";
+      this.CaretIndex = 1;
+    }
+  }
+
+  // 判断是否为数字键
+  private IsDigitalKey(key: string) {
+    return /^\d$/.test(key);
+  }
+
+  // 格式化数值
+  private FormatType(formatType: string, value: number) {
+    if (value.toString().indexOf(".") > -1) {
+      let s = value.toString().split(".");
+      value = parseFloat(s[0] + "." + s[1].substring(0, this._accuracy));
+    }
+    return value.toFixed(this._accuracy);
+  }
+}

ant-design-pro-vue3/src/views/front/platfrom/controls/NumericContainer/CurrencyEditor.ts

@@ -0,0 +1,93 @@
+import { defineComponent, ref, onMounted, watch } from 'vue';
+
+// 假设 CurrencyBase 的类型定义
+interface CurrencyBase {
+    _initTxtLength: number;
+    _formatType: string;
+    _txtValue: string;
+    onPreviewKeyDown?: (e: KeyboardEvent) => void;
+    onTextChanged?: (e: Event) => void;
+    onGotFocus?: (e: FocusEvent) => void;
+    onLostFocus?: (e: FocusEvent) => void;
+}
+//TODO这里方法重复了需要处理
+// 模拟 CurrencyBase 类
+class CurrencyBase {
+    _initTxtLength: number = 0;
+    _formatType: string = '';
+    _txtValue: string = '';
+
+    // onPreviewKeyDown(e: KeyboardEvent) {
+    //     // 基类默认处理逻辑
+    // }
+
+    // onTextChanged(e: Event) {
+    //     // 基类默认处理逻辑
+    // }
+
+    // onGotFocus(e: FocusEvent) {
+    //     // 基类默认处理逻辑
+    // }
+
+    // onLostFocus(e: FocusEvent) {
+    //     // 基类默认处理逻辑
+    // }
+}
+
+export default defineComponent({
+    name: 'CurrencyEditor',
+    setup() {
+        const text = ref('0.00');
+        const base = new CurrencyBase();
+
+        onMounted(() => {
+            // 模拟禁用输入法
+            // 在 Web 中没有直接禁用输入法的方法，可通过 inputmode 属性限制输入
+        });
+
+        const handleKeyDown = (e: KeyboardEvent) => {
+            base._initTxtLength = 4;
+            base._formatType = '{0:n}';
+            base.onPreviewKeyDown?.(e);
+        };
+
+        const handleTextChange = (e: Event) => {
+            base._txtValue = '0.00';
+            base._formatType = '{0:n}';
+            base.onTextChanged?.(e);
+        };
+
+        const handleGotFocus = (e: FocusEvent) => {
+            base._txtValue = '0.00';
+            base.onGotFocus?.(e);
+        };
+
+        const handleLostFocus = (e: FocusEvent) => {
+            base._txtValue = '0.00';
+            base._formatType = '{0:n}';
+            base.onLostFocus?.(e);
+        };
+
+        watch(text, (newValue) => {
+            // 模拟文本更改事件
+            const event = new Event('input');
+            handleTextChange(event);
+        });
+
+        return {
+            text,
+            handleKeyDown,
+            handleGotFocus,
+            handleLostFocus
+        };
+    },
+    template: `
+        <input
+            :value="text"
+            @keydown="handleKeyDown"
+            @focus="handleGotFocus"
+            @blur="handleLostFocus"
+            inputmode="numeric"
+        />
+    `
+});

ant-design-pro-vue3/src/views/front/platfrom/controls/NumericContainer/CurrencyRateEditor.ts

@@ -0,0 +1,70 @@
+// 假设 CurrencyBase 的类型定义
+class CurrencyBase {
+    public Accuracy: number = 0;
+    public CurrencySymbol: string = "";
+    public CurrencySymbolType: any;
+    public _initTxtLength: number = 0;
+    public _formatType: string = "";
+    public _txtValue: string = "";
+
+    public OnPreviewKeyDown(e: any) {}
+    public OnTextChanged(e: any) {}
+    public OnGotFocus(e: any) {}
+    public OnLostFocus(e: any) {}
+}
+
+// 假设 CurrencySymbolType 的枚举定义
+enum CurrencySymbolType {
+    UserSetting
+}
+
+export class CurrencyRateEditor extends CurrencyBase {
+    constructor() {
+        super();
+        // 禁用输入法，Vue 中没有直接对应方法，这里注释说明
+        // 可以在组件中通过 input 元素的相关属性实现
+        this.Accuracy = 6;
+        this.updateText();
+        this.CurrencySymbol = "%";
+        this.CurrencySymbolType = CurrencySymbolType.UserSetting;
+    }
+
+    private updateText() {
+        this._txtValue = this.GetTxtValue();
+    }
+
+    public OnPreviewKeyDown(e: any) {
+        this._initTxtLength = this.GetInitTxtLength();
+        this._formatType = this.GetFormatType();
+        super.OnPreviewKeyDown(e);
+    }
+
+    public OnTextChanged(e: any) {
+        this.updateText();
+        this._formatType = this.GetFormatType();
+        super.OnTextChanged(e);
+    }
+
+    public OnGotFocus(e: any) {
+        this.updateText();
+        super.OnGotFocus(e);
+    }
+
+    public OnLostFocus(e: any) {
+        this.updateText();
+        this._formatType = this.GetFormatType();
+        super.OnLostFocus(e);
+    }
+
+    private GetTxtValue(): string {
+        return "0.".padEnd(this.Accuracy + 2, '0');
+    }
+
+    private GetFormatType(): string {
+        return `{0:F${this.Accuracy}}`;
+    }
+
+    private GetInitTxtLength(): number {
+        return this.Accuracy + 2;
+    }
+}

ant-design-pro-vue3/src/views/front/platfrom/controls/NumericContainer/ProportionalEditor.ts

@@ -0,0 +1,75 @@
+import { defineComponent, ref, onMounted, watch } from 'vue';
+
+// 模拟 CurrencyBase 类
+class CurrencyBase {
+    _initTxtLength: number = 0;
+    _formatType: string = '';
+    _txtValue: string = '';
+    CurrencySymbol: string = '';
+    CurrencySymbolType: string = '';
+    Accuracy: number = 2; // 默认精度为 2
+}
+
+export default defineComponent({
+    name: 'ProportionalEditor',
+    setup() {
+        const currencyBase = new CurrencyBase();
+        const text = ref('');
+
+        // 禁用输入法
+        const disableInputMethod = () => {
+            // 在 Vue 中无法直接禁用输入法，此为模拟
+        };
+
+        const getTxtValue = () => {
+            return '0.'.padEnd(currencyBase.Accuracy + 2, '0');
+        };
+
+        const getFormatType = () => {
+            return `{0:F${currencyBase.Accuracy}}`;
+        };
+
+        const getInitTxtLength = () => {
+            return currencyBase.Accuracy + 2;
+        };
+
+        const onPreviewKeyDown = (e: KeyboardEvent) => {
+            currencyBase._initTxtLength = getInitTxtLength();
+            currencyBase._formatType = getFormatType();
+            // 模拟父类处理
+        };
+
+        const onTextChanged = () => {
+            currencyBase._txtValue = getTxtValue();
+            currencyBase._formatType = getFormatType();
+            // 模拟父类处理
+        };
+
+        const onGotFocus = () => {
+            currencyBase._txtValue = getTxtValue();
+            // 模拟父类处理
+        };
+
+        const onLostFocus = () => {
+            currencyBase._txtValue = getTxtValue();
+            currencyBase._formatType = getFormatType();
+            // 模拟父类处理
+        };
+
+        onMounted(() => {
+            disableInputMethod();
+            text.value = getTxtValue();
+            currencyBase.CurrencySymbol = '%';
+            currencyBase.CurrencySymbolType = 'UserSetting';
+        });
+
+        watch(text, onTextChanged);
+
+        return {
+            text,
+            onPreviewKeyDown,
+            onGotFocus,
+            onLostFocus
+        };
+    }
+});