@wfrog/vc-ui 1.14.0 → 1.14.2

package/dist/es/components/explorer-column-table/explorer-column-table.d.ts

@@ -7,7 +7,7 @@ export interface IColumnConfig {
     visible?: boolean;
     fixed?: 'left' | 'right';
     align?: 'left' | 'center' | 'right';
-    showOverflowTooltip?: boolean;
+    formatterName?: string;
     disabled?: boolean;
     widthType?: 'width' | 'minWidth';
     formFixed?: ('left' | 'right')[];
@@ -20,6 +20,10 @@ export interface IExplorerColumnTableProps {
     height?: number | string;
     emptyColumn?: boolean;
     editable?: boolean;
+    formatterNameOptions?: {
+        label: string;
+        value: string;
+    }[];
 }
 export interface IExplorerColumnTableEmits {
     (e: 'update:data', data: IColumnConfig[]): void;

package/dist/es/components/explorer-column-table/explorer-column-table.mjs

@@ -2,14 +2,15 @@ import './index.css'
 import { ElTable, ElTableColumn, ElCheckbox } from 'element-plus/es';
 import 'element-plus/es/components/base/style/css';
 import 'element-plus/es/components/table/style/css';
-import 'element-plus/es/components/checkbox/style/css';
 import 'element-plus/es/components/table-column/style/css';
+import 'element-plus/es/components/checkbox/style/css';
 import { defineComponent, useTemplateRef, useCssModule, shallowRef, computed, ref, watch, onBeforeUnmount, createBlock, createCommentVNode, unref, openBlock, normalizeClass, createSlots, withCtx, renderSlot, createElementVNode, createVNode, nextTick } from 'vue';
 import { useDraggable } from 'vue-draggable-plus';
 import { C as Component$3 } from '../choice/choice.mjs';
 import { C as Component$2 } from '../iconify-icon/iconify-icon.mjs';
 import { C as Component$4 } from '../input-number/input-number.mjs';
 import { C as Component$1 } from '../input/input.mjs';
+import { C as Component$5 } from '../select/select.mjs';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -21,7 +22,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     highlightCurrent: { type: Boolean, default: false },
     height: { default: 320 },
     emptyColumn: { type: Boolean, default: false },
-    editable: { type: Boolean, default: false }
+    editable: { type: Boolean, default: false },
+    formatterNameOptions: {}
   },
   emits: ["update:data"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -39,6 +41,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           if (item.fixed) {
             item.formFixed = [item.fixed];
           }
+          item.formatterName ??= "text";
           return item;
         });
       },
@@ -59,17 +62,24 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       { label: "左", value: "left" },
       { label: "右", value: "right" }
     ];
