@funcho/ui 1.1.0 → 1.1.1

package/dist/esm/business/SidebarMainLayout/SidebarMainLayout.vue.mjs

@@ -0,0 +1,144 @@
+import { defineComponent, ref, createElementBlock, openBlock, normalizeClass, unref, createCommentVNode, createElementVNode, renderSlot, createVNode, withCtx } from 'vue';
+import { useElementSize } from '@vueuse/core';
+import '../../components/Button/index.mjs';
+import '../../components/Dialog/index.mjs';
+import '../../components/ConfigProvider/index.mjs';
+import '../../components/Input/index.mjs';
+import '../../components/Tree/index.mjs';
+import '../../components/Tabs/index.mjs';
+import '../../components/TabPane/index.mjs';
+import '../../components/Steps/index.mjs';
+import '../../components/Step/index.mjs';
+import '../../components/InputNumber/index.mjs';
+import '../../components/Select/index.mjs';
+import '../../components/Option/index.mjs';
+import '../../components/DatePicker/index.mjs';
+import '../../components/DatePickerPanel/index.mjs';
+import '../../components/Tooltip/index.mjs';
+import '../../components/Icon/index.mjs';
+import '../../components/Notification/index.mjs';
+import '../../components/Link/index.mjs';
+import '../../components/Text/index.mjs';
+import '../../components/Scrollbar/index.mjs';
+import { FcSplitter } from '../../components/Splitter/index.mjs';
+import { FcSplitterPanel } from '../../components/SplitterPanel/index.mjs';
+import '../../components/Autocomplete/index.mjs';
+import '../../components/Cascader/index.mjs';
+import '../../components/CascaderPanel/index.mjs';
+import '../../components/Checkbox/index.mjs';
+import '../../components/CheckboxGroup/index.mjs';
+import '../../components/CheckboxButton/index.mjs';
+import '../../components/Form/index.mjs';
+import '../../components/FormItem/index.mjs';
+import '../../components/InputTag/index.mjs';
+import '../../components/Radio/index.mjs';
+import '../../components/RadioGroup/index.mjs';
+import '../../components/SelectV2/index.mjs';
+import '../../components/Switch/index.mjs';
+import '../../components/TimePicker/index.mjs';
+import '../../components/TimeSelect/index.mjs';
+import '../../components/TreeSelect/index.mjs';
+import '../../components/Upload/index.mjs';
+import '../../components/Avatar/index.mjs';
+import '../../components/AvatarGroup/index.mjs';
+import '../../components/Badge/index.mjs';
+import '../../components/Card/index.mjs';
+import '../../components/Descriptions/index.mjs';
+import '../../components/DescriptionsItem/index.mjs';
+import '../../components/Empty/index.mjs';
+import '../../components/Image/index.mjs';
+import '../../components/ImageViewer/index.mjs';
+import '../../components/Pagination/index.mjs';
+import '../../components/Table/index.mjs';
+import '../../components/TableColumn/index.mjs';
+import '../../components/TableV2/index.mjs';
+import '../../components/Tag/index.mjs';
+import '../../components/Breadcrumb/index.mjs';
+import '../../components/BreadcrumbItem/index.mjs';
+import '../../components/Drawer/index.mjs';
+import '../../components/Popconfirm/index.mjs';
+import '../../components/IconComponent/index.mjs';
+import '../../components/Popover/index.mjs';
+import '../../components/Result/index.mjs';
+import '../../components/Progress/index.mjs';
+import '../../components/Divider/index.mjs';
+import '../../components/Dropdown/index.mjs';
+import '../../components/DropdownMenu/index.mjs';
+import '../../components/DropdownItem/index.mjs';
+import '../../components/Menu/index.mjs';
+import '../../components/SubMenu/index.mjs';
+import '../../components/MenuItem/index.mjs';
+import '../../components/RadioButton/index.mjs';
+import '../../components/MenuItemGroup/index.mjs';
+import '../../components/Collapse/index.mjs';
+import '../../components/CollapseItem/index.mjs';
+import '../../components/ContextMenu/index.mjs';
+import '../../components/CodeEditor/index.mjs';
+import '../../components/RichEditor/index.mjs';
+import { useNamespace } from '../../hooks/use-namespace.mjs';
+
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FcProSidebarMainLayout"
+  },
+  __name: "SidebarMainLayout",
+  props: {
+    leftBorder: { type: Boolean, default: true },
+    rightBorder: { type: Boolean, default: true }
+  },
+  setup(__props) {
+    const ns = useNamespace("sidebar-main-layout");
+    const rightContainer = ref(null);
+    const { height } = useElementSize(rightContainer);
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(ns).b())
+      }, [
+        _ctx.$slots.header ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(ns).e("header"))
+        }, [
+          renderSlot(_ctx.$slots, "header")
+        ], 2)) : createCommentVNode("", true),
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("content"))
+        }, [
+          createVNode(unref(FcSplitter), {
+            class: normalizeClass(unref(ns).e("splitter"))
+          }, {
+            default: withCtx(() => [
+              createVNode(unref(FcSplitterPanel), {
+                size: 260,
+                min: 200
+              }, {
+                default: withCtx(() => [
+                  createElementVNode("div", {
+                    class: normalizeClass({ [unref(ns).e("left")]: true, [unref(ns).is("border")]: __props.leftBorder })
+                  }, [
+                    renderSlot(_ctx.$slots, "left", { height: unref(height) })
+                  ], 2)
+                ]),
+                _: 3
+              }),
+              createVNode(unref(FcSplitterPanel), { min: "50%" }, {
+                default: withCtx(() => [
+                  createElementVNode("div", {
+                    ref_key: "rightContainer",
+                    ref: rightContainer,
+                    class: normalizeClass({ [unref(ns).e("right")]: true, [unref(ns).is("border")]: __props.rightBorder })
+                  }, [
+                    renderSlot(_ctx.$slots, "right", { height: unref(height) })
+                  ], 2)
+                ]),
+                _: 3
+              })
+            ]),
+            _: 3
+          }, 8, ["class"])
+        ], 2)
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/esm/business/SidebarMainLayout/SidebarMainLayout.vue3.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './SidebarMainLayout.vue.mjs';
+/* empty css                        */
+
+
+
+export { _sfc_main as default };

