@dinert/element-plus 1.1.44 → 2.0.0

package/es/packages/assets/scss/dinert-table.scss

@@ -1,14 +1,10 @@
 /* stylelint-disable-next-line at-rule-no-unknown */
-@use "variables" as *;
 
 .tree-item {
     width: 100%;
 
-    .#{$namespace}-tooltip__trigger {
-        display: block;
+    &.text-dot {
         overflow: hidden;
-        width: 100%;
-        text-align: left;
         text-overflow: ellipsis;
         white-space: nowrap;
     }
@@ -31,11 +27,11 @@
         line-height: 32px;
     }
 
-    & > .#{$namespace}-tree > .#{$namespace}-tree-node > .#{$namespace}-tree-node__content > .#{$namespace}-tree-node__expand-icon.is-leaf {
+    & > .el-tree > .el-tree-node > .el-tree-node__content > .el-tree-node__expand-icon.is-leaf {
         display: none;
     }
 
-    .#{$namespace}-tree-node__children {
+    .el-tree-node__children {
         overflow: unset;
     }
 }
@@ -55,7 +51,7 @@
         margin-bottom: 12px;
         text-align: right;
 
-        .dinert-popover-classify li .#{$namespace}-checkbox {
+        .dinert-popover-classify li .el-checkbox {
             width: 100%;
             line-height: 24px;
             height: 24px;
@@ -67,115 +63,131 @@
     }
 
     .dinert-table-body {
-        flex: 1;
+        display: flex;
         height: 0;
+        flex: 1;
 
-        .#{$namespace}-table {
-            &--border {
-                &::after,
-                &::before {
-                    // display: none;
+        .dinert-table-body-content {
+            width: 0;
+            height: 100%;
+            flex: 1;
+
+            .el-table {
+                &--border {
+                    &::after,
+                    &::before {
+                        // display: none;
+                    }
                 }
-            }
 
-            .#{$namespace}-table__border-left-patch {
-                // display: none;
-            }
+                .el-table__border-left-patch {
+                    // display: none;
+                }
 
-            .#{$namespace}-popper {
-                max-width: 50%;
-            }
+                .el-popper {
+                    max-width: 50%;
+                }
 
-            .#{$namespace}-table__header {
-                // .#{$namespace}-table__cell {
-                //     &:last-child {
-                //         border-right: none;
-                //     }
-
-                //     border-right: none;
-                //     border-bottom: none;
-                // }
-                .#{$namespace}-table__cell {
-                    &.setting {
-                        .setting-icon {
-                            display: inline-block;
+                .el-table__header {
+                    // .el-table__cell {
+                    //     &:last-child {
+                    //         border-right: none;
+                    //     }
+
+                    //     border-right: none;
+                    //     border-bottom: none;
+                    // }
+                    .el-table__cell {
+                        &.setting {
+                            .setting-icon {
+                                display: inline-block;
+                            }
                         }
-                    }
 
-                    .cell {
-                        color: var(--zp-color-secondary-text-title);
+                        .cell {
+                            // color: var(--zp-color-secondary-text-title);
+                            // display: flex;
 
-                        .setting-icon {
-                            vertical-align: -1px;
-                            margin-left: 4px;
-                            cursor: pointer;
+                            .setting-icon {
+                                vertical-align: -1px;
+                                margin-left: 4px;
+                                cursor: pointer;
+                            }
                         }
                     }
                 }
-            }
 
-            .#{$namespace}-table__body-wrapper {
-                td {
-                    // border-right: none;
-                    color: var(--zp-color-secondary-text-title);
+                .el-table__body-wrapper {
+                    td {
+                        // border-right: none;
+                        // color: var(--zp-color-secondary-text-title);
 
-                    .cell {
-                        &.#{$namespace}-tooltip > .cell-item {
-                            overflow: hidden;
-                            text-overflow: ellipsis;
-                            white-space: nowrap;
+                        &.is-center {
+                            .cell {
+                                justify-content: center;
+                            }
+                        }
 
-                            .cell-item-text {
+                        .cell {
+                            display: flex;
+                            align-items: center;
+
+                            &.el-tooltip > .cell-item {
                                 overflow: hidden;
                                 text-overflow: ellipsis;
                                 white-space: nowrap;
+
+                                .cell-item-text {
+                                    overflow: hidden;
+                                    text-overflow: ellipsis;
+                                    white-space: nowrap;
+                                }
                             }
                         }
                     }
-                }
 
-                .operations {
-                    .#{$namespace}-dropdown {
-                        vertical-align: -2px;
-                    }
+                    .operations {
+                        .el-dropdown {
+                            vertical-align: -2px;
+                        }
 
-                    .cell {
-                        display: flex;
-                        justify-content: center;
-                        align-items: center;
+                        .cell {
+                            display: flex;
+                            justify-content: center;
+                            align-items: center;
 
-                        .#{$namespace}-button {
-                            margin-right: 8px;
-                            margin-left: 0;
+                            .el-button {
+                                margin-left: 0;
 
-                            &:focus-visible {
-                                outline: none;
+                                &:focus-visible {
+                                    outline: none;
+                                }
                             }
-                        }
 
-                        .#{$namespace}-svg-icon {
-                            font-size: 14px;
-                            color: var(--el-color-primary);
-                            cursor: pointer;
-                            flex: 1;
+                            .el-svg-icon {
+                                font-size: 14px;
+                                color: var(--el-color-primary);
+                                cursor: pointer;
+                                flex: 1;
 
-                            &.delete {
-                                color: var(--el-color-danger);
+                                &.delete {
+                                    color: var(--el-color-danger);
+                                }
                             }
-                        }
 
-                        .svg-icon {
-                            width: 16px;
-                            height: 16px;
-                            vertical-align: -2px;
-                            flex: 1;
-                            color: var(--el-color-primary);
-                            cursor: pointer;
-                            fill: var(--el-color-primary);
-
-                            &.f-14 {
-                                width: 14px;
-                                height: 14px;
+                            .svg-icon {
+                                width: 16px;
+                                height: 16px;
+                                vertical-align: -2px;
+                                flex: 1;
+                                color: var(--el-color-primary);
+                                cursor: pointer;
+                                fill: var(--el-color-primary);
+
+                                &.f-14 {
+                                    width: 14px;
+                                    height: 14px;
+                                }
                             }
                         }
                     }
@@ -188,7 +200,7 @@
         display: flex;
         margin-top: 16px;
 
-        .#{$namespace}-pagination {
+        .el-pagination {
             display: flex;
             flex-wrap: wrap;
         }

package/es/packages/assets/scss/dinert-tooltip.scss

@@ -1,6 +1,5 @@
-/* stylelint-disable-next-line at-rule-no-unknown */
-@use "variables" as *;
-.dinert-tooltip.#{$namespace}-tooltip__trigger {
+
+.dinert-tooltip.el-tooltip__trigger {
     display: block;
     height: 100%;
 

package/es/packages/components/dialog/src/index.mjs

@@ -1,88 +1,152 @@
-import { defineComponent as d, ref as o, watch as c, createVNode as i, resolveComponent as g, mergeProps as f, Fragment as m } from "vue";
+import { defineComponent as n, ref as c, watch as f, createVNode as i, resolveComponent as o, mergeProps as d, Fragment as g } from "vue";
 import { getUuid as p } from "../../../utils/tools.mjs";
-import s from "lodash";
+import { Close as m } from "../../../../node_modules/@element-plus/icons-vue/dist/index.mjs";
 import "../../../assets/scss/dinert-dialog.scss.mjs";
 import "../../../assets/fonts/iconfont.mjs";
 const u = (e) => {
-  const t = {
+  const l = {
     width: "65%",
     height: "auto"
-  };
-  return e.size === "large" ? (t.width = 940, t.height = 706) : e.size === "small" ? (t.width = 482, t.height = 362) : e.size === "medium" && (t.width = 720, t.height = 440), t.width = e.width ? e.width : t.width, t.height = e.height ? e.height : t.height, t.height = String(t.height).replace("px", "") + "px", t;
-}, F = /* @__PURE__ */ d({
+  }, a = {};
+  return e === "large" ? (l.width = 940, l.height = 706) : e === "small" ? (l.width = 482, l.height = 362) : e === "medium" && (l.width = 720, l.height = 440), l.width = a.width ? a.width : l.width, l.height = a.height ? a.height : l.height, l.height = String(l.height).replace("px", "") + "px", l;
+}, B = /* @__PURE__ */ n({
   name: "dinert-dialog",
   props: {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
     fullscreen: {
-      type: Boolean
+      type: Boolean,
+      default: !1
+    },
+    showClose: {
+      type: Boolean,
+      default: !0
+    },
+    scrollbar: {
+      type: Object,
+      default: () => ({})
+    },
+    fixedHeight: {
+      type: Boolean,
+      default: !1
+    },
+    autoHeight: {
+      type: Boolean,
+      default: !1
+    },
+    closeOnClickModal: {
+      type: Boolean,
+      default: !1
+    },
+    title: {
+      type: String,
+      default: "弹窗标题"
+    },
+    modalClass: {
+      type: String,
+      default: ""
+    },
+    closeOnPressEscape: {
+      type: Boolean,
+      default: !0
+    },
+    appendToBody: {
+      type: Boolean,
+      default: !0
+    },
+    size: {
+      type: String,
+      default: ""
+    },
+    style: {
+      type: Object,
+      default: () => ({})
     }
   },
-  emits: ["update:fullscreen"],
-  setup(e, t) {
-    const r = "dialog_" + p(), a = {
-      title: "弹窗标题",
-      closeOnClickModal: !1,
-      closeOnPressEscape: !0,
-      appendToBody: !0
-    }, l = o(!1), h = () => {
-      l.value = !l.value, t.emit("update:fullscreen", l.value);
+  emits: ["update:fullscreen", "update:modelValue", "ClickClose"],
+  setup(e, l) {
+    const a = "dialog_" + p(), t = c(!1), r = () => {
+      t.value = !t.value, l.emit("update:fullscreen", t.value);
+    }, s = () => {
+      l.emit("update:modelValue", !1), l.emit("ClickClose");
     };
-    return c(() => e.fullscreen, (n) => {
-      l.value = n;
+    return f(() => e.fullscreen, (h) => {
+      t.value = h;
     }, {
       deep: !0,
       immediate: !0
     }), {
-      uuid: r,
-      defaultAttrs: a,
-      fullToggle: h,
-      currentFullScreen: l
+      uuid: a,
+      fullToggle: r,
+      currentFullScreen: t,
+      clickClose: s
     };
   },
   render() {
-    var r, a;
-    const e = this.$slots, t = s.defaultsDeep(s.cloneDeep({
-      ...this.$attrs,
-      class: this.$attrs.modalClass ? "dialog_" + this.$attrs.modalClass : "",
-      modalClass: `${this.uuid} el-overlay dinert-dialog ${this.$attrs.modalClass || ""}`,
-      width: u(this.$attrs).width,
+    var l, a;
+    const e = this.$slots;
+    return i("div", null, [i(o("el-dialog"), d({
+      modelValue: this.modelValue,
+      width: u(this.size).width,
       style: {
-        ...(r = this.$attrs) == null ? void 0 : r.style,
-        height: this.currentFullScreen ? void 0 : u(this.$attrs).height
+        ...this.style,
+        height: this.currentFullScreen ? void 0 : u(this.size).height
       }
-    }), this.defaultAttrs);
-    return i("div", null, [i(g("el-dialog"), f({
-      "el-dialog": !0
-    }, t, {
+    }, this.$attrs, {
+      showClose: !1,
+      modalClass: `${this.uuid}  dinert-overlay ${this.modalClass || ""} ${this.fixedHeight ? "fixed-height" : ""} ${this.autoHeight ? "auto-height" : ""}`,
       fullscreen: this.currentFullScreen,
-      "modal-class": "dinert-overlay"
+      "onUpdate:modelValue": (t) => this.$emit("update:modelValue", t)
     }), {
-      default: () => {
-        var l;
-        return (l = e.default) == null ? void 0 : l.call(e);
-      },
-      header: () => {
-        var l;
-        return i(m, null, [i("span", {
+      default: () => i(o("el-scrollbar"), d({
+        class: "el-dialog__body-content",
+        height: "100%",
+        "view-style": {
+          padding: "24px"
+        }
+      }, this.scrollbar), {
+        default: () => {
+          var t;
+          return [(t = e.default) == null ? void 0 : t.call(e)];
+        }
+      }),
+      header: (l = e.header) != null && l.call(e) ? () => {
+        var t;
+        return (t = e.header) == null ? void 0 : t.call(e);
+      } : () => {
+        var t;
+        return i(g, null, [i("div", {
+          class: "el-dialog__header-left"
+        }, [i("span", {
           role: "heading",
           class: "el-dialog__title"
-        }, [((l = e.header) == null ? void 0 : l.call(e)) || t.title]), i("span", {
-          class: "full",
+        }, [((t = e.title) == null ? void 0 : t.call(e)) || this.title])]), i("div", {
+          class: "el-dialog__header-right"
+        }, [i("span", {
+          class: "el-dialog__header-right-full",
           onClick: this.fullToggle
         }, [i("svg", {
           class: "icon",
           "aria-hidden": "true"
         }, [i("use", {
           "xlink:href": this.currentFullScreen ? "#icon-tuichuquanping" : "#icon-quanping"
-        }, null)])])]);
+        }, null)])]), this.showClose ? i(o("el-icon"), {
+          class: "el-dialog__header-right-close",
+          onClick: this.clickClose
+        }, {
+          default: () => [i(m, null, null)]
+        }) : null])]);
       },
       footer: (a = e.footer) != null && a.call(e) ? () => {
-        var l;
-        return (l = e.footer) == null ? void 0 : l.call(e);
+        var t;
+        return (t = e.footer) == null ? void 0 : t.call(e);
       } : null
     })]);
   }
 });
 export {
-  F as default
+  B as default
 };
 //# sourceMappingURL=index.mjs.map

package/es/packages/components/dialog/src/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/dialog/src/index.tsx"],"sourcesContent":["import {defineComponent, watch, ref} from 'vue'\nimport {getUuid} from '@packages/utils/tools'\nimport lodash from 'lodash'\nimport type {RewriteDialogProps, GETWH} from '../types'\nimport '@packages/assets/scss/dinert-dialog.scss'\nimport '@packages/assets/fonts/iconfont.js'\n\nconst getWH = (options: RewriteDialogProps): GETWH => {\n    const result: GETWH = {\n        width: '65%',\n        height: 'auto'\n    }\n    if (options.size === 'large') {\n        result.width = 940\n        result.height = 706\n    } else if (options.size === 'small') {\n        result.width = 482\n        result.height = 362\n    } else if (options.size === 'medium') {\n        result.width = 720\n        result.height = 440\n    }\n\n    result.width = options.width ? options.width : result.width\n    result.height = options.height ? options.height : result.height\n    result.height = String(result.height).replace('px', '') + 'px'\n\n    return result\n}\n\n\nexport default defineComponent({\n    name: 'dinert-dialog',\n    props: {\n        fullscreen: {\n            type: Boolean,\n        }\n    },\n    emits: ['update:fullscreen'],\n    setup(props, ctx) {\n\n        const uuid = 'dialog_' + getUuid()\n        const defaultAttrs = {\n            title: '弹窗标题',\n            closeOnClickModal: false,\n            closeOnPressEscape: true,\n            appendToBody: true,\n        }\n        const currentFullScreen = ref(false)\n\n        const fullToggle = () => {\n            currentFullScreen.value = !currentFullScreen.value\n            ctx.emit('update:fullscreen', currentFullScreen.value)\n        }\n\n        watch(() => props.fullscreen, newVal => {\n            currentFullScreen.value = newVal\n        }, {\n            deep: true,\n            immediate: true\n        })\n\n        return {\n            uuid,\n            defaultAttrs,\n            fullToggle,\n            currentFullScreen\n        }\n    },\n    render() {\n        const slots = this.$slots\n\n        const attrs = lodash.defaultsDeep(lodash.cloneDeep({\n            ...this.$attrs,\n            class: this.$attrs.modalClass ? 'dialog_' + this.$attrs.modalClass : '',\n            modalClass: `${this.uuid} el-overlay dinert-dialog ${this.$attrs.modalClass || ''}`,\n            width: getWH(this.$attrs).width,\n            style: {\n                ...(this.$attrs?.style as any),\n                height: this.currentFullScreen ? undefined : getWH(this.$attrs).height,\n            }\n        }), this.defaultAttrs)\n\n        return (\n            <div>\n                <el-dialog el-dialog {...attrs} fullscreen={this.currentFullScreen} modal-class=\"dinert-overlay\">\n                    {{\n                        default: () => slots.default?.(),\n                        header: () => {\n                            return (\n                                <>\n                                    <span role=\"heading\" class=\"el-dialog__title\">\n                                        { slots.header?.() || attrs.title }\n                                    </span>\n\n                                    <span class=\"full\" onClick={this.fullToggle}>\n                                        <svg class=\"icon\" aria-hidden=\"true\">\n                                            <use xlink:href={this.currentFullScreen ? '#icon-tuichuquanping' : '#icon-quanping'}></use>\n                                        </svg>\n                                    </span>\n                                </>\n                            )\n                        },\n                        footer: slots.footer?.() ? () => slots.footer?.() : null,\n                    }}\n                </el-dialog>\n            </div>\n        )\n    }\n}) as RewriteDialogProps\n\n"],"names":["getWH","options","result","width","height","size","String","replace","defineComponent","name","props","fullscreen","type","Boolean","emits","setup","ctx","uuid","getUuid","defaultAttrs","title","closeOnClickModal","closeOnPressEscape","appendToBody","currentFullScreen","ref","fullToggle","value","emit","watch","newVal","deep","immediate","render","slots","$slots","attrs","lodash","defaultsDeep","cloneDeep","$attrs","class","modalClass","style","_a","undefined","_createVNode","_resolveComponent","_mergeProps","default","header","_Fragment","footer"],"mappings":"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"}
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/dialog/src/index.tsx"],"sourcesContent":["import {defineComponent, watch, ref, PropType} from 'vue'\nimport {getUuid} from '@packages/utils/tools'\nimport {Close} from '@element-plus/icons-vue'\nimport type {RewriteDialogProps, GETWH} from '../types'\nimport '@packages/assets/scss/dinert-dialog.scss'\nimport '@packages/assets/fonts/iconfont.js'\nimport {ScrollbarProps} from 'element-plus'\n\nconst getWH = (size: string): GETWH => {\n    const result: GETWH = {\n        width: '65%',\n        height: 'auto'\n    }\n    const options = {} as any\n    if (size === 'large') {\n        result.width = 940\n        result.height = 706\n    } else if (size === 'small') {\n        result.width = 482\n        result.height = 362\n    } else if (size === 'medium') {\n        result.width = 720\n        result.height = 440\n    }\n\n    result.width = options.width ? options.width : result.width\n    result.height = options.height ? options.height : result.height\n    result.height = String(result.height).replace('px', '') + 'px'\n\n    return result\n}\n\n\nexport default defineComponent({\n    name: 'dinert-dialog',\n    props: {\n        modelValue: {\n            type: Boolean,\n            default: false\n        },\n        fullscreen: {\n            type: Boolean,\n            default: false\n        },\n        showClose: {\n            type: Boolean,\n            default: true\n        },\n        scrollbar: {\n            type: Object as PropType<ScrollbarProps>,\n            default: () => ({})\n        },\n        fixedHeight: {\n            type: Boolean,\n            default: false\n        },\n        autoHeight: {\n            type: Boolean,\n            default: false\n        },\n        closeOnClickModal: {\n            type: Boolean,\n            default: false\n        },\n        title: {\n            type: String,\n            default: '弹窗标题'\n        },\n        modalClass: {\n            type: String,\n            default: ''\n        },\n        closeOnPressEscape: {\n            type: Boolean,\n            default: true\n        },\n        appendToBody: {\n            type: Boolean,\n            default: true\n        },\n        size: {\n            type: String,\n            default: ''\n        },\n        style: {\n            type: Object as PropType<any>,\n            default: () => ({})\n        },\n    },\n    emits: ['update:fullscreen', 'update:modelValue', 'ClickClose'],\n    setup(props, ctx) {\n\n        const uuid = 'dialog_' + getUuid()\n\n        const currentFullScreen = ref(false)\n\n        const fullToggle = () => {\n            currentFullScreen.value = !currentFullScreen.value\n            ctx.emit('update:fullscreen', currentFullScreen.value)\n        }\n\n        const clickClose = () => {\n            ctx.emit('update:modelValue', false)\n            ctx.emit('ClickClose')\n        }\n\n        watch(() => props.fullscreen, newVal => {\n            currentFullScreen.value = newVal\n        }, {\n            deep: true,\n            immediate: true\n        })\n\n        return {\n            uuid,\n\n            fullToggle,\n            currentFullScreen,\n            clickClose\n        }\n    },\n    render() {\n        const slots = this.$slots\n\n\n        return (\n            <div>\n                <el-dialog\n                    modelValue={this.modelValue}\n                    width={getWH(this.size).width}\n                    style={{\n                        ...(this.style),\n                        height: this.currentFullScreen ? undefined : getWH(this.size).height,\n                    }}\n                    {...this.$attrs}\n                    showClose={false}\n                    modalClass={`${this.uuid}  dinert-overlay ${this.modalClass || ''} ${this.fixedHeight ? 'fixed-height' : ''} ${this.autoHeight ? 'auto-height' : ''}`}\n                    fullscreen={this.currentFullScreen}\n                    onUpdate:modelValue={(val: boolean) => this.$emit('update:modelValue', val)}\n                >\n                    {{\n                        default: () => {\n                            return (\n                                <el-scrollbar class=\"el-dialog__body-content\"\n                                    height=\"100%\"\n                                    view-style={{padding: '24px'}} {...this.scrollbar}>\n                                    { slots.default?.() }\n                                </el-scrollbar>\n                            )\n                        },\n                        header: slots.header?.() ? () => slots.header?.() : () => {\n                            return (\n                                <>\n                                    <div class=\"el-dialog__header-left\">\n                                        <span role=\"heading\" class=\"el-dialog__title\">\n                                            { slots.title?.() || this.title }\n                                        </span>\n                                    </div>\n\n                                    <div class=\"el-dialog__header-right\">\n                                        <span class=\"el-dialog__header-right-full\" onClick={this.fullToggle}>\n                                            <svg class=\"icon\" aria-hidden=\"true\">\n                                                <use xlink:href={this.currentFullScreen ? '#icon-tuichuquanping' : '#icon-quanping'}></use>\n                                            </svg>\n                                        </span>\n                                        {\n                                            this.showClose ? <el-icon class=\"el-dialog__header-right-close\" onClick={this.clickClose}><Close /></el-icon> : null\n                                        }\n                                    </div>\n                                </>\n                            )\n                        },\n                        footer: slots.footer?.() ? () => slots.footer?.() : null,\n                    }}\n                </el-dialog>\n            </div>\n        )\n    }\n}) as RewriteDialogProps\n\n"],"names":["getWH","size","result","width","height","options","String","replace","defineComponent","name","props","modelValue","type","Boolean","default","fullscreen","showClose","scrollbar","Object","fixedHeight","autoHeight","closeOnClickModal","title","modalClass","closeOnPressEscape","appendToBody","style","emits","setup","ctx","uuid","getUuid","currentFullScreen","ref","fullToggle","value","emit","clickClose","watch","newVal","deep","immediate","render","slots","$slots","_createVNode","_resolveComponent","_mergeProps","undefined","$attrs","val","$emit","padding","header","_Fragment","Close","footer"],"mappings":"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"}

package/es/packages/components/drawer/index.mjs

@@ -0,0 +1,10 @@
+import e from "./src/index.mjs";
+const a = (t) => (t.install = (n) => {
+  const r = t.name;
+  n.component(r, t);
+}, t), l = a(e);
+export {
+  l as DinertDrawer,
+  l as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/drawer/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../packages/components/drawer/index.ts"],"sourcesContent":["import _Drawer from './src'\n\nimport type {App, Plugin} from 'vue'\ntype SFCWithInstall<T> = T & Plugin\nconst withInstall = <T>(comp: T) => {\n    (comp as SFCWithInstall<T>).install = (app: App) => {\n        const name = (comp as any).name\n        // 注册组件\n        app.component(name, comp as SFCWithInstall<T>)\n    }\n    return comp as SFCWithInstall<T>\n}\nexport const DinertDrawer = withInstall(_Drawer)\nexport default DinertDrawer\n"],"names":["withInstall","comp","app","name","DinertDrawer","_Drawer"],"mappings":";AAIA,MAAMA,IAAc,CAAIC,OACnBA,EAA2B,UAAU,CAACC,MAAa;AAChD,QAAMC,IAAQF,EAAa;AAEvB,EAAAC,EAAA,UAAUC,GAAMF,CAAyB;AAAA,GAE1CA,IAEEG,IAAeJ,EAAYK,CAAO;"}

package/es/packages/components/drawer/src/index.mjs

@@ -0,0 +1,88 @@
+import { defineComponent as o, createVNode as t, resolveComponent as d, mergeProps as i, Fragment as n } from "vue";
+import { getUuid as u } from "../../../utils/tools.mjs";
+import "../../../assets/scss/dinert-drawer.scss.mjs";
+import "../../../assets/fonts/iconfont.mjs";
+const s = (e) => e === "large" ? 1200 : e === "small" ? 600 : e === "medium" ? 800 : e || "35%", h = /* @__PURE__ */ o({
+  name: "dinert-drawer",
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    scrollbar: {
+      type: Object,
+      default: () => ({})
+    },
+    isBorder: {
+      type: Boolean
+    },
+    closeOnClickModal: {
+      type: Boolean,
+      default: !1
+    },
+    title: {
+      type: String,
+      default: "抽屉标题"
+    },
+    modalClass: {
+      type: String,
+      default: ""
+    },
+    size: {
+      type: [String, Number],
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "ClickClose"],
+  setup() {
+    return {
+      uuid: "drawer_" + u()
+    };
+  },
+  render() {
+    var l, a;
+    const e = this.$slots;
+    return t("div", null, [t(d("el-drawer"), i({
+      modelValue: this.modelValue,
+      title: this.title,
+      size: s(this.size),
+      closeOnClickModal: this.closeOnClickModal
+    }, this.$attrs, {
+      modalClass: `${this.uuid}  dinert-drawer-overlay ${this.modalClass} ${this.isBorder ? "is-border" : ""}`,
+      "onUpdate:modelValue": (r) => this.$emit("update:modelValue", r)
+    }), {
+      default: () => t(d("el-scrollbar"), i({
+        class: "el-drawer__body-content",
+        height: "100%",
+        "view-style": {
+          padding: "24px"
+        }
+      }, this.scrollbar), {
+        default: () => {
+          var r;
+          return [(r = e.default) == null ? void 0 : r.call(e)];
+        }
+      }),
+      header: (l = e.header) != null && l.call(e) ? () => {
+        var r;
+        return (r = e.header) == null ? void 0 : r.call(e);
+      } : () => {
+        var r;
+        return t(n, null, [t("div", {
+          class: "el-drawer__header-left"
+        }, [t("span", {
+          role: "heading",
+          class: "el-drawer__title"
+        }, [((r = e.title) == null ? void 0 : r.call(e)) || this.title])])]);
+      },
+      footer: (a = e.footer) != null && a.call(e) ? () => {
+        var r;
+        return (r = e.footer) == null ? void 0 : r.call(e);
+      } : null
+    })]);
+  }
+});
+export {
+  h as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/components/drawer/src/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../packages/components/drawer/src/index.tsx"],"sourcesContent":["import {defineComponent, watch, ref, PropType} from 'vue'\nimport {getUuid} from '@packages/utils/tools'\nimport type {RewriteDrawerProps, GETWHDrawer} from '../types'\nimport '@packages/assets/scss/dinert-drawer.scss'\nimport '@packages/assets/fonts/iconfont.js'\nimport {ScrollbarProps} from 'element-plus'\n\nconst getSize = (size: string | number): any => {\n\n    if (size === 'large') {\n        return 1200\n    } else if (size === 'small') {\n        return 600\n    } else if (size === 'medium') {\n        return 800\n    }\n    return size || '35%'\n}\n\n\nexport default defineComponent({\n    name: 'dinert-drawer',\n    props: {\n        modelValue: {\n            type: Boolean,\n            default: false\n        },\n        scrollbar: {\n            type: Object as PropType<ScrollbarProps>,\n            default: () => ({})\n        },\n        isBorder: {\n            type: Boolean,\n        },\n        closeOnClickModal: {\n            type: Boolean,\n            default: false\n        },\n        title: {\n            type: String,\n            default: '抽屉标题'\n        },\n        modalClass: {\n            type: String,\n            default: ''\n        },\n        size: {\n            type: [String, Number],\n            default: ''\n        },\n    },\n    emits: ['update:modelValue', 'ClickClose'],\n    setup() {\n\n        const uuid = 'drawer_' + getUuid()\n\n        return {\n            uuid,\n        }\n    },\n    render() {\n        const slots = this.$slots\n\n        return (\n            <div>\n                <el-drawer\n                    modelValue={this.modelValue}\n                    title={this.title}\n                    size={getSize(this.size)}\n                    closeOnClickModal={this.closeOnClickModal}\n                    {...this.$attrs}\n                    modalClass={`${this.uuid}  dinert-drawer-overlay ${this.modalClass} ${this.isBorder ? 'is-border' : ''}`}\n                    onUpdate:modelValue={(val: boolean) => this.$emit('update:modelValue', val)}\n                >\n                    {{\n                        default: () => {\n                            return (\n                                <el-scrollbar class=\"el-drawer__body-content\"\n                                    height=\"100%\"\n                                    view-style={{padding: '24px'}} {...this.scrollbar}>\n                                    { slots.default?.() }\n                                </el-scrollbar>\n                            )\n                        },\n                        header: slots.header?.() ? () => slots.header?.() : () => {\n                            return (\n                                <>\n                                    <div class=\"el-drawer__header-left\">\n                                        <span role=\"heading\" class=\"el-drawer__title\">\n                                            { slots.title?.() || this.title }\n                                        </span>\n                                    </div>\n\n                                </>\n                            )\n                        },\n                        footer: slots.footer?.() ? () => slots.footer?.() : null,\n                    }}\n                </el-drawer>\n            </div>\n        )\n    }\n}) as RewriteDrawerProps\n\n"],"names":["getSize","size","defineComponent","name","props","modelValue","type","Boolean","default","scrollbar","Object","isBorder","closeOnClickModal","title","String","modalClass","Number","emits","setup","uuid","getUuid","render","slots","$slots","_createVNode","_resolveComponent","_mergeProps","$attrs","val","$emit","padding","header","_Fragment","footer"],"mappings":";;;;AAOA,MAAMA,IAAWC,CAAAA,MAETA,MAAS,UACF,OACAA,MAAS,UACT,MACAA,MAAS,WACT,MAEJA,KAAQ,OAIJC,sBAAgB;AAAA,EAC3BC,MAAM;AAAA,EACNC,OAAO;AAAA,IACHC,YAAY;AAAA,MACRC,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACZ;AAAA,IACDC,WAAW;AAAA,MACPH,MAAMI;AAAAA,MACNF,SAASA,OAAO,CAAA;AAAA,IACnB;AAAA,IACDG,UAAU;AAAA,MACNL,MAAMC;AAAAA,IACT;AAAA,IACDK,mBAAmB;AAAA,MACfN,MAAMC;AAAAA,MACNC,SAAS;AAAA,IACZ;AAAA,IACDK,OAAO;AAAA,MACHP,MAAMQ;AAAAA,MACNN,SAAS;AAAA,IACZ;AAAA,IACDO,YAAY;AAAA,MACRT,MAAMQ;AAAAA,MACNN,SAAS;AAAA,IACZ;AAAA,IACDP,MAAM;AAAA,MACFK,MAAM,CAACQ,QAAQE,MAAM;AAAA,MACrBR,SAAS;AAAA,IACb;AAAA,EACH;AAAA,EACDS,OAAO,CAAC,qBAAqB,YAAY;AAAA,EACzCC,QAAQ;AAIJ,WAAO;AAAA,MACHC,MAHS,YAAYC;;EAK5B;AAAA,EACDC,SAAS;;AACL,UAAMC,IAAQ,KAAKC;AAEnB,WAAAC,EAAAA,OAAAA,MAAAA,CAAAA,EAAAC,gBAAAC,EAAA;AAAA,MAAA,YAGwB,KAAKrB;AAAAA,MAAU,OACpB,KAAKQ;AAAAA,MAAK,MACXb,EAAQ,KAAKC,IAAI;AAAA,MAAC,mBACL,KAAKW;AAAAA,OACpB,KAAKe,QAAM;AAAA,MAAA,YACF,GAAE,KAAKR,IAAK,2BAA0B,KAAKJ,UAAW,IAAG,KAAKJ,WAAW,cAAc,EAAG;AAAA,MAAC,uBAClFiB,CAAAA,MAAiB,KAAKC,MAAM,qBAAqBD,CAAG;AAAA,IAAC,CAAA,GAAA;AAAA,MAGvEpB,SAASA,MACLgB,EAAAC,EAAA,cAAA,GAAAC,EAAA;AAAA,QAAA,OAAA;AAAA,QAAA,QAAA;AAAA,QAAA,cAGoB;AAAA,UAACI,SAAS;AAAA,QAAM;AAAA,SAAO,KAAKrB,SAAS,GAAA;AAAA,QAAAD,SAAAA,MAAA;;AAAA,mBAC/Cc,IAAAA,EAAMd,YAANc,gBAAAA,EAAAA,KAAAA,EAAiB;AAAA;AAAA,MAAA,CAAA;AAAA,MAI/BS,SAAQT,IAAAA,EAAMS,WAANT,QAAAA,EAAAA,KAAAA,KAAmB,MAAA;;AAAMA,gBAAAA,IAAAA,EAAMS,WAANT,gBAAAA,EAAAA,KAAAA;AAAAA,UAAmB,MAAM;;AACtD,eAAAE,EAAAQ,GAAA,MAAA,CAAAR,EAAA,OAAA;AAAA,UAAA,OAAA;AAAA,QAAA,GAAA,CAAAA,EAAA,QAAA;AAAA,UAAA,MAAA;AAAA,UAAA,OAAA;AAAA,WAIkBF,GAAAA,IAAAA,EAAMT,UAANS,gBAAAA,EAAAA,KAAAA,OAAmB,KAAKT,KAAK,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,MAMlD;AAAA,MACDoB,SAAQX,IAAAA,EAAMW,WAANX,QAAAA,EAAAA,KAAAA,KAAmB,MAAA;;AAAMA,gBAAAA,IAAAA,EAAMW,WAANX,gBAAAA,EAAAA,KAAAA;AAAAA,UAAmB;AAAA,IAAI,CAAA,CAAA,CAAA;AAAA,EAK5E;AACJ,CAAC;"}