-    const widthConfig = ref({ width: 240, data: 160, fixed: 120, truncate: 60 });
+    const formatterNameOptions = computed(() => {
+      return [
+        { label: "文本", value: "text" },
+        { label: "文本截断", value: "truncate" },
+        ...props.formatterNameOptions || []
+      ];
+    });
+    const widthConfig = ref({ width: 240, data: 160, fixed: 120, formatter: 120 });
     const widthConfigWatch = watch(() => props.size, () => {
       if (props.size === "small") {
-        widthConfig.value = { width: 210, data: 140, fixed: 100, truncate: 50 };
+        widthConfig.value = { width: 210, data: 140, fixed: 100, formatter: 110 };
         return;
       }
       if (props.size === "default") {
-        widthConfig.value = { width: 240, data: 160, fixed: 120, truncate: 60 };
+        widthConfig.value = { width: 240, data: 160, fixed: 120, formatter: 120 };
         return;
       }
-      widthConfig.value = { width: 260, data: 200, fixed: 140, truncate: 76 };
+      widthConfig.value = { width: 260, data: 200, fixed: 140, formatter: 140 };
     }, { immediate: true });
     const isFullMode = computed(() => props.mode === "full");
     function getLabel(row) {
@@ -143,7 +153,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     return (_ctx, _cache) => {
       const _component_ElCheckbox = ElCheckbox;
       const _component_ElTableColumn = ElTableColumn;
-      const _component_el_checkbox = ElCheckbox;
       const _component_ElTable = ElTable;
       return unref(tableVisible) ? (openBlock(), createBlock(_component_ElTable, {
         key: 0,
@@ -318,22 +327,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 8, ["width"])) : createCommentVNode("", true),
           unref(isFullMode) ? (openBlock(), createBlock(_component_ElTableColumn, {
             key: 6,
-            label: "截断",
-            width: unref(widthConfig).truncate,
+            label: "处理方式",
+            width: unref(widthConfig).formatter,
             align: "center"
           }, {
             default: withCtx(({ row }) => [
               createElementVNode("div", {
                 class: normalizeClass(unref($style)["item-container"])
               }, [
-                createVNode(_component_el_checkbox, {
-                  modelValue: row.showOverflowTooltip,
-                  "onUpdate:modelValue": ($event) => row.showOverflowTooltip = $event,
+                createVNode(Component$5, {
+                  modelValue: row.formatterName,
+                  "onUpdate:modelValue": ($event) => row.formatterName = $event,
+                  "append-to": unref(tableRef)?.$el,
+                  options: unref(formatterNameOptions),
                   size: __props.size,
-                  border: "",
-                  class: normalizeClass(unref($style).truncate),
-                  disabled: row.disabled
-                }, null, 8, ["modelValue", "onUpdate:modelValue", "size", "class", "disabled"])
+                  disabled: row.disabled,
+                  width: "84px"
+                }, null, 8, ["modelValue", "onUpdate:modelValue", "append-to", "options", "size", "disabled"])
               ], 2)
             ]),
             _: 1
@@ -358,16 +368,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const table = "_table_1vtct_1";
-const label = "_label_1vtct_8";
-const handle = "_handle_1vtct_29";
-const truncate = "_truncate_1vtct_45";
+/* unplugin-vue-components disabled */const table = "_table_basev_1";
+const label = "_label_basev_8";
+const handle = "_handle_basev_29";
 const style0 = {
 	table: table,
 	label: label,
 	handle: handle,
-	"item-container": "_item-container_1vtct_33",
-	truncate: truncate
+	"item-container": "_item-container_basev_33"
 };
 
 const cssModules = {

package/dist/es/components/explorer-column-table/explorer-column-table.vue.d.ts

@@ -3,17 +3,17 @@ declare const widthConfig: globalThis.Ref<{
     width: number;
     data: number;
     fixed: number;
-    truncate: number;
+    formatter: number;
 }, {
     width: number;
     data: number;
     fixed: number;
-    truncate: number;
+    formatter: number;
 } | {
     width: number;
     data: number;
     fixed: number;
-    truncate: number;
+    formatter: number;
 }>;
 declare function init(): void;
 declare function rerender(): Promise<void>;
@@ -2976,7 +2976,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerColumnTabl
         width: number;
         data: number;
         fixed: number;
-        truncate: number;
+        formatter: number;
     };
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
     "update:data": (data: IColumnConfig[]) => any;

package/dist/es/components/explorer-column-table/index.css

@@ -1,50 +1,41 @@
 /* source: src/components/explorer-column-table/explorer-column-table.vue */
-div._table_1vtct_1 {
+div._table_basev_1 {
   flex-grow: 1;
   height: 100px;
   --el-table-header-bg-color: var(--el-color-info-light-9);
   --el-table-row-hover-bg-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
 }
-._label_1vtct_8 {
+._label_basev_8 {
   display: inline-flex;
-  width: 100%;
   align-items: center;
-}
-._label_1vtct_8 .el-checkbox {
   width: 100%;
+}
+._label_basev_8 .el-checkbox {
   display: flex;
   align-items: center;
+  width: 100%;
 }
-._label_1vtct_8 .el-checkbox__label {
+._label_basev_8 .el-checkbox__label {
+  flex-grow: 1;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  flex-grow: 1;
 }
-._label_1vtct_8 .iconify {
+._label_basev_8 .iconify {
   margin-left: 4px;
 }
-._handle_1vtct_29 {
+._handle_basev_29 {
   cursor: move;
 }
-._item-container_1vtct_33 {
+._item-container_basev_33 {
   display: inline-flex;
-  align-items: center;
   column-gap: 4px;
+  align-items: center;
+  vertical-align: middle;
   padding: 1px 0;
   line-height: 0;
-  vertical-align: middle;
 }
-._item-container_1vtct_33 > div {
+._item-container_basev_33 > div {
   vertical-align: middle;
-}
-._truncate_1vtct_45 {
-  padding: 0 9px !important;
-}
-._truncate_1vtct_45.el-checkbox--small {
-  padding: 0 7px !important;
-}
-._truncate_1vtct_45.el-checkbox--large {
-  padding: 0 11px !important;
 }

package/dist/es/components/explorer-footer/explorer-footer.mjs

@@ -3,9 +3,43 @@ import { ElPagination } from 'element-plus/es';
 import 'element-plus/es/components/base/style/css';
 import 'element-plus/es/components/pagination/style/css';
 import { defineComponent, useCssVars, unref, computed, createElementBlock, openBlock, normalizeClass, createCommentVNode, createBlock, renderSlot, mergeProps } from 'vue';
-import { i as isNumber } from '../../chunk/nq3VKXVp.mjs';
+import { i as isObjectLike, b as baseGetTag } from '../../chunk/Fo0dZYnz.mjs';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
 
+/** `Object#toString` result references. */
+var numberTag = '[object Number]';
+
+/**
+ * Checks if `value` is classified as a `Number` primitive or object.
+ *
+ * **Note:** To exclude `Infinity`, `-Infinity`, and `NaN`, which are
+ * classified as numbers, use the `_.isFinite` method.
+ *
+ * @static
+ * @memberOf _
+ * @since 0.1.0
+ * @category Lang
+ * @param {*} value The value to check.
+ * @returns {boolean} Returns `true` if `value` is a number, else `false`.
+ * @example
+ *
+ * _.isNumber(3);
+ * // => true
+ *
+ * _.isNumber(Number.MIN_VALUE);
+ * // => true
+ *
+ * _.isNumber(Infinity);
+ * // => true
+ *
+ * _.isNumber('3');
+ * // => false
+ */
+function isNumber(value) {
+  return typeof value == 'number' ||
+    (isObjectLike(value) && baseGetTag(value) == numberTag);
+}
+
 const _hoisted_1 = { key: 0 };
 const _hoisted_2 = { key: 2 };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/es/components/explorer-table/explorer-table.mjs

@@ -42,7 +42,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   emits: ["columnEvent", "singleSelectionChange", "multipleSelectionChange", "selectionChange", "selectAll", "loadMore"],
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v34b07a80": `${_ctx.empty ? "flex" : "none"}`
+      "v490937e0": `${_ctx.empty ? "flex" : "none"}`
     }));
     const props = __props;
     const emits = __emit;
@@ -50,7 +50,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const $style = useCssModule();
     const tableRef = useTemplateRef("tableRef");
     const sentinelRef = useTemplateRef("sentinelRef");
-    const columns = computed(() => state.columnConfig.value.filter(props.columnFilter));
+    const columns = computed(() => state.columnConfig.value.filter(props.columnFilter).map((item) => item.formatterName === "truncate" ? { ...item, showOverflowTooltip: true } : item));
     const scrollLoadEnabled = computed(() => props.scrollLoad && !props.loading && !props.scrollLoadDisabled);
     const scrollRoot = computed(() => tableRef.value?.scrollBarRef?.wrapRef ?? null);
     useIntersectionObserver(

package/dist/es/components/explorer-table/index.css

@@ -21,7 +21,7 @@ div._table_o4h9r_7 .el-table__column-resize-proxy {
   border-color: var(--el-color-primary);
 }
 div._table_o4h9r_7 .el-table__empty-block {
-  display: var(--v34b07a80);
+  display: var(--v490937e0);
 }
 ._selection_o4h9r_27 .cell {
   display: flex;

package/dist/es/components/explorer-tools/components/column-setter.vue.d.ts

@@ -16,6 +16,10 @@ declare function __VLS_template(): {
                 readonly height?: number | string | undefined;
                 readonly emptyColumn?: boolean | undefined;
                 readonly editable?: boolean | undefined;
+                readonly formatterNameOptions?: {
+                    label: string;
+                    value: string;
+                }[] | undefined;
                 readonly "onUpdate:data"?: ((data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any) | undefined;
             } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
             $attrs: {
@@ -2982,13 +2986,13 @@ declare function __VLS_template(): {
                     width: number;
                     data: number;
                     fixed: number;
-                    truncate: number;
+                    formatter: number;
                 }) => void;
                 getWidthConfig: () => {
                     width: number;
                     data: number;
                     fixed: number;
-                    truncate: number;
+                    formatter: number;
                 };
             }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
                 "update:data": (data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any;
@@ -4505,13 +4509,13 @@ declare function __VLS_template(): {
                 width: number;
                 data: number;
                 fixed: number;
-                truncate: number;
+                formatter: number;
             }) => void;
             getWidthConfig: () => {
                 width: number;
                 data: number;
                 fixed: number;
-                truncate: number;
+                formatter: number;
             };
         }> & {} & import('vue').ComponentCustomProperties & {} & {
             $slots: {
@@ -4533,6 +4537,10 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
     onConfigConfirm?: ((data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any) | undefined;
 }>, {
     data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[];
+    formatterNameOptions: {
+        label: string;
+        value: string;
+    }[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     columnTableRef: ({
         $: import('vue').ComponentInternalInstance;
@@ -4545,6 +4553,10 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
             readonly height?: number | string | undefined;
             readonly emptyColumn?: boolean | undefined;
             readonly editable?: boolean | undefined;
+            readonly formatterNameOptions?: {
+                label: string;
+                value: string;
+            }[] | undefined;
             readonly "onUpdate:data"?: ((data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any) | undefined;
         } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
         $attrs: {
@@ -7511,13 +7523,13 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
                 width: number;
                 data: number;
                 fixed: number;
-                truncate: number;
+                formatter: number;
             }) => void;
             getWidthConfig: () => {
                 width: number;
                 data: number;
                 fixed: number;
-                truncate: number;
+                formatter: number;
             };
         }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
             "update:data": (data: import('../../explorer-column-table/explorer-column-table').IColumnConfig[]) => any;
@@ -9034,13 +9046,13 @@ declare const __VLS_component: import('vue').DefineComponent<IColumnSetterProps,
             width: number;
             data: number;
             fixed: number;
-            truncate: number;
+            formatter: number;
         }) => void;
         getWidthConfig: () => {
             width: number;
             data: number;
             fixed: number;
-            truncate: number;
+            formatter: number;
         };
     }> & {} & import('vue').ComponentCustomProperties & {} & {
         $slots: {

package/dist/es/components/explorer-tools/explorer-tools.d.ts

@@ -11,6 +11,10 @@ export interface IExplorerToolsProps {
     columnSetterSize?: 'small' | 'default' | 'large';
     columnToStorage?: boolean;
     columnResetVisible?: boolean;
+    columnFormatterNameOptions?: {
+        label: string;
+        value: string;
+    }[];
     bottomBorder?: boolean;
 }
 export interface IExplorerToolsEmits {
@@ -28,6 +32,10 @@ export interface IColumnSetterProps {
     columnToStorage?: boolean;
     toolsKey?: string;
     resetVisible?: boolean;
+    formatterNameOptions?: {
+        label: string;
+        value: string;
+    }[];
 }
 export interface IColumnSetterEmits {
     (e: 'update:data', data: IColumnConfig[]): void;

package/dist/es/components/explorer-tools/explorer-tools.mjs

@@ -28,7 +28,8 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     size: {},
     columnToStorage: { type: Boolean },
     toolsKey: {},
-    resetVisible: { type: Boolean }
+    resetVisible: { type: Boolean },
+    formatterNameOptions: { default: () => [] }
   },
   emits: ["update:data", "configConfirm", "reset"],
   setup(__props, { emit: __emit }) {
@@ -136,10 +137,11 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
               ref: columnTableRef,
               data: unref(myData),
               "onUpdate:data": _cache[2] || (_cache[2] = ($event) => isRef(myData) ? myData.value = $event : null),
+              "formatter-name-options": __props.formatterNameOptions,
               size: __props.size,
               mode: unref(mode),
               height: 320
-            }, null, 8, ["data", "size", "mode"])
+            }, null, 8, ["data", "formatter-name-options", "size", "mode"])
           ]),
           key: "0"
         } : void 0
@@ -148,13 +150,13 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const header = "_header_8k9xf_1";
-const segmented = "_segmented_8k9xf_13";
-const reset = "_reset_8k9xf_17";
-const divider = "_divider_8k9xf_21";
+/* unplugin-vue-components disabled */const header = "_header_7xy5t_1";
+const segmented = "_segmented_7xy5t_13";
+const reset = "_reset_7xy5t_17";
+const divider = "_divider_7xy5t_21";
 const style0$1 = {
 	header: header,
-	"mode-wrapper": "_mode-wrapper_8k9xf_7",
+	"mode-wrapper": "_mode-wrapper_7xy5t_7",
 	segmented: segmented,
 	reset: reset,
 	divider: divider
@@ -179,6 +181,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     columnSetterSize: { default: "small" },
     columnToStorage: { type: Boolean },
     columnResetVisible: { type: Boolean, default: true },
+    columnFormatterNameOptions: { default: () => [] },
     bottomBorder: { type: Boolean }
   },
   emits: ["refresh", "fullscreen", "search", "layout", "create", "configConfirm", "columnReset"],
@@ -304,6 +307,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 size: __props.columnSetterSize,
                 "column-to-storage": __props.columnToStorage,
                 "reset-visible": __props.columnResetVisible,
+                "formatter-name-options": __props.columnFormatterNameOptions,
                 onConfigConfirm: _cache[6] || (_cache[6] = (val) => emits("configConfirm", val)),
                 onReset: _cache[7] || (_cache[7] = ($event) => emits("columnReset"))
               }, {
@@ -317,7 +321,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   }, null, 8, ["class", "throttle"])
                 ]),
                 _: 1
-              }, 8, ["data", "tools-key", "size", "column-to-storage", "reset-visible"])) : createCommentVNode("", true)
+              }, 8, ["data", "tools-key", "size", "column-to-storage", "reset-visible", "formatter-name-options"])) : createCommentVNode("", true)
             ], 64);
           }), 128))
         ], 2)) : createCommentVNode("", true)