package/dist/esm/business/SidebarMainLayout/index.mjs

@@ -0,0 +1,7 @@
+import _sfc_main from './SidebarMainLayout.vue.mjs';
+/* empty css                        */
+import { withInstall } from '../../_utils/with-install.mjs';
+
+const FcProSidebarMainLayout = withInstall(_sfc_main);
+
+export { FcProSidebarMainLayout, FcProSidebarMainLayout as default };

package/dist/esm/business/index.mjs

@@ -0,0 +1,3 @@
+export { FcProSidebarMainLayout } from './SidebarMainLayout/index.mjs';
+export { FcProDataTable } from './DataTable/index.mjs';
+export { FcProForm } from './ProForm/index.mjs';

package/dist/esm/components/Button/DangerButton.vue.mjs

@@ -11,7 +11,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   __name: "DangerButton",
   props: {
-    title: { default: "是否确定删除？" }
+    title: { default: "是否确定删除？" },
+    link: { type: Boolean, default: true }
   },
   emits: ["confirm", "cancel"],
   setup(__props, { emit: __emit }) {
@@ -31,7 +32,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         reference: withCtx(() => [
           createVNode(_sfc_main$2, mergeProps(_ctx.$attrs, {
             ref: "elRef",
-            type: "danger"
+            type: "danger",
+            link: ""
           }), createSlots({ _: 2 }, [
             renderList(_ctx.$slots, (_, name) => {
               return {

package/dist/esm/components/Card/Card.vue.mjs

@@ -1,14 +1,8 @@
-import { defineComponent, ref, createBlock, openBlock, unref, mergeProps, withCtx, createElementBlock, createCommentVNode, createElementVNode, toDisplayString, renderSlot } from 'vue';
+import { defineComponent, ref, createBlock, openBlock, unref, mergeProps, withCtx, createElementBlock, createCommentVNode, createElementVNode, normalizeClass, toDisplayString, renderSlot } from 'vue';
 import { ElCard } from '../../node_modules/.pnpm/element-plus@2.13.5_patch_hash_415fe9eaeb4c26121ef1304c7dfbfaa75441fcd0d7ca1a8beb1acd12_87ac520f28bb40f5a8b03aa48269c150/node_modules/element-plus/es/components/card/index.mjs';
 import '../../_virtual/dayjs.min.mjs';
+import { useNamespace } from '../../hooks/use-namespace.mjs';
 
-const _hoisted_1 = {
-  key: 0,
-  class: "fc-card-header"
-};
-const _hoisted_2 = { class: "fc-card-title" };
-const _hoisted_3 = { class: "fc-card-tools" };
-const _hoisted_4 = { class: "fc-card-content" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "FcCard"
@@ -20,6 +14,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     border: { type: Boolean, default: true }
   },
   setup(__props, { expose: __expose }) {
+    const ns = useNamespace("card");
     const elRef = ref();
     __expose(
       new Proxy(
@@ -39,18 +34,27 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref_key: "elRef",
         ref: elRef,
         shadow: __props.shadow,
-        class: { "pd-top-none": __props.title || _ctx.$slots.tools, "border-none": !__props.border }
+        class: { [unref(ns).m("no-padding-top")]: __props.title || _ctx.$slots.tools, [unref(ns).m("no-border")]: !__props.border }
       }), {
         default: withCtx(() => [
-          __props.title || _ctx.$slots.tools ? (openBlock(), createElementBlock("div", _hoisted_1, [
-            createElementVNode("div", _hoisted_2, toDisplayString(__props.title), 1),
-            createElementVNode("div", _hoisted_3, [
+          __props.title || _ctx.$slots.tools ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(unref(ns).e("header"))
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).e("title"))
+            }, toDisplayString(__props.title), 3),
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).e("tools"))
+            }, [
               renderSlot(_ctx.$slots, "tools")
-            ])
-          ])) : createCommentVNode("", true),
-          createElementVNode("div", _hoisted_4, [
+            ], 2)
+          ], 2)) : createCommentVNode("", true),
+          createElementVNode("div", {
+            class: normalizeClass(unref(ns).e("content"))
+          }, [
             renderSlot(_ctx.$slots, "default")
-          ])
+          ], 2)
         ]),
         _: 3
       }, 16, ["shadow", "class"]);

