@wfrog/vc-ui 1.12.4 → 1.13.0

package/dist/es/components/icon-picker/index.css

@@ -1,34 +1,34 @@
 /* source: src/components/icon-picker/components/collections.vue,src/components/icon-picker/components/panel.vue,src/components/icon-picker/icon-picker.vue */
-._wrapper_1r14t_1 {
+._wrapper_1do9r_1 {
   height: 100%;
   display: flex;
   flex-direction: column;
 }
-._search-wrapper_1r14t_7 {
+._search-wrapper_1do9r_7 {
   position: sticky;
   top: 0;
   padding-bottom: 4px;
   background-color: var(--el-bg-color);
 }
-._container_1r14t_14 {
+._container_1do9r_14 {
   display: flex;
   flex-direction: column;
   row-gap: 4px;
 }
-._collection_1r14t_20 {
+._collection_1do9r_20 {
   border: 1px solid var(--el-input-border-color);
   border-radius: 4px;
   box-shadow: 0 0 0 1px var(--el-input-border-color, var(--el-border-color)) inset;
   padding: 4px;
   cursor: pointer;
 }
-._collection_1r14t_20._active_1r14t_27 {
-  background-color: var(--el-color-primary-light-9);
+._collection_1do9r_20._active_1do9r_27 {
+  background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
 }
-._collection_1r14t_20:hover {
-  background-color: var(--el-color-primary-light-7);
+._collection_1do9r_20:hover {
+  background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
 }
-._collection_1r14t_20 h5 {
+._collection_1do9r_20 h5 {
   font-size: 14px;
   overflow: hidden;
   text-overflow: ellipsis;
@@ -36,40 +36,40 @@
   margin: 0;
   color: var(--el-text-color-regular);
 }
-._collection_1r14t_20 h5 span {
+._collection_1do9r_20 h5 span {
   color: var(--el-text-color-secondary);
   margin-right: 4px;
 }
-._icons_1r14t_46 {
+._icons_1do9r_46 {
   font-size: 24px;
   display: flex;
   column-gap: 4px;
-}._panel_13zo4_1 {
+}._panel_hn29n_1 {
   position: relative;
 }
-._wrapper_13zo4_5 {
+._wrapper_hn29n_5 {
   background-color: var(--el-popover-bg-color);
   position: relative;
   z-index: 5;
 }
-._search-input_13zo4_11 .el-input-group__prepend {
+._search-input_hn29n_11 .el-input-group__prepend {
   padding: 0 16px;
 }
-button._collections-button_13zo4_15 {
+button._collections-button_hn29n_15 {
   padding: 0;
   width: 50px;
   display: inline-flex !important;
   justify-content: center;
   align-items: center;
 }
-button._collections-button_13zo4_15:hover .el-icon {
+button._collections-button_hn29n_15:hover .el-icon {
   color: var(--el-color-primary);
 }
-button._collections-button_13zo4_15 .el-icon {
+button._collections-button_hn29n_15 .el-icon {
   font-size: 24px;
   transition: color 0.3s;
 }
-._collections-wrapper_13zo4_30 {
+._collections-wrapper_hn29n_30 {
   position: absolute;
   top: -13px;
   left: 0;
@@ -83,16 +83,16 @@ button._collections-button_13zo4_15 .el-icon {
   border: 1px solid var(--el-popover-border-color);
   box-sizing: border-box;
 }
-._collections-wrapper_13zo4_30._shadow_13zo4_44 {
+._collections-wrapper_hn29n_30._shadow_hn29n_44 {
   box-shadow: var(--el-box-shadow-light);
 }
-._collections-wrapper_13zo4_30._visible_13zo4_47 {
+._collections-wrapper_hn29n_30._visible_hn29n_47 {
   left: -212px;
 }
-._collections-wrapper_13zo4_30._hidden_13zo4_50 {
+._collections-wrapper_hn29n_30._hidden_hn29n_50 {
   opacity: 0;
 }
-._container_13zo4_54 {
+._container_hn29n_54 {
   list-style: none;
   padding: 8px 0 0;
   margin: 0;
@@ -103,19 +103,19 @@ button._collections-button_13zo4_15 .el-icon {
   height: 174px;
   font-size: 24px;
 }
-._container_13zo4_54 li {
+._container_hn29n_54 li {
   padding: 4px;
   cursor: pointer;
   border-radius: 4px;
   line-height: 0;
 }
-._container_13zo4_54 li:hover {
-  background-color: var(--el-color-primary-light-7);
+._container_hn29n_54 li:hover {
+  background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
 }
-._divider_13zo4_75 {
+._divider_hn29n_75 {
   margin: 4px 0;
 }
-._pagination_13zo4_79 {
+._pagination_hn29n_79 {
   justify-content: center;
 }._input_yhkzo_1 .el-input-group__prepend {
   padding: 0 4px;

package/dist/es/components/pca-picker/index.css

@@ -50,7 +50,7 @@
 }
 .vc-pca-item.active {
   color: var(--el-color-primary);
-  background-color: var(--el-color-primary-light-9);
+  background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
   border-color: var(--el-color-primary-light-7);
 }
 .vc-pca-item.active.active-mark {
@@ -70,7 +70,7 @@
 }
 .vc-pca-item:hover {
   color: var(--el-color-primary);
-  background-color: var(--el-color-primary-light-9);
+  background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
   border-color: var(--el-color-primary-light-7);
 }._popover_qj0am_1 {
   width: auto !important;

package/dist/es/components/pca-picker/pca-picker.mjs

@@ -21,7 +21,7 @@ import 'element-plus/es/components/col/style/css';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
 import 'element-plus/es/components/divider/style/css';
 import 'element-plus/es/components/text/style/css';
-import { P as PopoverCascader } from '../../chunk/Bw0Rhd-r.mjs';
+import { P as PopoverCascader } from '../../chunk/oAsZydDS.mjs';
 
 /**
  * Gets the value at `path` of `object`. If the resolved value is

package/dist/es/components/select/index.css

@@ -1,4 +1,7 @@
 /* source: src/components/select/select.vue */
-div._select-width_140qa_1 {
-  width: var(--d4752262);
+._popper_jk1e7_1 .el-select-dropdown__item.is-hovering {
+  background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
+}
+div._select-width_jk1e7_5 {
+  width: var(--f34400f4);
 }

package/dist/es/components/select/select.mjs

@@ -14,7 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   setup(__props) {
     useCssVars((_ctx) => ({
-      "d4752262": unref(myWidth)
+      "f34400f4": unref(myWidth)
     }));
     const props = __props;
     const myOptions = computed(() => {
@@ -25,22 +25,26 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     const $style = useCssModule();
     const className = computed(() => ({
-      [$style["select-width"]]: !!props.width
+      [$style["select-width"]]: !!props.width,
+      [$style.select]: true
     }));
     const myWidth = computed(() => props.width ? formatToPx(props.width) : "auto");
     return (_ctx, _cache) => {
       const _component_ElSelect = ElSelect;
       return openBlock(), createBlock(_component_ElSelect, {
         "collapse-tags": "",
+        "popper-class": unref($style).popper,
         class: normalizeClass(unref(className)),
         options: unref(myOptions)
-      }, null, 8, ["class", "options"]);
+      }, null, 8, ["popper-class", "class", "options"]);
     };
   }
 });
 
-/* unplugin-vue-components disabled */const style0 = {
-	"select-width": "_select-width_140qa_1"
+/* unplugin-vue-components disabled */const popper = "_popper_jk1e7_1";
+const style0 = {
+	popper: popper,
+	"select-width": "_select-width_jk1e7_5"
 };
 
 const cssModules = {

package/dist/es/components/transfer-panel/index.css

@@ -1,13 +1,13 @@
 /* source: src/components/transfer-panel/components/transfer-child-panel.vue,src/components/transfer-panel/transfer-panel.vue */
-._transfer-child-panel_ipfuy_1 {
+._transfer-child-panel_hjbgd_1 {
   display: flex;
   flex-direction: column;
   padding: 4px;
   position: relative;
   row-gap: 4px;
-  width: var(--v39e6fbe3);
+  width: var(--v5cf19ff4);
 }
-._item_ipfuy_10 {
+._item_hjbgd_10 {
   padding: 4px 8px;
   display: flex;
   justify-content: space-between;
@@ -18,41 +18,41 @@
   box-sizing: border-box;
   line-height: 1;
 }
-._item_ipfuy_10._source_ipfuy_21 {
+._item_hjbgd_10._source_hjbgd_21 {
   cursor: pointer;
 }
-._item_ipfuy_10:hover {
-  background-color: var(--el-color-primary-light-9);
+._item_hjbgd_10:hover {
+  background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
 }
-._item_ipfuy_10:hover ._actions_ipfuy_27 {
+._item_hjbgd_10:hover ._actions_hjbgd_27 {
   display: inline-flex;
   align-items: flex-start;
 }
-._item_ipfuy_10._active_ipfuy_31 {
+._item_hjbgd_10._active_hjbgd_31 {
   color: var(--el-color-primary);
-  background-color: var(--el-color-primary-light-9);
+  background-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
 }
-._label_ipfuy_36 {
+._label_hjbgd_36 {
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
 }
-._icon_ipfuy_42 {
+._icon_hjbgd_42 {
   margin-right: 4px;
 }
-._actions_ipfuy_27 {
+._actions_hjbgd_27 {
   display: none;
   column-gap: 4px;
 }
-._actions_ipfuy_27 > button {
+._actions_hjbgd_27 > button {
   margin-left: 0 !important;
   font-size: 1.2em;
   border: 1px solid var(--el-border-color-light) !important;
 }
-._actions_ipfuy_27 > button:hover {
+._actions_hjbgd_27 > button:hover {
   border-color: var(--el-border-color-dark) !important;
 }
-._operation_ipfuy_59 {
+._operation_hjbgd_59 {
   position: absolute;
   z-index: 10;
   bottom: 0;
@@ -65,26 +65,26 @@
   background-color: var(--el-bg-color-page);
   cursor: pointer;
 }
-._operation_ipfuy_59:hover .el-text {
+._operation_hjbgd_59:hover .el-text {
   color: var(--el-color-primary);
 }
-._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._item_ipfuy_10 {
+._transfer-child-panel_hjbgd_1._disabled_hjbgd_76 ._item_hjbgd_10 {
   cursor: not-allowed;
 }
-._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._item_ipfuy_10:hover {
+._transfer-child-panel_hjbgd_1._disabled_hjbgd_76 ._item_hjbgd_10:hover {
   background-color: inherit;
 }
-._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._item_ipfuy_10._active_ipfuy_31 {
+._transfer-child-panel_hjbgd_1._disabled_hjbgd_76 ._item_hjbgd_10._active_hjbgd_31 {
   color: var(--el-color-info);
   background-color: var(--el-fill-color-light);
 }
-._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._actions_ipfuy_27 {
+._transfer-child-panel_hjbgd_1._disabled_hjbgd_76 ._actions_hjbgd_27 {
   display: none !important;
 }
-._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._operation_ipfuy_59 {
+._transfer-child-panel_hjbgd_1._disabled_hjbgd_76 ._operation_hjbgd_59 {
   cursor: not-allowed;
 }
-._transfer-child-panel_ipfuy_1._disabled_ipfuy_76 ._operation_ipfuy_59:hover .el-text {
+._transfer-child-panel_hjbgd_1._disabled_hjbgd_76 ._operation_hjbgd_59:hover .el-text {
   color: var(--el-color-info);
 }._transfer-panel_1mztg_1 {
   display: flex;

package/dist/es/components/transfer-panel/transfer-panel.mjs

@@ -29,7 +29,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   emits: ["change", "update:modelValue"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v39e6fbe3": _ctx.width
+      "v5cf19ff4": _ctx.width
     }));
     const props = __props;
     const emits = __emit;
@@ -187,16 +187,16 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   }
 });
 
-/* unplugin-vue-components disabled */const item = "_item_ipfuy_10";
-const source = "_source_ipfuy_21";
-const actions = "_actions_ipfuy_27";
-const active = "_active_ipfuy_31";
-const label = "_label_ipfuy_36";
-const icon = "_icon_ipfuy_42";
-const operation = "_operation_ipfuy_59";
-const disabled = "_disabled_ipfuy_76";
+/* unplugin-vue-components disabled */const item = "_item_hjbgd_10";
+const source = "_source_hjbgd_21";
+const actions = "_actions_hjbgd_27";
+const active = "_active_hjbgd_31";
+const label = "_label_hjbgd_36";
+const icon = "_icon_hjbgd_42";
+const operation = "_operation_hjbgd_59";
+const disabled = "_disabled_hjbgd_76";
 const style0$1 = {
-	"transfer-child-panel": "_transfer-child-panel_ipfuy_1",
+	"transfer-child-panel": "_transfer-child-panel_hjbgd_1",
 	item: item,
 	source: source,
 	actions: actions,

package/dist/es/components/tree-picker/index.css

@@ -10,7 +10,7 @@
   min-width: 80px;
 }
 ._wrapper_xrmgt_13 {
-  width: var(--v7586a416);
+  width: var(--v1ccda07a);
 }
 ._wrapper_xrmgt_13 .el-tag .el-icon {
   display: none;
@@ -22,7 +22,7 @@
   box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset !important;
 }
 ._cascader-width_xrmgt_27 {
-  width: var(--v7586a416);
+  width: var(--v1ccda07a);
 }
 ._is-active_xrmgt_31 .el-input__inner {
   border-color: var(--color-primary);

package/dist/es/components/tree-picker/popover-cascader.css

@@ -1,23 +1,26 @@
 /* source: src/components/tree-picker/components/popover-cascader.vue */
-._selected_1r65k_1 {
+._selected_62www_1 {
   box-sizing: border-box;
   flex: 1 1 180px;
   min-width: 180px;
   height: 206px;
   margin-right: 8px;
-  border: 1px solid #e4e7ed;
+  border: 1px solid var(--el-border-color-light);
   border-radius: 4px;
 }
-._selected_1r65k_1 .el-scrollbar {
+._selected_62www_1 .el-scrollbar {
   height: 100%;
 }
-._selected_1r65k_1 .el-tree {
+._selected_62www_1 .el-tree {
   height: 100%;
   margin: 6px 20px 6px 0;
 }
-._selected_1r65k_1 .el-scrollbar__wrap {
+._selected_62www_1 .el-scrollbar__wrap {
   overflow-x: hidden;
 }
-._selected_1r65k_1 .el-tree__empty-block {
+._selected_62www_1 .el-tree__empty-block {
   transform: translateX(10px);
+}
+._cascader-panel_62www_24 {
+  --el-cascader-node-background-hover: var(--vc-highlight-bg-color, var(--el-fill-color-light));
 }

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

@@ -4,12 +4,14 @@ export interface ITreePickerProps {
     placeholder?: string;
     disabled?: boolean;
     multiple?: boolean;
+    checkStrictly?: boolean;
     modelValue: string | number | string[] | number[] | undefined;
     options?: CascaderOption[];
     props?: CascaderProps;
     width?: string | number;
     filterable?: boolean;
     filterEmptyText?: string;
+    clearable?: boolean;
 }
 export interface ITreePickerEmits {
     (e: 'update:modelValue', value: string | number | string[] | number[] | undefined): void;

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

@@ -7,7 +7,7 @@ import 'element-plus/es/components/cascader/style/css';
 import { defineComponent, useCssVars, unref, computed, useCssModule, useTemplateRef, ref, createBlock, openBlock, withCtx, createElementVNode, normalizeClass, createVNode, mergeProps, isRef, createTextVNode, toDisplayString, nextTick } from 'vue';
 import { useFormDisabled, useFormItem } from 'element-plus';
 import { f as formatToPx } from '../../chunk/DZ5W9TaA.mjs';
-import { P as PopoverCascader } from '../../chunk/Bw0Rhd-r.mjs';
+import { P as PopoverCascader } from '../../chunk/oAsZydDS.mjs';
 import { useVModel, useToggle, useThrottleFn, onClickOutside } from '@vueuse/core';
 import { _ as _export_sfc } from '../../chunk/pcqpp-6-.mjs';
 
@@ -18,17 +18,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     placeholder: { default: "请选择" },
     disabled: { type: Boolean, default: void 0 },
     multiple: { type: Boolean, default: false },
+    checkStrictly: { type: Boolean },
     modelValue: {},
     options: { default: () => [] },
     props: { default: () => ({}) },
     width: {},
     filterable: { type: Boolean },
-    filterEmptyText: { default: "没有匹配到数据" }
+    filterEmptyText: { default: "没有匹配到数据" },
+    clearable: { type: Boolean, default: true }
   },
   emits: ["update:modelValue", "change", "blur"],
   setup(__props, { emit: __emit }) {
     useCssVars((_ctx) => ({
-      "v7586a416": unref(myWidth)
+      "v1ccda07a": unref(myWidth)
     }));
     const props = __props;
     const emits = __emit;
@@ -43,6 +45,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       children: props.props.children || "children",
       multiple: props.multiple,
       emitPath: false,
+      checkStrictly: props.checkStrictly,
       ...props.props
     }));
     const $style = useCssModule();
@@ -70,10 +73,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       keyword.value = event.target.value;
     }
     function clear() {
-      emits("update:modelValue", props.multiple ? [] : "");
-      setTimeout(() => {
-        nextTick(() => togglePopoverVisible(false));
-      }, 0);
+      myValue.value = props.multiple ? [] : void 0;
+      setTimeout(() => togglePopoverVisible(false), 0);
     }
     function handleChange(val, node) {
       formItem?.validate?.("change").catch(() => {
@@ -111,7 +112,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(myValue) ? myValue.value = $event : null),
               "collapse-tags": "",
               "collapse-tags-tooltip": "",
-              clearable: "",
+              clearable: __props.clearable,
               options: __props.options,
               placeholder: __props.placeholder,
               filterable: __props.filterable,
@@ -127,7 +128,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 createTextVNode(toDisplayString(__props.filterEmptyText), 1)
               ]),
               _: 1
-            }, 16, ["modelValue", "options", "placeholder", "filterable", "props", "class", "popper-class", "disabled"])
+            }, 16, ["modelValue", "clearable", "options", "placeholder", "filterable", "props", "class", "popper-class", "disabled"])
           ], 34)
         ]),
         default: withCtx(() => [

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

@@ -14,6 +14,7 @@ declare const _default: import('vue').DefineComponent<ITreePickerProps, {}, {},
     disabled: boolean;
     options: import('element-plus').CascaderOption[];
     multiple: boolean;
+    clearable: boolean;
     filterEmptyText: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     popoverRef: ({

package/dist/es/components/tree-select/docs/data.d.ts

@@ -0,0 +1,2 @@
+import { CascaderOption } from 'element-plus/es/components/cascader-panel';
+export declare const treeData: CascaderOption[];

package/dist/es/components/tree-select/index.css

@@ -0,0 +1,48 @@
+/* source: src/components/tree-select/tree-select.vue */
+._popover_miab9_1 {
+  width: auto !important;
+  min-width: 80px !important;
+  padding: 0 !important;
+}
+._container_miab9_7 {
+  min-width: 240px;
+  width: fit-content;
+  height: 225px;
+}
+._container_miab9_7 .el-tree-node__content {
+  --el-tree-node-hover-bg-color: var(--vc-highlight-bg-color, var(--el-fill-color-light));
+  padding-right: 32px;
+}
+._container_miab9_7 .el-scrollbar__wrap {
+  overflow-x: hidden;
+}
+._scrollbar-view_miab9_20 {
+  padding: 4px 0;
+}
+._wrapper_miab9_24 {
+  width: var(--v53d289be);
+}
+._wrapper_miab9_24 .el-tag .el-icon {
+  display: none;
+}
+._cascader_miab9_31 {
+  width: 100%;
+}
+._cascader_miab9_31 .el-input__wrapper.is-focus {
+  box-shadow: 0 0 0 1px var(--el-input-focus-border-color, var(--el-color-primary)) inset !important;
+}
+._cascader-width_miab9_38 {
+  width: var(--v53d289be);
+}
+._is-active_miab9_42 .el-input__inner {
+  border-color: var(--color-primary);
+}
+._is-active_miab9_42 .el-icon {
+  transform: rotateZ(-180deg) !important;
+}
+._cascader-popover_miab9_49.el-cascader__dropdown {
+  display: none;
+}
+._cascader-panel_miab9_53 .el-cascader-panel {
+  display: none;
+}

package/dist/es/components/tree-select/index.d.ts

@@ -0,0 +1,4 @@
+import { SFCWithInstall } from '../../utils/typescript';
+import { default as Component } from './tree-select.vue';
+export declare const VcTreeSelect: SFCWithInstall<typeof Component>;
+export default VcTreeSelect;

package/dist/es/components/tree-select/index.mjs

@@ -0,0 +1,6 @@
+import { w as withInstall } from '../../chunk/DZ5W9TaA.mjs';
+import { C as Component } from './tree-select.mjs';
+
+const VcTreeSelect = withInstall(Component);
+
+export { VcTreeSelect, VcTreeSelect as default };

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

@@ -0,0 +1,21 @@
+import { TreeNodeData } from 'element-plus';
+export type TreeSelectValue = string | number | (string | number)[] | undefined;
+export interface ITreeSelectProps {
+    emptyText?: string;
+    placeholder?: string;
+    disabled?: boolean;
+    multiple?: boolean;
+    checkStrictly?: boolean;
+    modelValue: TreeSelectValue;
+    options?: TreeNodeData[];
+    props?: Record<string, any>;
+    width?: string | number;
+    filterable?: boolean;
+    filterEmptyText?: string;
+    clearable?: boolean;
+}
+export interface ITreeSelectEmits {
+    (e: 'update:modelValue', value: TreeSelectValue): void;
+    (e: 'change', value: TreeSelectValue, node?: any): void;
+    (e: 'blur', event: FocusEvent): void;
+}