@funcho/ui 1.1.0 → 1.1.1

package/dist/cjs/business/SidebarMainLayout/SidebarMainLayout.vue.js

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

package/dist/cjs/business/SidebarMainLayout/SidebarMainLayout.vue3.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const SidebarMainLayout_vue_vue_type_script_setup_true_lang = require('./SidebarMainLayout.vue.js');
+;/* empty css                        */
+
+
+
+exports.default = SidebarMainLayout_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/business/SidebarMainLayout/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const SidebarMainLayout_vue_vue_type_script_setup_true_lang = require('./SidebarMainLayout.vue.js');
+;/* empty css                        */
+const withInstall = require('../../_utils/with-install.js');
+
+const FcProSidebarMainLayout = withInstall.withInstall(SidebarMainLayout_vue_vue_type_script_setup_true_lang.default);
+
+exports.FcProSidebarMainLayout = FcProSidebarMainLayout;
+exports.default = FcProSidebarMainLayout;

package/dist/cjs/business/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const index = require('./SidebarMainLayout/index.js');
+const index$1 = require('./DataTable/index.js');
+const index$2 = require('./ProForm/index.js');
+
+
+
+exports.FcProSidebarMainLayout = index.FcProSidebarMainLayout;
+exports.FcProDataTable = index$1.FcProDataTable;
+exports.FcProForm = index$2.FcProForm;

package/dist/cjs/components/Button/DangerButton.vue.js

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

package/dist/cjs/components/Card/Card.vue.js

@@ -5,14 +5,8 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require('vue');
 const index = require('../../node_modules/.pnpm/element-plus@2.13.5_patch_hash_415fe9eaeb4c26121ef1304c7dfbfaa75441fcd0d7ca1a8beb1acd12_87ac520f28bb40f5a8b03aa48269c150/node_modules/element-plus/es/components/card/index.js');
 require('../../_virtual/dayjs.min.js');
+const useNamespace = require('../../hooks/use-namespace.js');
 
-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__ */ vue.defineComponent({
   ...{
     name: "FcCard"
@@ -24,6 +18,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     border: { type: Boolean, default: true }
   },
   setup(__props, { expose: __expose }) {
+    const ns = useNamespace.useNamespace("card");
     const elRef = vue.ref();
     __expose(
       new Proxy(
@@ -43,18 +38,27 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ref_key: "elRef",
         ref: elRef,
         shadow: __props.shadow,
-        class: { "pd-top-none": __props.title || _ctx.$slots.tools, "border-none": !__props.border }
+        class: { [vue.unref(ns).m("no-padding-top")]: __props.title || _ctx.$slots.tools, [vue.unref(ns).m("no-border")]: !__props.border }
       }), {
         default: vue.withCtx(() => [
-          __props.title || _ctx.$slots.tools ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-            vue.createElementVNode("div", _hoisted_2, vue.toDisplayString(__props.title), 1),
-            vue.createElementVNode("div", _hoisted_3, [
+          __props.title || _ctx.$slots.tools ? (vue.openBlock(), vue.createElementBlock("div", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(ns).e("header"))
+          }, [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("title"))
+            }, vue.toDisplayString(__props.title), 3),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("tools"))
+            }, [
               vue.renderSlot(_ctx.$slots, "tools")
-            ])
-          ])) : vue.createCommentVNode("", true),
-          vue.createElementVNode("div", _hoisted_4, [
+            ], 2)
+          ], 2)) : vue.createCommentVNode("", true),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("content"))
+          }, [
             vue.renderSlot(_ctx.$slots, "default")
-          ])
+          ], 2)
         ]),
         _: 3
       }, 16, ["shadow", "class"]);

package/dist/cjs/components/CodeEditor/CodeEditor.vue.js

@@ -8,6 +8,7 @@ require('./arcConfig.js');
 const useFormCommonProps = require('../../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.js');
 const useFormItem = require('../../node_modules/.pnpm/element-plus@2.13.5_patch_hash_415fe9eaeb4c26121ef1304c7dfbfaa75441fcd0d7ca1a8beb1acd12_87ac520f28bb40f5a8b03aa48269c150/node_modules/element-plus/es/components/form/src/hooks/use-form-item.js');
 require('../../_virtual/dayjs.min.js');