package/dist/esm/components/CodeEditor/CodeEditor.vue.mjs

@@ -4,6 +4,7 @@ import './arcConfig.mjs';
 import { useFormDisabled } from '../../node_modules/.pnpm/element-plus@2.13.5_patch_hash_415fe9eaeb4c26121ef1304c7dfbfaa75441fcd0d7ca1a8beb1acd12_87ac520f28bb40f5a8b03aa48269c150/node_modules/element-plus/es/components/form/src/hooks/use-form-common-props.mjs';
 import { useFormItem } from '../../node_modules/.pnpm/element-plus@2.13.5_patch_hash_415fe9eaeb4c26121ef1304c7dfbfaa75441fcd0d7ca1a8beb1acd12_87ac520f28bb40f5a8b03aa48269c150/node_modules/element-plus/es/components/form/src/hooks/use-form-item.mjs';
 import '../../_virtual/dayjs.min.mjs';
+import { useNamespace } from '../../hooks/use-namespace.mjs';
 
 const editor = null;
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -24,6 +25,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }),
   emits: ["update:modelValue"],
   setup(__props) {
+    const ns = useNamespace("ace-editor");
     const { formItem } = useFormItem();
     const _disabled = useFormDisabled();
     const modelValue = useModel(__props, "modelValue");
@@ -84,7 +86,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["fc-vue-ace-editor", { "disabled-fc-vue-ace-editor": __props.disabled || unref(_disabled), "is-focused": isFocused.value }]),
+        class: normalizeClass({
+          [unref(ns).b()]: true,
+          [unref(ns).is("disabled")]: __props.disabled || unref(_disabled),
+          [unref(ns).is("focused")]: isFocused.value
+        }),
         style: normalizeStyle({ height: __props.height })
       }, [
         createVNode(unref(VAceEditor), {

package/dist/esm/components/CodeEditor/CodeEditorInput.vue.mjs

@@ -1,7 +1,143 @@
-import _sfc_main from './CodeEditorInput.vue2.mjs';
-/* empty css                      */
-import _export_sfc from '../../_virtual/_plugin-vue_export-helper.mjs';
+import { defineComponent, mergeModels, useModel, ref, computed, createElementBlock, openBlock, normalizeClass, unref, createVNode, withModifiers, toDisplayString, mergeProps, createSlots, withCtx, createElementVNode, createTextVNode } from 'vue';
+import _sfc_main$3 from './CodeEditor.vue.mjs';
+/* empty css                 */
+import _sfc_main$1 from '../Input/Input.vue.mjs';
+/* empty css                   */
+import _sfc_main$4 from '../Button/Button.vue.mjs';
+/* empty css                     */
+import _sfc_main$2 from '../Drawer/Drawer.vue.mjs';
+/* empty css                     */
+import { useFormDisabled } from '../../node_modules/.pnpm/element-plus@2.13.5_patch_hash_415fe9eaeb4c26121ef1304c7dfbfaa75441fcd0d7ca1a8beb1acd12_87ac520f28bb40f5a8b03aa48269c150/node_modules/element-plus/es/components/form/src/hooks/use-form-common-props.mjs';
+import { useFormItem } from '../../node_modules/.pnpm/element-plus@2.13.5_patch_hash_415fe9eaeb4c26121ef1304c7dfbfaa75441fcd0d7ca1a8beb1acd12_87ac520f28bb40f5a8b03aa48269c150/node_modules/element-plus/es/components/form/src/hooks/use-form-item.mjs';
+import '../../_virtual/dayjs.min.mjs';
+import { useNamespace } from '../../hooks/use-namespace.mjs';
 
-const CodeEditorInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f22465b2"]]);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "FcCodeEditorInput",
+    inheritAttrs: false
+  },
+  __name: "CodeEditorInput",
+  props: /* @__PURE__ */ mergeModels({
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: void 0 },
+    readonly: { type: Boolean, default: false },
+    title: { default: "" },
+    isTextMode: { type: Boolean, default: false }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const ns = useNamespace("code-editor-input");
+    const { formItem } = useFormItem();
+    const _disabled = useFormDisabled();
+    const model = useModel(__props, "modelValue");
+    const dataModel = ref();
+    const drawerVisible = ref(false);
+    const props = __props;
+    const myTitle = computed(() => {
+      if (props.title) {
+        return props.title;
+      }
+      if (props.placeholder && props.placeholder.includes("请输入")) {
+        return props.placeholder.substring(3);
+      } else return "编辑";
+    });
+    const showDrawer = () => {
+      dataModel.value = model.value;
+      drawerVisible.value = true;
+    };
+    const closeDrawer = () => {
+      model.value = dataModel.value;
+      drawerVisible.value = false;
+      formItem?.validate("blur").catch(() => {
+      });
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(unref(ns).b())
+      }, [
+        __props.isTextMode ? (openBlock(), createElementBlock("div", {
+          key: 0,
+          class: normalizeClass(unref(ns).e("text-code")),
+          onClick: withModifiers(showDrawer, ["stop", "prevent"])
+        }, toDisplayString(model.value), 3)) : (openBlock(), createElementBlock("div", {
+          key: 1,
+          style: { "cursor": "pointer" },
+          onClick: withModifiers(showDrawer, ["stop", "prevent"])
+        }, [
+          createVNode(_sfc_main$1, mergeProps({
+            modelValue: model.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event)
+          }, _ctx.$attrs, {
+            placeholder: __props.placeholder || "请输入",
+            disabled: __props.disabled || unref(_disabled),
+            readonly: __props.readonly,
+            style: { "pointer-events": "none" }
+          }), null, 16, ["modelValue", "placeholder", "disabled", "readonly"])
+        ])),
+        createVNode(_sfc_main$2, {
+          modelValue: drawerVisible.value,
+          "onUpdate:modelValue": _cache[4] || (_cache[4] = ($event) => drawerVisible.value = $event),
+          "append-to-body": "",
+          onClose: _cache[5] || (_cache[5] = ($event) => drawerVisible.value = false)
+        }, createSlots({
+          header: withCtx(() => [
+            createElementVNode("span", null, toDisplayString(myTitle.value), 1)
+          ]),
+          default: withCtx(() => [
+            createVNode(_sfc_main$3, {
+              modelValue: dataModel.value,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dataModel.value = $event),
+              disabled: __props.disabled || unref(_disabled),
+              readonly: __props.readonly
+            }, null, 8, ["modelValue", "disabled", "readonly"])
+          ]),
+          _: 2
+        }, [
+          !__props.disabled && !__props.readonly && !unref(_disabled) ? {
+            name: "footer",
+            fn: withCtx(() => [
+              createElementVNode("div", {
+                class: normalizeClass(unref(ns).e("footer-box"))
+              }, [
+                createVNode(_sfc_main$4, {
+                  onClick: _cache[2] || (_cache[2] = ($event) => dataModel.value = "")
+                }, {
+                  default: withCtx(() => [..._cache[6] || (_cache[6] = [
+                    createTextVNode("清空", -1)
+                  ])]),
+                  _: 1
+                }),
+                createElementVNode("div", null, [
+                  createVNode(_sfc_main$4, {
+                    onClick: _cache[3] || (_cache[3] = ($event) => drawerVisible.value = false)
+                  }, {
+                    default: withCtx(() => [..._cache[7] || (_cache[7] = [
+                      createTextVNode("取消", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  createVNode(_sfc_main$4, {
+                    type: "primary",
+                    onClick: closeDrawer
+                  }, {
+                    default: withCtx(() => [..._cache[8] || (_cache[8] = [
+                      createTextVNode("确认", -1)
+                    ])]),
+                    _: 1
+                  })
+                ])
+              ], 2)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["modelValue"])
+      ], 2);
+    };
+  }
+});
 
-export { CodeEditorInput as default };
+export { _sfc_main as default };

package/dist/esm/components/CodeEditor/CodeEditorInput.vue3.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './CodeEditorInput.vue.mjs';
+/* empty css                      */
+
+
+
+export { _sfc_main as default };

package/dist/esm/components/CodeEditor/index.mjs

@@ -1,9 +1,10 @@
 import _sfc_main from './CodeEditor.vue.mjs';
 /* empty css                 */
-import CodeEditorInput from './CodeEditorInput.vue.mjs';
+import _sfc_main$1 from './CodeEditorInput.vue.mjs';
+/* empty css                      */
 import { withInstall } from '../../_utils/with-install.mjs';
 
 const FcCodeEditor = withInstall(_sfc_main);
-const FcCodeEditorInput = withInstall(CodeEditorInput);
+const FcCodeEditorInput = withInstall(_sfc_main$1);
 
 export { FcCodeEditor, FcCodeEditorInput, FcCodeEditor as default };

package/dist/esm/components/DatePicker/BzDatePicker.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, mergeModels, computed, useModel, onMounted, ref, watch, createBlock, openBlock, mergeProps, withCtx, createElementVNode, createVNode, createTextVNode } from 'vue';
+import { defineComponent, mergeModels, computed, useModel, onMounted, ref, watch, createBlock, openBlock, mergeProps, withCtx, createElementVNode, normalizeClass, unref, createVNode, createTextVNode } from 'vue';
 import _sfc_main$4 from '../Button/Button.vue.mjs';
 /* empty css                     */
 import _sfc_main$1 from './DatePicker.vue.mjs';
@@ -8,12 +8,9 @@ import _sfc_main$3 from '../DatePickerPanel/DatePickerPanel.vue.mjs';
 import _sfc_main$2 from '../Tooltip/Tooltip.vue.mjs';
 /* empty css                       */
 import dayjs from '../../_virtual/dayjs.min.mjs';
+import { useNamespace } from '../../hooks/use-namespace.mjs';
 
-const _hoisted_1 = { class: "bz-date-picker" };
-const _hoisted_2 = { class: "bz-date-picker_content" };
-const _hoisted_3 = { class: "body" };
-const _hoisted_4 = { style: { "border-right": "1px solid var(--fc-ui-border-color-light)" } };
-const _hoisted_5 = { class: "footer" };
+const _hoisted_1 = { style: { "border-right": "1px solid var(--fc-ui-border-color-light)" } };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "FcBzDatePicker",
@@ -34,6 +31,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }),
   emits: ["update:modelValue"],
   setup(__props) {
+    const ns = useNamespace("bz-date-picker");
     const props = __props;
     const isRange = computed(() => {
       return props.type === "daterange" || props.type === "datetimerange";
@@ -166,9 +164,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onBeforeShow: handleBeforeShow
       }, {
         content: withCtx(() => [
-          createElementVNode("div", _hoisted_2, [
-            createElementVNode("div", _hoisted_3, [
-              createElementVNode("div", _hoisted_4, [
+          createElementVNode("div", {
+            class: normalizeClass(unref(ns).e("content"))
+          }, [
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).e("body"))
+            }, [
+              createElementVNode("div", _hoisted_1, [
                 createVNode(_sfc_main$3, {
                   modelValue: date1.value,
                   "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => date1.value = $event),
@@ -188,8 +190,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   "value-format": dateRangeValueFormat.value
                 }, null, 8, ["modelValue", "type", "value-format"])
               ])
-            ]),
-            createElementVNode("div", _hoisted_5, [
+            ], 2),
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).e("footer"))
+            }, [
               createElementVNode("div", null, [
                 createVNode(_sfc_main$4, {
                   size: "small",
@@ -275,11 +279,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                   _: 1
                 })
               ])
-            ])
-          ])
+            ], 2)
+          ], 2)
         ]),
         default: withCtx(() => [
-          createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", {
+            class: normalizeClass(unref(ns).b())
+          }, [
             createVNode(_sfc_main$1, mergeProps({ ref: "datePickerRef" }, _ctx.$attrs, {
               modelValue: dateRange.value,
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dateRange.value = $event),
@@ -291,7 +297,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               "empty-values": [[]],
               "value-on-clear": () => []
             }), null, 16, ["modelValue", "disabled", "type", "value-format"])
-          ])
+          ], 2)
         ]),
         _: 1
       }, 8, ["disabled"]));

