@wfrog/vc-ui 1.11.15 → 1.11.17

package/dist/es/components/button/button.d.ts

@@ -17,4 +17,5 @@ export interface IButtonProps {
         msg?: string;
     };
     stop?: boolean;
+    disabled?: boolean | (() => boolean);
 }

package/dist/es/components/button/button.mjs

@@ -21,7 +21,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     throttle: { default: 800 },
     type: { default: "" },
     confirm: { default: void 0 },
-    stop: { type: Boolean, default: false }
+    stop: { type: Boolean, default: false },
+    disabled: { type: [Boolean, Function], default: void 0 }
   },
   emits: ["click"],
   setup(__props, { emit: __emit }) {
@@ -33,6 +34,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const myConfirm = computed(() => buttonConfig?.confirm?.type !== void 0 ? buttonConfig?.confirm?.type : props.confirm?.type !== void 0 ? props.confirm.type : ["danger", "warning"].includes(props.type) ? "messagebox" : void 0);
     const { name, type: iconType = "el", position = "left" } = props.icon || {};
     const { msg, title, confirmButtonText, cancelButtonText } = { ...defaultConfirmInfo, ...buttonConfig?.confirm, ...props.confirm };
+    const myDisabled = computed(() => {
+      if (typeof props.disabled === "function") {
+        return props.disabled();
+      }
+      return formDisabled.value;
+    });
     async function handleComfirm() {
       try {
         const result = await ElMessageBox.confirm(msg, title, { confirmButtonText, cancelButtonText, type: "warning", dangerouslyUseHTMLString: true });
@@ -76,7 +83,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           __props.stop ? (openBlock(), createBlock(_component_ElButton, mergeProps({ key: 0 }, _ctx.$attrs, {
             type: __props.type,
             class: _ctx.$style.button,
-            disabled: unref(formDisabled),
+            disabled: unref(myDisabled),
             onClick: withModifiers(unref(handleClick), ["stop"])
           }), {
             default: withCtx(() => [
@@ -98,7 +105,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           }, 16, ["type", "class", "disabled", "onClick"])) : (openBlock(), createBlock(_component_ElButton, mergeProps({ key: 1 }, _ctx.$attrs, {
             type: __props.type,
             class: _ctx.$style.button,
-            disabled: unref(formDisabled),
+            disabled: unref(myDisabled),
             onClick: unref(handleClick)
           }), {
             default: withCtx(() => [
@@ -124,7 +131,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         key: 1,
         type: __props.type,
         class: normalizeClass(_ctx.$style.button),
-        disabled: unref(formDisabled),
+        disabled: unref(myDisabled),
         onClick: withModifiers(unref(handleClick), ["stop"])
       }, {
         default: withCtx(() => [
@@ -147,7 +154,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         key: 2,
         type: __props.type,
         class: normalizeClass(_ctx.$style.button),
-        disabled: unref(formDisabled),
+        disabled: unref(myDisabled),
         onClick: unref(handleClick)
       }, {
         default: withCtx(() => [

package/dist/es/components/button/button.vue.d.ts

@@ -25,6 +25,7 @@ declare const __VLS_component: import('vue').DefineComponent<IButtonProps, {}, {
         cancelButtonText?: string;
         msg?: string;
     };
+    disabled: boolean | (() => boolean);
     throttle: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;

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

@@ -18,7 +18,7 @@ export interface IExplorerListProps {
     highlightCurrent?: boolean;
     showCheckbox?: boolean;
     confirmParams?: (item: IExplorerListItem) => IButtonProps['confirm'];
-    disabled?: boolean;
+    disabled?: boolean | ((action: string, item: IExplorerListItem) => boolean);
 }
 export interface IExplorerListEmits {
     (e: 'update:modelValue', value: (string | number)[] | undefined): void;

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

@@ -20,7 +20,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     modelValue: {},
     data: { default: () => [] },
     actions: { default: () => [] },
-    filterMethod: {},
+    filterMethod: { type: Function, default: (keyword, item) => {
+      return item.label.toLowerCase().includes(keyword.toLowerCase());
+    } },
     emptyText: { default: "没有数据" },
     pending: { type: Boolean },
     loading: { type: Boolean },
@@ -30,12 +32,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     confirmParams: { type: Function, default: (item) => {
       return { msg: `确定要删除 ${item.label} 吗？` };
     } },
-    disabled: { type: Boolean, default: false }
+    disabled: { type: [Boolean, Function], default: false }
   },
   emits: ["update:modelValue", "valueChange", "itemClick", "create", "modify", "remove", "up", "down"],
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v42d68eb8": unref(cursorStyle)
+      "e1697a4a": unref(cursorStyle)
     }));
     const props = __props;
     const emits = __emit;
@@ -49,11 +51,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       up: { title: "上移", type: "success", icon: "Top" },
       down: { title: "下移", type: "success", icon: "Bottom" }
     };
-    const filterMethod = props.filterMethod || ((keyword, item) => {
-      return item.label.toLowerCase().includes(keyword.toLowerCase());
-    });
     const myData = computed(() => {
-      return filterKeyword.value ? props.data.filter((item) => filterMethod(filterKeyword.value, item)) : props.data;
+      return filterKeyword.value ? props.data.filter((item) => props.filterMethod(filterKeyword.value, item)) : props.data;
     });
     const isEmpty = computed(() => myData.value.length === 0);
     const cursorStyle = computed(() => props.highlightCurrent ? "pointer" : "unset");
@@ -64,6 +63,21 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       actived.value = item.value;
       emits("itemClick", item.value, item, e);
     }
+    const checkboxGroupDisabled = computed(() => {
+      if (props.disabled === void 0) {
+        return false;
+      }
+      if (typeof props.disabled === "boolean") {
+        return props.disabled;
+      }
+      return false;
+    });
+    function myDisabled(action, item) {
+      if (typeof props.disabled === "function") {
+        return props.disabled(action, item);
+      }
+      return props.disabled;
+    }
     __expose({
       setActive: (value) => {
         actived.value = value;
@@ -82,7 +96,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(_component_el_checkbox_group, {
               modelValue: unref(myValue),
               "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(myValue) ? myValue.value = $event : null),
-              disabled: __props.disabled,
+              disabled: unref(checkboxGroupDisabled),
               onChange: _cache[1] || (_cache[1] = (val) => emits("valueChange", val))
             }, {
               default: withCtx(() => [
@@ -149,7 +163,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                               link: "",
                               icon: { type: "el", name: actionsMapping[action].icon },
                               stop: "",
-                              disabled: __props.disabled,
+                              disabled: myDisabled(action, item),
                               onClick: ($event) => emits(action, item.value, item)
                             }), null, 16, ["confirm", "class", "icon", "disabled", "onClick"]))
                           ], 64);

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

@@ -49,8 +49,9 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerListProps,
     onItemClick?: ((value: string | number, item: IExplorerListItem<any>, event: MouseEvent) => any) | undefined;
 }>, {
     data: IExplorerListItem[];
-    disabled: boolean;
+    disabled: boolean | ((action: string, item: IExplorerListItem) => boolean);
     loadingText: string;
+    filterMethod: (keyword: string, item: IExplorerListItem) => boolean;
     emptyText: string;
     highlightCurrent: boolean;
     actions: ("create" | "modify" | "remove" | "up" | "down" | "action")[];

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

@@ -1,7 +1,7 @@
 /* source: src/components/explorer-list/explorer-list.vue */
 ._item_e98ar_1 {
   padding: 4px 8px;
-  cursor: var(--v42d68eb8);
+  cursor: var(--e1697a4a);
   display: flex;
   justify-content: space-between;
   align-items: center;

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

@@ -16,6 +16,10 @@ export interface IExplorerTableProps {
     columnRender?: (column: IColumnConfig, row: Record<string, any>, emits: IExplorerTableEmits, index: number) => VNode;
     columnConfig?: IColumnConfig[];
     columnFilter?: (column: IColumnConfig) => boolean;
+    rowClassName?: ((data: {
+        row: Record<string, any>;
+        rowIndex: number;
+    }) => string) | string;
     startIndex?: number;
     rowKey?: string | ((row: any) => string);
 }

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

@@ -29,13 +29,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     columnRender: { type: Function, default: (column, row) => h("span", row[column.prop]) },
     columnConfig: {},
     columnFilter: { type: Function, default: (column) => column.visible !== false },
+    rowClassName: {},
     startIndex: { default: 0 },
     rowKey: { type: [String, Function], default: "id" }
   },
   emits: ["columnEvent", "singleSelectionChange", "multipleSelectionChange", "selectionChange", "selectAll"],
   setup(__props, { expose: __expose, emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v251be0d8": `${_ctx.empty ? "flex" : "none"}`
+      "v2bf7e3e4": `${_ctx.empty ? "flex" : "none"}`
     }));
     const props = __props;
     const emits = __emit;
@@ -98,12 +99,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
       return "default";
     }
-    function rowClassName({ row }) {
-      const value = getRowValue(row);
+    function myRowClassName(data) {
+      const value = getRowValue(data.row);
+      let clsName = "";
+      if (typeof props.rowClassName === "function") {
+        clsName = props.rowClassName(data);
+      }
+      if (typeof props.rowClassName === "string") {
+        clsName = props.rowClassName;
+      }
       if (value === selectedValue.value || selectedValues.value.has(value)) {
-        return $style["selected-row"];
+        return `${clsName} ${$style["selected-row"]}`;
       }
-      return "";
+      return clsName;
     }
     watch(() => props.columnConfig, (val) => {
       if (Array.isArray(state.columnConfig.value) && state.columnConfig.value.length) {
@@ -155,7 +163,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           border: "",
           "allow-drag-last-column": true,
           "row-key": __props.rowKey,
-          "row-class-name": rowClassName,
+          "row-class-name": myRowClassName,
           onHeaderDragend
         }), createSlots({
           empty: withCtx(() => [

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

@@ -21,7 +21,7 @@ div._table_p2qu9_7 .el-table__column-resize-proxy {
   border-color: var(--el-color-primary);
 }
 div._table_p2qu9_7 .el-table__empty-block {
-  display: var(--v251be0d8);
+  display: var(--v2bf7e3e4);
 }
 ._selection_p2qu9_27 .cell {
   display: flex;

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

@@ -14,7 +14,7 @@ export interface IExplorerTreeProps {
     confirmParams?: (node: Node) => IButtonProps['confirm'];
     filterMethod?: TreeComponentProps['filterNodeMethod'];
     highlightCurrent?: boolean;
-    disabled?: boolean;
+    disabled?: boolean | ((action: string, node: Node) => boolean);
 }
 export interface IExplorerTreeEmits {
     (e: 'nodeClick', value: string | number, node: Node, instance: ComponentInternalInstance | null, event: MouseEvent): void;

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

@@ -128,7 +128,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     } },
     filterMethod: {},
     highlightCurrent: { type: Boolean, default: true },
-    disabled: { type: Boolean, default: void 0 }
+    disabled: { type: [Boolean, Function], default: void 0 }
   },
   emits: ["nodeClick", "create", "modify", "remove", "up", "down"],
   setup(__props, { expose: __expose, emit: __emit }) {
@@ -178,6 +178,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       emits("nodeClick", data.value, node, instance, event);
     }
     const filterWatch = watch(filterKeyword, (value) => treeRef.value?.filter(value));
+    function myDisabled(action, node) {
+      if (typeof props.disabled === "function") {
+        return props.disabled(action, node);
+      }
+      return props.disabled;
+    }
     __expose({
       treeRef,
       setActive: (value, shouldAutoExpandParent = true) => {
@@ -245,7 +251,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                           link: "",
                           icon: { type: "el", name: actionsMapping[action].icon },
                           stop: "",
-                          disabled: __props.disabled,
+                          disabled: myDisabled(action, node),
                           onClick: ($event) => emits(action, node.data.value, node)
                         }), null, 16, ["confirm", "class", "icon", "disabled", "onClick"]))
                       ], 64);

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

@@ -2056,7 +2056,7 @@ declare const __VLS_component: import('vue').DefineComponent<IExplorerTreeProps,
     onDown?: ((value: string | number, node: Node) => any) | undefined;
     onNodeClick?: ((value: string | number, node: Node, instance: ComponentInternalInstance | null, event: MouseEvent) => any) | undefined;
 }>, {
-    disabled: boolean;
+    disabled: boolean | ((action: string, node: Node) => boolean);
     loadingText: string;
     emptyText: string;
     highlightCurrent: boolean;

package/dist/es/index.mjs

@@ -160,7 +160,7 @@ const __vite_glob_0_49 = /*#__PURE__*/Object.freeze(/*#__PURE__*/Object.definePr
     default: _sfc_main$8
 }, Symbol.toStringTag, { value: 'Module' }));
 
-const version = "1.11.15";
+const version = "1.11.17";
 
 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/icon-picker/icon-picker.vue": __vite_glob_0_35,"./components/icon/icon.vue": __vite_glob_0_36,"./components/iconify-icon/iconify-icon.vue": __vite_glob_0_37,"./components/image/image.vue": __vite_glob_0_38,"./components/info-tooltip/info-tooltip.vue": __vite_glob_0_39,"./components/input-number/input-number.vue": __vite_glob_0_40,"./components/input/input.vue": __vite_glob_0_41,"./components/pca-picker/pca-picker.vue": __vite_glob_0_42,"./components/qr-code/qr-code.vue": __vite_glob_0_43,"./components/screenfull/screenfull.vue": __vite_glob_0_44,"./components/scrollbar/scrollbar.vue": __vite_glob_0_45,"./components/select/select.vue": __vite_glob_0_46,"./components/single-player/single-player.vue": __vite_glob_0_47,"./components/splitter-panel/splitter-panel.vue": __vite_glob_0_48,"./components/splitter/splitter.vue": __vite_glob_0_49,"./components/svg-icon/svg-icon.vue": __vite_glob_0_50,"./components/switch/switch.vue": __vite_glob_0_51,"./components/sync-scroll-container/sync-scroll-container.vue": __vite_glob_0_52,"./components/tags/tags.vue": __vite_glob_0_53,"./components/text-ellipsis/text-ellipsis.vue": __vite_glob_0_54,"./components/thousand-input/thousand-input.vue": __vite_glob_0_55,"./components/tinymce/tinymce.vue": __vite_glob_0_56,"./components/transfer-panel/transfer-panel.vue": __vite_glob_0_57,"./components/transfer/transfer.vue": __vite_glob_0_58,"./components/tree-picker/tree-picker.vue": __vite_glob_0_59,"./components/upload-file/upload-file.vue": __vite_glob_0_60});
 const upper = (_, letter) => letter.toUpperCase();

package/dist/index.css

@@ -669,7 +669,7 @@ div._table_oyix4_1 {
 /* source: src/components/explorer-list/explorer-list.vue */
 ._item_e98ar_1 {
   padding: 4px 8px;
-  cursor: var(--v42d68eb8);
+  cursor: var(--e1697a4a);
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -828,7 +828,7 @@ div._table_p2qu9_7 .el-table__column-resize-proxy {
   border-color: var(--el-color-primary);
 }
 div._table_p2qu9_7 .el-table__empty-block {
-  display: var(--v251be0d8);
+  display: var(--v2bf7e3e4);
 }
 ._selection_p2qu9_27 .cell {
   display: flex;

package/package.json

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