@@ -326,13 +330,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const buttons = "_buttons_1m5u8_15";
-const tools = "_tools_1m5u8_24";
-const layout = "_layout_1m5u8_35";
-const fullscreen = "_fullscreen_1m5u8_40";
+/* unplugin-vue-components disabled */const buttons = "_buttons_tlzkv_15";
+const tools = "_tools_tlzkv_24";
+const layout = "_layout_tlzkv_35";
+const fullscreen = "_fullscreen_tlzkv_40";
 const style0 = {
-	"explorer-tools": "_explorer-tools_1m5u8_1",
-	"bottom-border": "_bottom-border_1m5u8_10",
+	"explorer-tools": "_explorer-tools_tlzkv_1",
+	"bottom-border": "_bottom-border_tlzkv_10",
 	buttons: buttons,
 	tools: tools,
 	layout: layout,

package/dist/es/components/explorer-tools/explorer-tools.vue.d.ts

@@ -34,6 +34,10 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerToolsProps
     createText: string;
     columnSetterSize: "small" | "default" | "large";
     columnResetVisible: boolean;
+    columnFormatterNameOptions: {
+        label: string;
+        value: string;
+    }[];
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/es/components/explorer-tools/index.css

@@ -1,64 +1,64 @@
 /* source: src/components/explorer-tools/components/column-setter.vue,src/components/explorer-tools/explorer-tools.vue */
-._header_8k9xf_1 {
+._header_7xy5t_1 {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-._mode-wrapper_8k9xf_7 {
+._mode-wrapper_7xy5t_7 {
   display: flex;
-  align-items: center;
   column-gap: 8px;
+  align-items: center;
 }
-._segmented_8k9xf_13 .el-segmented__item-label {
+._segmented_7xy5t_13 .el-segmented__item-label {
   line-height: 1;
 }
-._reset_8k9xf_17 {
+._reset_7xy5t_17 {
   height: 28px;
 }
-div._divider_8k9xf_21 {
+div._divider_7xy5t_21 {
   margin: 8px 0;
-}._explorer-tools_1m5u8_1 {
+}._explorer-tools_tlzkv_1 {
   display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 0 8px 0;
-  flex-wrap: wrap;
   row-gap: 8px;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: center;
   box-sizing: border-box;
+  padding: 0 0 8px 0;
 }
-._explorer-tools_1m5u8_1._bottom-border_1m5u8_10 {
-  border-bottom: 1px solid var(--el-border-color-lighter);
+._explorer-tools_tlzkv_1._bottom-border_tlzkv_10 {
   margin-bottom: 8px;
+  border-bottom: 1px solid var(--el-border-color-lighter);
 }
-._buttons_1m5u8_15 {
+._buttons_tlzkv_15 {
   display: flex;
-  align-items: center;
   column-gap: 8px;
+  align-items: center;
 }
-._buttons_1m5u8_15 button {
+._buttons_tlzkv_15 button {
   margin-left: 0 !important;
 }
-._tools_1m5u8_24 {
+._tools_tlzkv_24 {
   display: flex;
-  align-items: center;
   column-gap: 8px;
+  align-items: center;
 }
-._tools_1m5u8_24 button.vc-icon-button {
+._tools_tlzkv_24 button.vc-icon-button {
+  margin-left: 0 !important;
   padding: 4px;
   font-size: 18px;
-  margin-left: 0 !important;
 }
-._layout_1m5u8_35 .el-radio-button__inner {
+._layout_tlzkv_35 .el-radio-button__inner {
   padding: 6px 8px;
   font-size: 18px;
 }
-._fullscreen_1m5u8_40 {
+._fullscreen_tlzkv_40 {
   position: fixed !important;
-  background-color: var(--el-bg-color) !important;
   top: 0 !important;
-  left: 0 !important;
   right: 0 !important;
   bottom: 0 !important;
+  left: 0 !important;
+  background-color: var(--el-bg-color) !important;
   width: 100% !important;
   height: 100% !important;
 }

package/dist/es/components/thousand-separator/index.mjs

@@ -1,6 +1,6 @@
 import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
-import { C as Component } from './thousand-separator.mjs';
+import { _ as _sfc_main } from './thousand-separator.mjs';
 
-const VcThousandSeparator = withInstall(Component);
+const VcThousandSeparator = withInstall(_sfc_main);
 
 export { VcThousandSeparator, VcThousandSeparator as default };

package/dist/es/components/thousand-separator/thousand-separator.mjs

@@ -1,75 +1,73 @@
-import './index.css'
-import { defineComponent, computed, createElementBlock, openBlock, normalizeClass, toDisplayString, unref } from 'vue';
-import { i as isNumber } from '../../chunk/nq3VKXVp.mjs';
-import { r as root } from '../../chunk/Fo0dZYnz.mjs';
-import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
+import { defineComponent, computed, createElementBlock, openBlock, toDisplayString, unref } from 'vue';
+import '../../chunk/D9iEroQw.mjs';
 
-/* Built-in method references for those with the same name as other `lodash` methods. */
-var nativeIsFinite = root.isFinite;
-
-/**
- * Checks if `value` is a finite primitive number.
- *
- * **Note:** This method is based on
- * [`Number.isFinite`](https://mdn.io/Number/isFinite).
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a finite number, else `false`.
- * @example
- *
- * _.isFinite(3);
- * // => true
- *
- * _.isFinite(Number.MIN_VALUE);
- * // => true
- *
- * _.isFinite(Infinity);
- * // => false
- *
- * _.isFinite('3');
- * // => false
- */
-function isFinite(value) {
-  return typeof value == 'number' && nativeIsFinite(value);
+function thousandSeparator(value, options = {}) {
+  if (value === null || value === void 0 || value === "") {
+    return "";
+  }
+  const separator = options.separator ?? ",";
+  const decimalPlaces = options.decimalPlaces ?? 0;
+  if (typeof value === "string") {
+    const cleanStr = value.split(separator).join("").trim();
+    if (/^[+-]?(?:\d+(?:\.\d*)?|\.\d+)$/.test(cleanStr)) {
+      return formatNumericString(cleanStr, separator, decimalPlaces);
+    }
+    const num = Number.parseFloat(cleanStr);
+    if (Number.isNaN(num)) {
+      return value;
+    }
+    return formatNumber(num, separator, decimalPlaces);
+  }
+  return formatNumber(value, separator, decimalPlaces);
 }
-
-/**
- * Checks if `value` is `NaN`.
- *
- * **Note:** This method is based on
- * [`Number.isNaN`](https://mdn.io/Number/isNaN) and is not the same as
- * global [`isNaN`](https://mdn.io/isNaN) which returns `true` for
- * `undefined` and other non-number values.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is `NaN`, else `false`.
- * @example
- *
- * _.isNaN(NaN);
- * // => true
- *
- * _.isNaN(new Number(NaN));
- * // => true
- *
- * isNaN(undefined);
- * // => true
- *
- * _.isNaN(undefined);
- * // => false
- */
-function isNaN(value) {
-  // An `NaN` primitive is the only value that is not equal to itself.
-  // Perform the `toStringTag` check first to avoid errors with some
-  // ActiveX objects in IE.
-  return isNumber(value) && value != +value;
+function formatNumber(num, separator, decimalPlaces) {
+  if (!Number.isFinite(num))
+    return String(num);
+  const safeNum = Object.is(num, -0) ? 0 : num;
+  const formatter = new Intl.NumberFormat("en-US", buildOptions(safeNum, decimalPlaces));
+  return formatter.formatToParts(safeNum).map((part) => part.type === "group" ? separator : part.value).join("");
+}
+function buildOptions(num, decimalPlaces) {
+  if (decimalPlaces < 0) {
+    const decimalLength = (String(Math.abs(num)).split(".")[1] ?? "").length;
+    return {
+      useGrouping: true,
+      minimumFractionDigits: 0,
+      maximumFractionDigits: decimalLength
+    };
+  }
+  return {
+    useGrouping: true,
+    minimumFractionDigits: decimalPlaces,
+    maximumFractionDigits: decimalPlaces
+  };
+}
+function formatNumericString(cleanStr, separator, decimalPlaces) {
+  const negative = cleanStr.startsWith("-");
+  const s = negative || cleanStr.startsWith("+") ? cleanStr.slice(1) : cleanStr;
+  let [intPart = "0", decPart = ""] = s.split(".");
+  intPart = intPart.replace(/^0+(?=\d)/, "") || "0";
+  if (decimalPlaces >= 0) {
+    const keep = decimalPlaces;
+    const nextDigit = decPart[keep];
+    let kept = decPart.slice(0, keep);
+    if (nextDigit && nextDigit >= "5") {
+      const combined = BigInt(intPart + kept.padEnd(keep, "0")) + BigInt(1);
+      const str = combined.toString().padStart(intPart.length + keep, "0");
+      if (keep === 0) {
+        intPart = str;
+        kept = "";
+      } else {
+        intPart = str.slice(0, -keep);
+        kept = str.slice(-keep);
+      }
+    }
+    decPart = kept.padEnd(keep, "0");
+  }
+  const groupedInt = intPart.replace(/\B(?=(\d{3})+(?!\d))/g, separator);
+  const dec = decPart ? `.${decPart}` : "";
+  const isZero = intPart === "0" && !/[1-9]/.test(decPart);
+  return (negative && !isZero ? "-" : "") + groupedInt + dec;
 }
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -82,61 +80,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     const props = __props;
-    function formatNumber(num) {
-      if (!isFinite(num))
-        return String(num);
-      const parts = num.toString().split(".");
-      let integerPart = parts[0];
-      const decimalPart = parts.length > 1 ? `.${parts[1]}` : "";
-      const isNegative = integerPart.startsWith("-");
-      if (isNegative) {
-        integerPart = integerPart.slice(1);
-      }
-      const formattedInteger = integerPart.replace(/\B(?=(\d{3})+(?!\d))/g, props.separator);
-      let finalDecimal = decimalPart;
-      if (props.decimalPlaces === 0) {
-        finalDecimal = "";
-      } else if (props.decimalPlaces > 0) {
-        finalDecimal = `.${num.toFixed(props.decimalPlaces).split(".")[1]}`;
-      }
-      return (isNegative ? "-" : "") + formattedInteger + finalDecimal;
-    }
     const formattedValue = computed(() => {
       if (props.value === null || props.value === void 0 || props.value === "") {
         return props.placeholder;
       }
-      let num;
-      if (typeof props.value === "string") {
-        const cleanStr = props.value.replace(new RegExp(`\\${props.separator}`, "g"), "");
-        num = Number.parseFloat(cleanStr);
-      } else {
-        num = props.value;
-      }
-      if (isNaN(num)) {
-        return String(props.value);
-      }
-      return formatNumber(num);
+      return thousandSeparator(props.value, {
+        separator: props.separator,
+        decimalPlaces: props.decimalPlaces
+      });
     });
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", {
-        class: normalizeClass(_ctx.$style["thousand-separator"])
-      }, toDisplayString(unref(formattedValue)), 3);
+      return openBlock(), createElementBlock("span", null, toDisplayString(unref(formattedValue)), 1);
     };
   }
 });
 
-/* unplugin-vue-components disabled */const style0 = {
-	"thousand-separator": "_thousand-separator_1s3bf_2"
-};
-
-const cssModules = {
-  "$style": style0
-};
-const Component = /* @__PURE__ */ _export_sfc(_sfc_main, [["__cssModules", cssModules]]);
-
-const __vite_glob_0_57 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
-  __proto__: null,
-  default: Component
-}, Symbol.toStringTag, { value: 'Module' }));
-
-export { Component as C, __vite_glob_0_57 as _ };
+export { _sfc_main as _ };

package/dist/es/index.mjs

@@ -103,8 +103,7 @@ import { _ as __vite_glob_0_55 } from './components/text-ellipsis/text-ellipsis.
 export { C as VcTextEllipsis } from './components/text-ellipsis/text-ellipsis.mjs';
 import { _ as __vite_glob_0_56 } from './components/thousand-input/thousand-input.mjs';
 export { C as VcThousandInput } from './components/thousand-input/thousand-input.mjs';
-import { _ as __vite_glob_0_57 } from './components/thousand-separator/thousand-separator.mjs';
-export { C as VcThousandSeparator } from './components/thousand-separator/thousand-separator.mjs';
+import { _ as _sfc_main$9 } from './components/thousand-separator/thousand-separator.mjs';
 import { _ as __vite_glob_0_58 } from './components/tinymce/tinymce.mjs';
 export { C as VcTinymce } from './components/tinymce/tinymce.mjs';
 import { _ as __vite_glob_0_59 } from './components/transfer-panel/transfer-panel.mjs';
@@ -166,7 +165,12 @@ const __vite_glob_0_50 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.definePr
     default: _sfc_main$8
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const version = "1.14.0";
+const __vite_glob_0_57 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.defineProperty({
+    __proto__: null,
+    default: _sfc_main$9
+}, Symbol.toStringTag, { value: 'Module' }));
+
+const version = "1.14.2";
 
 const modules = /* #__PURE__ */ Object.assign({"./components/awesome-icon/awesome-icon.vue": __vite_glob_0_0,"./components/backbottom/backbottom.vue": __vite_glob_0_1,"./components/button/button.vue": __vite_glob_0_2,"./components/chat-container/chat-container.vue": __vite_glob_0_3,"./components/choice-boolean/choice-boolean.vue": __vite_glob_0_4,"./components/choice/choice.vue": __vite_glob_0_5,"./components/color-switch/color-switch.vue": __vite_glob_0_6,"./components/config-provider/config-provider.vue": __vite_glob_0_7,"./components/cropper/cropper.vue": __vite_glob_0_8,"./components/currency/currency.vue": __vite_glob_0_9,"./components/dark-switch/dark-switch.vue": __vite_glob_0_10,"./components/daterange-picker/daterange-picker.vue": __vite_glob_0_11,"./components/dialog-camera-upload/dialog-camera-upload.vue": __vite_glob_0_12,"./components/dialog-map-point/dialog-map-point.vue": __vite_glob_0_13,"./components/dialog-upload-images/dialog-upload-images.vue": __vite_glob_0_14,"./components/dialog/dialog.vue": __vite_glob_0_15,"./components/drag-verify/drag-verify.vue": __vite_glob_0_16,"./components/drawer/drawer.vue": __vite_glob_0_17,"./components/easy-pagination/easy-pagination.vue": __vite_glob_0_18,"./components/el-icon/el-icon.vue": __vite_glob_0_19,"./components/explorer-column-table/explorer-column-table.vue": __vite_glob_0_20,"./components/explorer-container/explorer-container.vue": __vite_glob_0_21,"./components/explorer-filter/explorer-filter.vue": __vite_glob_0_22,"./components/explorer-footer/explorer-footer.vue": __vite_glob_0_23,"./components/explorer-form/explorer-form.vue": __vite_glob_0_24,"./components/explorer-list/explorer-list.vue": __vite_glob_0_25,"./components/explorer-modal-form/explorer-modal-form.vue": __vite_glob_0_26,"./components/explorer-panel/explorer-panel.vue": __vite_glob_0_27,"./components/explorer-query/explorer-query.vue": __vite_glob_0_28,"./components/explorer-table/explorer-table.vue": __vite_glob_0_29,"./components/explorer-tools/explorer-tools.vue": __vite_glob_0_30,"./components/explorer-tree/explorer-tree.vue": __vite_glob_0_31,"./components/explorer/explorer.vue": __vite_glob_0_32,"./components/flag/flag.vue": __vite_glob_0_33,"./components/form-item/form-item.vue": __vite_glob_0_34,"./components/gen-input/gen-input.vue": __vite_glob_0_35,"./components/icon-picker/icon-picker.vue": __vite_glob_0_36,"./components/icon/icon.vue": __vite_glob_0_37,"./components/iconify-icon/iconify-icon.vue": __vite_glob_0_38,"./components/image/image.vue": __vite_glob_0_39,"./components/info-tooltip/info-tooltip.vue": __vite_glob_0_40,"./components/input-number/input-number.vue": __vite_glob_0_41,"./components/input/input.vue": __vite_glob_0_42,"./components/pca-picker/pca-picker.vue": __vite_glob_0_43,"./components/qr-code/qr-code.vue": __vite_glob_0_44,"./components/screenfull/screenfull.vue": __vite_glob_0_45,"./components/scrollbar/scrollbar.vue": __vite_glob_0_46,"./components/select/select.vue": __vite_glob_0_47,"./components/single-player/single-player.vue": __vite_glob_0_48,"./components/splitter-panel/splitter-panel.vue": __vite_glob_0_49,"./components/splitter/splitter.vue": __vite_glob_0_50,"./components/svg-icon/svg-icon.vue": __vite_glob_0_51,"./components/switch/switch.vue": __vite_glob_0_52,"./components/sync-scroll-container/sync-scroll-container.vue": __vite_glob_0_53,"./components/tags/tags.vue": __vite_glob_0_54,"./components/text-ellipsis/text-ellipsis.vue": __vite_glob_0_55,"./components/thousand-input/thousand-input.vue": __vite_glob_0_56,"./components/thousand-separator/thousand-separator.vue": __vite_glob_0_57,"./components/tinymce/tinymce.vue": __vite_glob_0_58,"./components/transfer-panel/transfer-panel.vue": __vite_glob_0_59,"./components/transfer/transfer.vue": __vite_glob_0_60,"./components/tree-picker/tree-picker.vue": __vite_glob_0_61,"./components/tree-select/tree-select.vue": __vite_glob_0_62,"./components/upload-file/upload-file.vue": __vite_glob_0_63});
 const upper = (_, letter) => letter.toUpperCase();
@@ -186,4 +190,4 @@ const index = {
   install
 };
 
-export { _sfc_main as VcAwesomeIcon, _sfc_main$1 as VcBackbottom, _sfc_main$3 as VcChoiceBoolean, _sfc_main$4 as VcConfigProvider, _sfc_main$6 as VcDaterangePicker, _sfc_main$5 as VcFlag, _sfc_main$2 as VcIcon, _sfc_main$7 as VcQrCode, _sfc_main$8 as VcSplitter, index as default };
+export { _sfc_main as VcAwesomeIcon, _sfc_main$1 as VcBackbottom, _sfc_main$3 as VcChoiceBoolean, _sfc_main$4 as VcConfigProvider, _sfc_main$6 as VcDaterangePicker, _sfc_main$5 as VcFlag, _sfc_main$2 as VcIcon, _sfc_main$7 as VcQrCode, _sfc_main$8 as VcSplitter, _sfc_main$9 as VcThousandSeparator, index as default };

package/dist/index.css

@@ -525,55 +525,46 @@ div._main_16nf4_1 ._header_16nf4_50 h4 {
   vertical-align: -0.17em;
 }
 /* source: src/components/explorer-column-table/explorer-column-table.vue */
-div._table_1vtct_1 {
+div._table_basev_1 {
   flex-grow: 1;
   height: 100px;
   --el-table-header-bg-color: var(--el-color-info-light-9);
   --el-table-row-hover-bg-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
 }
-._label_1vtct_8 {
+._label_basev_8 {
   display: inline-flex;
-  width: 100%;
   align-items: center;
-}
-._label_1vtct_8 .el-checkbox {
   width: 100%;
+}
+._label_basev_8 .el-checkbox {
   display: flex;
   align-items: center;
+  width: 100%;
 }
-._label_1vtct_8 .el-checkbox__label {
+._label_basev_8 .el-checkbox__label {
+  flex-grow: 1;
   min-width: 0;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  flex-grow: 1;
 }
-._label_1vtct_8 .iconify {
+._label_basev_8 .iconify {
   margin-left: 4px;
 }
-._handle_1vtct_29 {
+._handle_basev_29 {
   cursor: move;
 }
-._item-container_1vtct_33 {
+._item-container_basev_33 {
   display: inline-flex;
-  align-items: center;
   column-gap: 4px;
+  align-items: center;
+  vertical-align: middle;
   padding: 1px 0;
   line-height: 0;
-  vertical-align: middle;
 }
-._item-container_1vtct_33 > div {
+._item-container_basev_33 > div {
   vertical-align: middle;
 }
-._truncate_1vtct_45 {
-  padding: 0 9px !important;
-}
-._truncate_1vtct_45.el-checkbox--small {
-  padding: 0 7px !important;
-}
-._truncate_1vtct_45.el-checkbox--large {
-  padding: 0 11px !important;
-}
 /* source: src/components/explorer-container/explorer-container.vue */
 ._explorer-container_1xzxe_1 {
   display: flex;
@@ -822,7 +813,7 @@ div._table_o4h9r_7 .el-table__column-resize-proxy {
   border-color: var(--el-color-primary);
 }
 div._table_o4h9r_7 .el-table__empty-block {
-  display: var(--v34b07a80);
+  display: var(--v490937e0);
 }
 ._selection_o4h9r_27 .cell {
   display: flex;
@@ -851,66 +842,66 @@ div._table_o4h9r_7 .el-table__empty-block {
   height: 0;
 }
 /* source: src/components/explorer-tools/components/column-setter.vue,src/components/explorer-tools/explorer-tools.vue */
-._header_8k9xf_1 {
+._header_7xy5t_1 {
   display: flex;
   justify-content: space-between;
   align-items: center;
 }
-._mode-wrapper_8k9xf_7 {
+._mode-wrapper_7xy5t_7 {
   display: flex;
-  align-items: center;
   column-gap: 8px;
+  align-items: center;
 }
-._segmented_8k9xf_13 .el-segmented__item-label {
+._segmented_7xy5t_13 .el-segmented__item-label {
   line-height: 1;
 }
-._reset_8k9xf_17 {
+._reset_7xy5t_17 {
   height: 28px;
 }
-div._divider_8k9xf_21 {
+div._divider_7xy5t_21 {
   margin: 8px 0;
-}._explorer-tools_1m5u8_1 {
+}._explorer-tools_tlzkv_1 {
   display: flex;
-  align-items: center;
-  justify-content: space-between;
-  padding: 0 0 8px 0;
-  flex-wrap: wrap;
   row-gap: 8px;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  align-items: center;
   box-sizing: border-box;
+  padding: 0 0 8px 0;
 }
-._explorer-tools_1m5u8_1._bottom-border_1m5u8_10 {
-  border-bottom: 1px solid var(--el-border-color-lighter);
+._explorer-tools_tlzkv_1._bottom-border_tlzkv_10 {
   margin-bottom: 8px;
+  border-bottom: 1px solid var(--el-border-color-lighter);
 }
-._buttons_1m5u8_15 {
+._buttons_tlzkv_15 {
   display: flex;
-  align-items: center;
   column-gap: 8px;
+  align-items: center;
 }
-._buttons_1m5u8_15 button {
+._buttons_tlzkv_15 button {
   margin-left: 0 !important;
 }
-._tools_1m5u8_24 {
+._tools_tlzkv_24 {
   display: flex;
-  align-items: center;
   column-gap: 8px;
+  align-items: center;
 }
-._tools_1m5u8_24 button.vc-icon-button {
+._tools_tlzkv_24 button.vc-icon-button {
+  margin-left: 0 !important;
   padding: 4px;
   font-size: 18px;
-  margin-left: 0 !important;
 }
-._layout_1m5u8_35 .el-radio-button__inner {
+._layout_tlzkv_35 .el-radio-button__inner {
   padding: 6px 8px;
   font-size: 18px;
 }
-._fullscreen_1m5u8_40 {
+._fullscreen_tlzkv_40 {
   position: fixed !important;
-  background-color: var(--el-bg-color) !important;
   top: 0 !important;
-  left: 0 !important;
   right: 0 !important;
   bottom: 0 !important;
+  left: 0 !important;
+  background-color: var(--el-bg-color) !important;
   width: 100% !important;
   height: 100% !important;
 }
@@ -1626,12 +1617,6 @@ span._draggable_1tp7v_5 > * {
 ._main_m3b07_1 .el-input__wrapper input {
   text-align: right;
 }
-/* source: src/components/thousand-separator/thousand-separator.vue */
-@charset "UTF-8";
-._thousand-separator_1s3bf_2 {
-  font-variant-numeric: tabular-nums;
-  /* 可选：继承父元素样式，无需额外样式 */
-}
 /* source: src/components/tinymce/tinymce.vue */
 ._tinymce_aa7a3_1 {
   width: 100%;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wfrog/vc-ui",
-  "version": "1.14.0",
+  "version": "1.14.2",
   "packageManager": "pnpm@10.20.0",
   "description": "vue3 组件库 vc-ui",
   "author": "wellfrog",

package/dist/es/chunk/nq3VKXVp.mjs

@@ -1,37 +0,0 @@
-import { i as isObjectLike, b as baseGetTag } from './Fo0dZYnz.mjs';
-
-/** `Object#toString` result references. */
-var numberTag = '[object Number]';
-
-/**
- * Checks if `value` is classified as a `Number` primitive or object.
- *
- * **Note:** To exclude `Infinity`, `-Infinity`, and `NaN`, which are
- * classified as numbers, use the `_.isFinite` method.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Lang
- * @param {*} value The value to check.
- * @returns {boolean} Returns `true` if `value` is a number, else `false`.
- * @example
- *
- * _.isNumber(3);
- * // => true
- *
- * _.isNumber(Number.MIN_VALUE);
- * // => true
- *
- * _.isNumber(Infinity);
- * // => true
- *
- * _.isNumber('3');
- * // => false
- */
-function isNumber(value) {
-  return typeof value == 'number' ||
-    (isObjectLike(value) && baseGetTag(value) == numberTag);
-}
-
-export { isNumber as i };

package/dist/es/components/thousand-separator/index.css

@@ -1,6 +0,0 @@
-/* source: src/components/thousand-separator/thousand-separator.vue */
-@charset "UTF-8";
-._thousand-separator_1s3bf_2 {
-  font-variant-numeric: tabular-nums;
-  /* 可选：继承父元素样式，无需额外样式 */
-}