package/dist/esm/components/Drawer/Drawer.vue.mjs

@@ -1,6 +1,7 @@
 import { defineComponent, ref, createBlock, openBlock, unref, mergeProps, createSlots, renderList, withCtx, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import { ElDrawer } from '../../node_modules/.pnpm/element-plus@2.13.5_patch_hash_415fe9eaeb4c26121ef1304c7dfbfaa75441fcd0d7ca1a8beb1acd12_87ac520f28bb40f5a8b03aa48269c150/node_modules/element-plus/es/components/drawer/index.mjs';
 import '../../_virtual/dayjs.min.mjs';
+import { useNamespace } from '../../hooks/use-namespace.mjs';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -14,6 +15,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     showDivider: { type: Boolean, default: false }
   },
   setup(__props, { expose: __expose }) {
+    const ns = useNamespace("drawer");
     const elRef = ref();
     __expose(
       new Proxy(
@@ -34,7 +36,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         ref: elRef,
         "show-close": false,
         size: __props.size,
-        class: { "show-divider": __props.showDivider }
+        class: { [unref(ns).is("divider")]: __props.showDivider }
       }), createSlots({ _: 2 }, [
         renderList(_ctx.$slots, (_, name) => {
           return {

package/dist/esm/components/Dropdown/Dropdown.vue.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, mergeModels, inject, ref, useModel, computed, watch, onMounted, createBlock, openBlock, unref, mergeProps, createSlots, withCtx, renderList, createElementVNode, createVNode, toDisplayString, normalizeClass, createElementBlock, Fragment, createTextVNode, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
+import { defineComponent, mergeModels, inject, ref, useModel, computed, watch, onMounted, createBlock, openBlock, unref, mergeProps, createSlots, withCtx, renderList, createElementVNode, normalizeClass, createVNode, toDisplayString, createElementBlock, Fragment, createTextVNode, renderSlot, normalizeProps, guardReactiveProps } from 'vue';
 import { ElDropdown } from '../../node_modules/.pnpm/element-plus@2.13.5_patch_hash_415fe9eaeb4c26121ef1304c7dfbfaa75441fcd0d7ca1a8beb1acd12_87ac520f28bb40f5a8b03aa48269c150/node_modules/element-plus/es/components/dropdown/index.mjs';
 import '../../_virtual/dayjs.min.mjs';
 import _sfc_main$1 from '../IconComponent/IconComponent.vue.mjs';
@@ -8,8 +8,8 @@ import _sfc_main$2 from '../DropdownMenu/DropdownMenu.vue.mjs';
 import _sfc_main$3 from '../DropdownItem/DropdownItem.vue.mjs';
 /* empty css                                 */
 import { FC_LOVID_REQUEST_CONFIG_KEY } from '../../config/lovId-request-provide.mjs';
+import { useNamespace } from '../../hooks/use-namespace.mjs';
 
-const _hoisted_1 = { class: "fc-dropdown-link" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "FcDropdown"
@@ -27,6 +27,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   }),
   emits: /* @__PURE__ */ mergeModels(["visible-change", "command"], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
+    const ns = useNamespace("dropdown");
     const config = inject(FC_LOVID_REQUEST_CONFIG_KEY, {});
     const props = __props;
     const isVisible = ref(false);
@@ -99,14 +100,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         !_ctx.$slots.default ? {
           name: "default",
           fn: withCtx(() => [
-            createElementVNode("div", _hoisted_1, [
+            createElementVNode("div", {
+              class: normalizeClass(unref(ns).e("link"))
+            }, [
               createElementVNode("span", null, toDisplayString(activeLabel.value), 1),
               createVNode(_sfc_main$1, {
                 name: "ArrowDown",
                 size: "14",
-                class: normalizeClass(["fc-dropdown-arrow", { "is-active": isVisible.value }])
+                class: normalizeClass({ [unref(ns).e("arrow")]: true, [unref(ns).is("active")]: isVisible.value })
               }, null, 8, ["class"])
-            ])
+            ], 2)
           ]),
           key: "0"
         } : void 0,