yc-pro-components 0.0.1

package/lib/components/yc-download-dialog/src/index.vue2.js

@@ -0,0 +1,256 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var ElementPlusIconsVue = require('@element-plus/icons-vue');
+
+const _withScopeId = (n) => (vue.pushScopeId("data-v-b123d9a5"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = { class: "yc-download-dialog-content" };
+const _hoisted_2 = { class: "yc-download-dialog-section" };
+const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
+  "p",
+  { class: "yc-download-dialog-title" },
+  " \u7B2C\u4E00\u6B65\uFF1A\u8BF7\u4E25\u683C\u6309\u7167\u5BFC\u5165\u6A21\u677F\u586B\u5199\u5185\u5BB9\u540E\u5BFC\u5165\uFF0C\u5426\u5219\u5C06\u65B0\u589E\u5931\u8D25\uFF01 ",
+  -1
+  /* HOISTED */
+));
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
+  "p",
+  { class: "yc-download-dialog-subtitle" },
+  " \u6CE8\u610F\uFF1A\u5355\u6B21\u5BFC\u5165\u6570\u636E\u4E0D\u5F97\u8D85\u8FC75000\u6761\uFF0C\u5426\u5219\u5BFC\u5165\u53EF\u80FD\u5931\u8D25! ",
+  -1
+  /* HOISTED */
+));
+const _hoisted_5 = { class: "ml-2" };
+const _hoisted_6 = { class: "yc-download-dialog-section" };
+const _hoisted_7 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
+  "p",
+  {
+    class: "yc-download-dialog-title",
+    style: { "margin-bottom": "16px" }
+  },
+  " \u7B2C\u4E8C\u6B65\uFF1A\u9009\u62E9\u6A21\u677F\u6587\u4EF6\u5E76\u5F00\u59CB\u5BFC\u5165 ",
+  -1
+  /* HOISTED */
+));
+const _hoisted_8 = { class: "el-upload__text" };
+const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
+  "div",
+  { class: "yc-upload-tip" },
+  " Excel\u6587\u4EF6\u5927\u5C0F\u4E0D\u5F97\u8D85\u8FC710M ",
+  -1
+  /* HOISTED */
+));
+const _hoisted_10 = {
+  key: 0,
+  class: "yc-download-dialog-section"
+};
+const _hoisted_11 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
+  "p",
+  { class: "yc-download-dialog-title" },
+  "\u4E0A\u4F20\u8BB0\u5F55",
+  -1
+  /* HOISTED */
+));
+const _hoisted_12 = { class: "yc-upload-records" };
+const _hoisted_13 = { class: "yc-record-name" };
+const _hoisted_14 = { class: "yc-record-size" };
+const __default__ = {
+  components: { Download: ElementPlusIconsVue.Download, UploadFilled: ElementPlusIconsVue.UploadFilled }
+};
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  ...{
+    name: "YcDownloadDialog"
+  },
+  __name: "index",
+  props: {
+    title: { default: "\u6279\u91CF\u5BFC\u5165" },
+    modelValue: { type: Boolean, default: false },
+    templateUrl: {},
+    templateText: { default: "\u4E0B\u8F7D\u5BFC\u5165\u6A21\u677F" },
+    uploadAction: { default: "" },
+    fetchRecords: {},
+    onUploadSuccess: {},
+    onUploadError: {}
+  },
+  emits: ["update:modelValue", "upload-success", "upload-error", "download-template"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const visible = vue.computed({
+      get: () => props.modelValue,
+      set: (val) => emit("update:modelValue", val)
+    });
+    const uploadRecords = vue.ref([]);
+    const loading = vue.ref(false);
+    const fetchUploadRecords = async () => {
+      if (!props.fetchRecords) return;
+      loading.value = true;
+      try {
+        const { data } = await props.fetchRecords();
+        uploadRecords.value = data;
+      } finally {
+        loading.value = false;
+      }
+    };
+    const handleDownloadTemplate = () => {
+      if (props.templateUrl) {
+        window.open(props.templateUrl, "_blank");
+      }
+      emit("download-template");
+    };
+    const handleUploadSuccess = (response, file) => {
+      var _a;
+      emit("upload-success", response, file);
+      (_a = props.onUploadSuccess) == null ? void 0 : _a.call(props, response, file);
+      fetchUploadRecords();
+    };
+    const handleUploadError = (error, file) => {
+      var _a;
+      emit("upload-error", error, file);
+      (_a = props.onUploadError) == null ? void 0 : _a.call(props, error, file);
+    };
+    const getProgressColor = (progress) => {
+      if (progress >= 100) return "#67c23a";
+      if (progress >= 50) return "#409eff";
+      return "#7B52FE";
+    };
+    __expose({
+      fetchUploadRecords
+    });
+    return (_ctx, _cache) => {
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_upload = vue.resolveComponent("el-upload");
+      const _component_el_progress = vue.resolveComponent("el-progress");
+      const _component_el_dialog = vue.resolveComponent("el-dialog");
+      const _directive_loading = vue.resolveDirective("loading");
+      return vue.openBlock(), vue.createBlock(_component_el_dialog, {
+        modelValue: visible.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => visible.value = $event),
+        title: _ctx.title,
+        width: "560px",
+        "destroy-on-close": "",
+        onOpen: fetchUploadRecords
+      }, {
+        default: vue.withCtx(() => [
+          vue.createElementVNode("div", _hoisted_1, [
+            vue.createCommentVNode(" \u7B2C\u4E00\u6B65\uFF1A\u4E0B\u8F7D\u6A21\u677F "),
+            vue.createElementVNode("div", _hoisted_2, [
+              _hoisted_3,
+              _hoisted_4,
+              vue.createVNode(_component_el_button, {
+                class: "yc-download-btn",
+                onClick: handleDownloadTemplate
+              }, {
+                default: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "download-icon", {}, () => [
+                    vue.createVNode(_component_el_icon, null, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(ElementPlusIconsVue.Download))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ], true),
+                  vue.createElementVNode(
+                    "span",
+                    _hoisted_5,
+                    vue.toDisplayString(_ctx.templateText),
+                    1
+                    /* TEXT */
+                  )
+                ]),
+                _: 3
+                /* FORWARDED */
+              })
+            ]),
+            vue.createCommentVNode(" \u7B2C\u4E8C\u6B65\uFF1A\u4E0A\u4F20\u6587\u4EF6 "),
+            vue.createElementVNode("div", _hoisted_6, [
+              _hoisted_7,
+              vue.createVNode(_component_el_upload, {
+                class: "yc-upload-area",
+                drag: "",
+                action: _ctx.uploadAction,
+                "on-success": handleUploadSuccess,
+                "on-error": handleUploadError,
+                multiple: ""
+              }, {
+                default: vue.withCtx(() => [
+                  vue.renderSlot(_ctx.$slots, "upload-icon", {}, () => [
+                    vue.createVNode(_component_el_icon, { class: "el-icon--upload" }, {
+                      default: vue.withCtx(() => [
+                        vue.createVNode(vue.unref(ElementPlusIconsVue.UploadFilled))
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    })
+                  ], true),
+                  vue.createElementVNode("div", _hoisted_8, [
+                    vue.createVNode(_component_el_button, { style: { "margin-top": "8px" } }, {
+                      default: vue.withCtx(() => [
+                        vue.createTextVNode("\u9009\u62E9\u6587\u4EF6")
+                      ]),
+                      _: 1
+                      /* STABLE */
+                    }),
+                    _hoisted_9
+                  ])
+                ]),
+                _: 3
+                /* FORWARDED */
+              }, 8, ["action"])
+            ]),
+            vue.createCommentVNode(" \u4E0A\u4F20\u8BB0\u5F55 "),
+            uploadRecords.value.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_10, [
+              _hoisted_11,
+              vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", _hoisted_12, [
+                (vue.openBlock(true), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(uploadRecords.value, (record, index) => {
+                    return vue.openBlock(), vue.createElementBlock("div", {
+                      key: index,
+                      class: "yc-upload-record-item"
+                    }, [
+                      vue.createElementVNode(
+                        "span",
+                        _hoisted_13,
+                        vue.toDisplayString(record.name),
+                        1
+                        /* TEXT */
+                      ),
+                      vue.createElementVNode(
+                        "span",
+                        _hoisted_14,
+                        vue.toDisplayString(record.size),
+                        1
+                        /* TEXT */
+                      ),
+                      vue.createVNode(_component_el_progress, {
+                        percentage: record.progress,
+                        color: getProgressColor(record.progress),
+                        "stroke-width": 6,
+                        style: { "width": "100px" }
+                      }, null, 8, ["percentage", "color"])
+                    ]);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])), [
+                [_directive_loading, loading.value]
+              ])
+            ])) : vue.createCommentVNode("v-if", true)
+          ])
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["modelValue", "title"]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/yc-download-dialog/src/type.d.ts

@@ -0,0 +1,37 @@
+/**
+ * 上传文件记录
+ */
+export interface UploadRecord {
+    /** 文件名 */
+    name: string;
+    /** 文件大小 */
+    size: string;
+    /** 上传进度 0-100 */
+    progress: number;
+    /** 文件状态 */
+    status?: 'uploading' | 'success' | 'error';
+}
+/**
+ * YcDownloadDialog 组件属性
+ */
+export interface YcDownloadDialogProps {
+    /** 对话框标题 */
+    title?: string;
+    /** 是否显示对话框 */
+    modelValue?: boolean;
+    /** 模板下载链接 */
+    templateUrl?: string;
+    /** 模板按钮文字 */
+    templateText?: string;
+    /** 上传接口地址 */
+    uploadAction?: string;
+    /** 上传记录获取函数 */
+    fetchRecords?: () => Promise<{
+        data: UploadRecord[];
+        total: number;
+    }>;
+    /** 上传成功回调 */
+    onUploadSuccess?: (response: any, file: any) => void;
+    /** 上传失败回调 */
+    onUploadError?: (error: any, file: any) => void;
+}

package/lib/components/yc-download-dialog/src/type.js

@@ -0,0 +1,2 @@
+'use strict';
+

package/lib/components/yc-drawer/index.d.ts

@@ -0,0 +1,11 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+import { drawerStore, addDrawer, closeDrawer, updateDrawer, closeAllDrawer } from './store';
+import { EventType, ArgsType, DrawerOptions, DrawerProps, ButtonProps } from './src/type';
+import { default as YcDrawerComponent } from './src/index.vue';
+
+export type { EventType, ArgsType, DrawerOptions, DrawerProps, ButtonProps };
+export type YcDrawerInstance = InstanceType<typeof YcDrawerComponent>;
+export { drawerStore, addDrawer, closeDrawer, updateDrawer, closeAllDrawer };
+export declare const YcDrawer: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{}>>, {}, {}>;
+export declare const ReDrawer: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{}>>, {}, {}>;
+export type { EventType as ReEventType, ArgsType as ReArgsType, DrawerOptions as ReDrawerOptions, DrawerProps as ReDrawerProps, ButtonProps as ReButtonProps };

package/lib/components/yc-drawer/index.js

@@ -0,0 +1,15 @@
+'use strict';
+
+var index = require('./src/index.vue.js');
+var store = require('./store.js');
+
+const YcDrawer = index.default;
+const ReDrawer = index.default;
+
+exports.addDrawer = store.addDrawer;
+exports.closeAllDrawer = store.closeAllDrawer;
+exports.closeDrawer = store.closeDrawer;
+exports.drawerStore = store.drawerStore;
+exports.updateDrawer = store.updateDrawer;
+exports.ReDrawer = ReDrawer;
+exports.YcDrawer = YcDrawer;

package/lib/components/yc-drawer/src/index.vue.d.ts

@@ -0,0 +1,3 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+declare const _default: DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{}>>, {}, {}>;
+export default _default;

package/lib/components/yc-drawer/src/index.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var index_vue_vue_type_script_setup_true_lang = require('./index.vue2.js');
+var _pluginVue_exportHelper = require('../../../_virtual/_plugin-vue_export-helper.js');
+
+var YcDrawerComponent = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-e306ac1f"], ["__file", "index.vue"]]);
+
+exports.default = YcDrawerComponent;

package/lib/components/yc-drawer/src/index.vue2.js

@@ -0,0 +1,232 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var lodashEs = require('lodash-es');
+var ElementPlusIconsVue = require('@element-plus/icons-vue');
+var store = require('../store.js');
+
+const _withScopeId = (n) => (vue.pushScopeId("data-v-e306ac1f"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = { class: "custom-drawer-header" };
+const _hoisted_2 = { class: "header-content" };
+const _hoisted_3 = ["id"];
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
+  "div",
+  { class: "header-divider" },
+  null,
+  -1
+  /* HOISTED */
+));
+const _hoisted_5 = { key: 1 };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "YcDrawer"
+  },
+  __name: "index",
+  setup(__props) {
+    const sureBtnMap = vue.ref({});
+    const footerButtons = vue.computed(() => {
+      return (options) => {
+        return (options == null ? void 0 : options.footerButtons) && options.footerButtons.length > 0 ? options.footerButtons : [
+          {
+            label: "\u53D6\u6D88",
+            text: true,
+            bg: true,
+            btnClick: ({ drawer: { options: options2, index } }) => {
+              if (!options2 || index === void 0) return;
+              const done = () => store.closeDrawer(options2, index, { command: "cancel" });
+              if ((options2 == null ? void 0 : options2.beforeCancel) && lodashEs.isFunction(options2 == null ? void 0 : options2.beforeCancel)) {
+                options2.beforeCancel(done, { options: options2, index });
+              } else {
+                done();
+              }
+            }
+          },
+          {
+            label: "\u786E\u5B9A",
+            type: "primary",
+            text: true,
+            bg: true,
+            popConfirm: options == null ? void 0 : options.popConfirm,
+            btnClick: ({ drawer: { options: options2, index } }) => {
+              if (!options2 || index === void 0) return;
+              if (options2 == null ? void 0 : options2.sureBtnLoading) {
+                sureBtnMap.value[index] = Object.assign({}, sureBtnMap.value[index] || {}, {
+                  loading: true
+                });
+              }
+              const closeLoading = () => {
+                if ((options2 == null ? void 0 : options2.sureBtnLoading) && index !== void 0) {
+                  const btnState = sureBtnMap.value[index];
+                  if (btnState) {
+                    btnState.loading = false;
+                  }
+                }
+              };
+              const done = () => {
+                closeLoading();
+                store.closeDrawer(options2, index, { command: "sure" });
+              };
+              if ((options2 == null ? void 0 : options2.beforeSure) && lodashEs.isFunction(options2 == null ? void 0 : options2.beforeSure)) {
+                options2.beforeSure(done, { options: options2, index, closeLoading });
+              } else {
+                done();
+              }
+            }
+          }
+        ];
+      };
+    });
+    function eventsCallBack(event, options, index) {
+      const handler = options == null ? void 0 : options[event];
+      if (handler && lodashEs.isFunction(handler)) {
+        return handler({ options, index });
+      }
+    }
+    function handleClose(options, index, args = { command: "close" }) {
+      store.closeDrawer(options, index, args);
+      eventsCallBack("close", options, index);
+    }
+    return (_ctx, _cache) => {
+      const _component_el_icon = vue.resolveComponent("el-icon");
+      const _component_el_button = vue.resolveComponent("el-button");
+      const _component_el_popconfirm = vue.resolveComponent("el-popconfirm");
+      const _component_el_drawer = vue.resolveComponent("el-drawer");
+      return vue.openBlock(true), vue.createElementBlock(
+        vue.Fragment,
+        null,
+        vue.renderList(vue.unref(store.drawerStore), (options, index) => {
+          return vue.openBlock(), vue.createBlock(_component_el_drawer, vue.mergeProps({ key: index }, options, {
+            modelValue: options.visible,
+            "onUpdate:modelValue": ($event) => options.visible = $event,
+            class: "yc-drawer",
+            "show-close": false,
+            "append-to-body": !!(options == null ? void 0 : options.appendToBody),
+            "append-to": (options == null ? void 0 : options.appendTo) ? options.appendTo : "body",
+            "destroy-on-close": !!(options == null ? void 0 : options.destroyOnClose),
+            "lock-scroll": !!(options == null ? void 0 : options.lockScroll),
+            onClosed: ($event) => handleClose(options, index),
+            onOpened: ($event) => eventsCallBack("open", options, index),
+            onOpenAutoFocus: ($event) => eventsCallBack("openAutoFocus", options, index),
+            onCloseAutoFocus: ($event) => eventsCallBack("closeAutoFocus", options, index)
+          }), vue.createSlots({
+            header: vue.withCtx(({ close, titleId, titleClass }) => [
+              vue.createElementVNode("div", _hoisted_1, [
+                vue.createElementVNode("div", _hoisted_2, [
+                  (options == null ? void 0 : options.headerRenderer) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(options.headerRenderer({ close, titleId, titleClass })), { key: 0 })) : (vue.openBlock(), vue.createElementBlock("span", {
+                    key: 1,
+                    id: titleId,
+                    class: vue.normalizeClass([titleClass, "header-title"])
+                  }, vue.toDisplayString(options.title), 11, _hoisted_3)),
+                  vue.createVNode(_component_el_icon, {
+                    class: "header-close-icon",
+                    size: 16,
+                    onClick: close
+                  }, {
+                    default: vue.withCtx(() => [
+                      vue.createVNode(vue.unref(ElementPlusIconsVue.Close))
+                    ]),
+                    _: 2
+                    /* DYNAMIC */
+                  }, 1032, ["onClick"])
+                ]),
+                _hoisted_4
+              ])
+            ]),
+            default: vue.withCtx(() => {
+              var _a, _b;
+              return [
+                (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent((_a = options == null ? void 0 : options.contentRenderer) == null ? void 0 : _a.call(options, { options, index })), vue.mergeProps((_b = options == null ? void 0 : options.props) != null ? _b : {}, {
+                  onClose: (args) => handleClose(options, index, args)
+                }), null, 16, ["onClose"]))
+              ];
+            }),
+            _: 2
+            /* DYNAMIC */
+          }, [
+            !(options == null ? void 0 : options.hideFooter) ? {
+              name: "footer",
+              fn: vue.withCtx(() => [
+                (options == null ? void 0 : options.footerRenderer) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(options == null ? void 0 : options.footerRenderer({ options, index })), { key: 0 })) : (vue.openBlock(), vue.createElementBlock("span", _hoisted_5, [
+                  (vue.openBlock(true), vue.createElementBlock(
+                    vue.Fragment,
+                    null,
+                    vue.renderList(footerButtons.value(options), (btn, key) => {
+                      var _a;
+                      return vue.openBlock(), vue.createElementBlock(
+                        vue.Fragment,
+                        { key },
+                        [
+                          btn.popConfirm && btn.btnClick ? (vue.openBlock(), vue.createBlock(_component_el_popconfirm, vue.mergeProps({ key: 0 }, btn.popConfirm, {
+                            onConfirm: ($event) => {
+                              var _a2;
+                              return (_a2 = btn.btnClick) == null ? void 0 : _a2.call(btn, {
+                                drawer: { options, index },
+                                button: { btn, index: key }
+                              });
+                            }
+                          }), {
+                            reference: vue.withCtx(() => [
+                              vue.createVNode(
+                                _component_el_button,
+                                vue.normalizeProps(vue.guardReactiveProps(btn)),
+                                {
+                                  default: vue.withCtx(() => [
+                                    vue.createTextVNode(
+                                      vue.toDisplayString(btn == null ? void 0 : btn.label),
+                                      1
+                                      /* TEXT */
+                                    )
+                                  ]),
+                                  _: 2
+                                  /* DYNAMIC */
+                                },
+                                1040
+                                /* FULL_PROPS, DYNAMIC_SLOTS */
+                              )
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1040, ["onConfirm"])) : (vue.openBlock(), vue.createBlock(_component_el_button, vue.mergeProps({ key: 1 }, btn, {
+                            loading: key === 1 && index !== void 0 && ((_a = sureBtnMap.value[index]) == null ? void 0 : _a.loading),
+                            onClick: ($event) => {
+                              var _a2;
+                              return (_a2 = btn.btnClick) == null ? void 0 : _a2.call(btn, {
+                                drawer: { options, index },
+                                button: { btn, index: key }
+                              });
+                            }
+                          }), {
+                            default: vue.withCtx(() => [
+                              vue.createTextVNode(
+                                vue.toDisplayString(btn == null ? void 0 : btn.label),
+                                1
+                                /* TEXT */
+                              )
+                            ]),
+                            _: 2
+                            /* DYNAMIC */
+                          }, 1040, ["loading", "onClick"]))
+                        ],
+                        64
+                        /* STABLE_FRAGMENT */
+                      );
+                    }),
+                    128
+                    /* KEYED_FRAGMENT */
+                  ))
+                ]))
+              ]),
+              key: "0"
+            } : void 0
+          ]), 1040, ["modelValue", "onUpdate:modelValue", "append-to-body", "append-to", "destroy-on-close", "lock-scroll", "onClosed", "onOpened", "onOpenAutoFocus", "onCloseAutoFocus"]);
+        }),
+        128
+        /* KEYED_FRAGMENT */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;