+const useNamespace = require('../../hooks/use-namespace.js');
 
 const editor = null;
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
@@ -28,6 +29,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }),
   emits: ["update:modelValue"],
   setup(__props) {
+    const ns = useNamespace.useNamespace("ace-editor");
     const { formItem } = useFormItem.useFormItem();
     const _disabled = useFormCommonProps.useFormDisabled();
     const modelValue = vue.useModel(__props, "modelValue");
@@ -88,7 +90,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     };
     return (_ctx, _cache) => {
       return vue.openBlock(), vue.createElementBlock("div", {
-        class: vue.normalizeClass(["fc-vue-ace-editor", { "disabled-fc-vue-ace-editor": __props.disabled || vue.unref(_disabled), "is-focused": isFocused.value }]),
+        class: vue.normalizeClass({
+          [vue.unref(ns).b()]: true,
+          [vue.unref(ns).is("disabled")]: __props.disabled || vue.unref(_disabled),
+          [vue.unref(ns).is("focused")]: isFocused.value
+        }),
         style: vue.normalizeStyle({ height: __props.height })
       }, [
         vue.createVNode(vue.unref(vue3AceEditor.VAceEditor), {

package/dist/cjs/components/CodeEditor/CodeEditorInput.vue.js

@@ -2,10 +2,146 @@
 
 Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
 
-const CodeEditorInput_vue_vue_type_script_setup_true_lang = ;/* empty css                      */
-;/* empty css                      */
-const _pluginVue_exportHelper = require('../../_virtual/_plugin-vue_export-helper.js');
+const vue = require('vue');
+const CodeEditor_vue_vue_type_script_setup_true_lang = require('./CodeEditor.vue.js');
+;/* empty css                 */
+const Input_vue_vue_type_script_setup_true_lang = require('../Input/Input.vue.js');
+;/* empty css                   */
+const Button_vue_vue_type_script_setup_true_lang = require('../Button/Button.vue.js');
+;/* empty css                     */
+const Drawer_vue_vue_type_script_setup_true_lang = require('../Drawer/Drawer.vue.js');
+;/* empty css                     */
+const useFormCommonProps = require('../../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.js');
+const useFormItem = require('../../node_modules/.pnpm/element-plus@2.13.5_patch_hash_415fe9eaeb4c26121ef1304c7dfbfaa75441fcd0d7ca1a8beb1acd12_87ac520f28bb40f5a8b03aa48269c150/node_modules/element-plus/es/components/form/src/hooks/use-form-item.js');
+require('../../_virtual/dayjs.min.js');
+const useNamespace = require('../../hooks/use-namespace.js');
 
-const CodeEditorInput = /* @__PURE__ */ _pluginVue_exportHelper.default(CodeEditorInput_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-f22465b2"]]);
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "FcCodeEditorInput",
+    inheritAttrs: false
+  },
+  __name: "CodeEditorInput",
+  props: /* @__PURE__ */ vue.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.useNamespace("code-editor-input");
+    const { formItem } = useFormItem.useFormItem();
+    const _disabled = useFormCommonProps.useFormDisabled();
+    const model = vue.useModel(__props, "modelValue");
+    const dataModel = vue.ref();
+    const drawerVisible = vue.ref(false);
+    const props = __props;
+    const myTitle = vue.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 vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(vue.unref(ns).b())
+      }, [
+        __props.isTextMode ? (vue.openBlock(), vue.createElementBlock("div", {
+          key: 0,
+          class: vue.normalizeClass(vue.unref(ns).e("text-code")),
+          onClick: vue.withModifiers(showDrawer, ["stop", "prevent"])
+        }, vue.toDisplayString(model.value), 3)) : (vue.openBlock(), vue.createElementBlock("div", {
+          key: 1,
+          style: { "cursor": "pointer" },
+          onClick: vue.withModifiers(showDrawer, ["stop", "prevent"])
+        }, [
+          vue.createVNode(Input_vue_vue_type_script_setup_true_lang.default, vue.mergeProps({
+            modelValue: model.value,
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event)
+          }, _ctx.$attrs, {
+            placeholder: __props.placeholder || "请输入",
+            disabled: __props.disabled || vue.unref(_disabled),
+            readonly: __props.readonly,
+            style: { "pointer-events": "none" }
+          }), null, 16, ["modelValue", "placeholder", "disabled", "readonly"])
+        ])),
+        vue.createVNode(Drawer_vue_vue_type_script_setup_true_lang.default, {
+          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)
+        }, vue.createSlots({
+          header: vue.withCtx(() => [
+            vue.createElementVNode("span", null, vue.toDisplayString(myTitle.value), 1)
+          ]),
+          default: vue.withCtx(() => [
+            vue.createVNode(CodeEditor_vue_vue_type_script_setup_true_lang.default, {
+              modelValue: dataModel.value,
+              "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dataModel.value = $event),
+              disabled: __props.disabled || vue.unref(_disabled),
+              readonly: __props.readonly
+            }, null, 8, ["modelValue", "disabled", "readonly"])
+          ]),
+          _: 2
+        }, [
+          !__props.disabled && !__props.readonly && !vue.unref(_disabled) ? {
+            name: "footer",
+            fn: vue.withCtx(() => [
+              vue.createElementVNode("div", {
+                class: vue.normalizeClass(vue.unref(ns).e("footer-box"))
+              }, [
+                vue.createVNode(Button_vue_vue_type_script_setup_true_lang.default, {
+                  onClick: _cache[2] || (_cache[2] = ($event) => dataModel.value = "")
+                }, {
+                  default: vue.withCtx(() => [..._cache[6] || (_cache[6] = [
+                    vue.createTextVNode("清空", -1)
+                  ])]),
+                  _: 1
+                }),
+                vue.createElementVNode("div", null, [
+                  vue.createVNode(Button_vue_vue_type_script_setup_true_lang.default, {
+                    onClick: _cache[3] || (_cache[3] = ($event) => drawerVisible.value = false)
+                  }, {
+                    default: vue.withCtx(() => [..._cache[7] || (_cache[7] = [
+                      vue.createTextVNode("取消", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  vue.createVNode(Button_vue_vue_type_script_setup_true_lang.default, {
+                    type: "primary",
+                    onClick: closeDrawer
+                  }, {
+                    default: vue.withCtx(() => [..._cache[8] || (_cache[8] = [
+                      vue.createTextVNode("确认", -1)
+                    ])]),
+                    _: 1
+                  })
+                ])
+              ], 2)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["modelValue"])
+      ], 2);
+    };
+  }
+});
 
-exports.default = CodeEditorInput;
+exports.default = _sfc_main;

package/dist/cjs/components/CodeEditor/CodeEditorInput.vue3.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: 'Module' } });
+
+const CodeEditorInput_vue_vue_type_script_setup_true_lang = require('./CodeEditorInput.vue.js');
+;/* empty css                      */
+
+
+
+exports.default = CodeEditorInput_vue_vue_type_script_setup_true_lang.default;

package/dist/cjs/components/CodeEditor/index.js

@@ -4,11 +4,12 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 
 const CodeEditor_vue_vue_type_script_setup_true_lang = require('./CodeEditor.vue.js');
 ;/* empty css                 */
-const CodeEditorInput = require('./CodeEditorInput.vue.js');
+const CodeEditorInput_vue_vue_type_script_setup_true_lang = require('./CodeEditorInput.vue.js');
+;/* empty css                      */
 const withInstall = require('../../_utils/with-install.js');
 
 const FcCodeEditor = withInstall.withInstall(CodeEditor_vue_vue_type_script_setup_true_lang.default);
-const FcCodeEditorInput = withInstall.withInstall(CodeEditorInput.default);
+const FcCodeEditorInput = withInstall.withInstall(CodeEditorInput_vue_vue_type_script_setup_true_lang.default);
 
 exports.FcCodeEditor = FcCodeEditor;
 exports.FcCodeEditorInput = FcCodeEditorInput;

package/dist/cjs/components/DatePicker/BzDatePicker.vue.js

@@ -12,12 +12,9 @@ const DatePickerPanel_vue_vue_type_script_setup_true_lang = require('../DatePick
 const Tooltip_vue_vue_type_script_setup_true_lang = require('../Tooltip/Tooltip.vue.js');
 ;/* empty css                       */
 const dayjs_min = require('../../_virtual/dayjs.min.js');
+const useNamespace = require('../../hooks/use-namespace.js');
 
-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__ */ vue.defineComponent({
   ...{
     name: "FcBzDatePicker",
@@ -38,6 +35,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }),
   emits: ["update:modelValue"],
   setup(__props) {
+    const ns = useNamespace.useNamespace("bz-date-picker");
     const props = __props;
     const isRange = vue.computed(() => {
       return props.type === "daterange" || props.type === "datetimerange";
@@ -170,9 +168,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         onBeforeShow: handleBeforeShow
       }, {
         content: vue.withCtx(() => [
-          vue.createElementVNode("div", _hoisted_2, [
-            vue.createElementVNode("div", _hoisted_3, [
-              vue.createElementVNode("div", _hoisted_4, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).e("content"))
+          }, [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("body"))
+            }, [
+              vue.createElementVNode("div", _hoisted_1, [
                 vue.createVNode(DatePickerPanel_vue_vue_type_script_setup_true_lang.default, {
                   modelValue: date1.value,
                   "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => date1.value = $event),
@@ -192,8 +194,10 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   "value-format": dateRangeValueFormat.value
                 }, null, 8, ["modelValue", "type", "value-format"])
               ])
-            ]),
-            vue.createElementVNode("div", _hoisted_5, [
+            ], 2),
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("footer"))
+            }, [
               vue.createElementVNode("div", null, [
                 vue.createVNode(Button_vue_vue_type_script_setup_true_lang.default, {
                   size: "small",
@@ -279,11 +283,13 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   _: 1
                 })
               ])
-            ])
-          ])
+            ], 2)
+          ], 2)
         ]),
         default: vue.withCtx(() => [
-          vue.createElementVNode("div", _hoisted_1, [
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(vue.unref(ns).b())
+          }, [
             vue.createVNode(DatePicker_vue_vue_type_script_setup_true_lang.default, vue.mergeProps({ ref: "datePickerRef" }, _ctx.$attrs, {
               modelValue: dateRange.value,
               "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => dateRange.value = $event),
@@ -295,7 +301,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               "empty-values": [[]],
               "value-on-clear": () => []
             }), null, 16, ["modelValue", "disabled", "type", "value-format"])
-          ])
+          ], 2)
         ]),
         _: 1
       }, 8, ["disabled"]));

package/dist/cjs/components/Drawer/Drawer.vue.js

@@ -5,6 +5,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const vue = require('vue');
 const index = require('../../node_modules/.pnpm/element-plus@2.13.5_patch_hash_415fe9eaeb4c26121ef1304c7dfbfaa75441fcd0d7ca1a8beb1acd12_87ac520f28bb40f5a8b03aa48269c150/node_modules/element-plus/es/components/drawer/index.js');
 require('../../_virtual/dayjs.min.js');
+const useNamespace = require('../../hooks/use-namespace.js');
 
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
@@ -18,6 +19,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
     showDivider: { type: Boolean, default: false }
   },
   setup(__props, { expose: __expose }) {
+    const ns = useNamespace.useNamespace("drawer");
     const elRef = vue.ref();
     __expose(
       new Proxy(
@@ -38,7 +40,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         ref: elRef,
         "show-close": false,
         size: __props.size,
-        class: { "show-divider": __props.showDivider }
+        class: { [vue.unref(ns).is("divider")]: __props.showDivider }
       }), vue.createSlots({ _: 2 }, [
         vue.renderList(_ctx.$slots, (_, name) => {
           return {

package/dist/cjs/components/Dropdown/Dropdown.vue.js

@@ -12,8 +12,8 @@ const DropdownMenu_vue_vue_type_script_setup_true_lang = require('../DropdownMen
 const DropdownItem_vue_vue_type_script_setup_true_lang = require('../DropdownItem/DropdownItem.vue.js');
 ;/* empty css                                 */
 const lovIdRequestProvide = require('../../config/lovId-request-provide.js');
+const useNamespace = require('../../hooks/use-namespace.js');
 
-const _hoisted_1 = { class: "fc-dropdown-link" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "FcDropdown"
@@ -31,6 +31,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   }),
   emits: /* @__PURE__ */ vue.mergeModels(["visible-change", "command"], ["update:modelValue"]),
   setup(__props, { expose: __expose, emit: __emit }) {
+    const ns = useNamespace.useNamespace("dropdown");
     const config = vue.inject(lovIdRequestProvide.FC_LOVID_REQUEST_CONFIG_KEY, {});
     const props = __props;
     const isVisible = vue.ref(false);
@@ -103,14 +104,16 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         !_ctx.$slots.default ? {
           name: "default",
           fn: vue.withCtx(() => [
-            vue.createElementVNode("div", _hoisted_1, [
+            vue.createElementVNode("div", {
+              class: vue.normalizeClass(vue.unref(ns).e("link"))
+            }, [
               vue.createElementVNode("span", null, vue.toDisplayString(activeLabel.value), 1),
               vue.createVNode(IconComponent_vue_vue_type_script_setup_true_lang.default, {
                 name: "ArrowDown",
                 size: "14",
-                class: vue.normalizeClass(["fc-dropdown-arrow", { "is-active": isVisible.value }])
+                class: vue.normalizeClass({ [vue.unref(ns).e("arrow")]: true, [vue.unref(ns).is("active")]: isVisible.value })
               }, null, 8, ["class"])
-            ])
+            ], 2)
           ]),
           key: "0"
         } : void 0,