yc-pro-components 0.0.45 → 0.0.46

package/lib/components/index.d.ts

@@ -43,3 +43,4 @@ export * from './yc-segmented';
 export * from './yc-animate-selector';
 export * from './yc-download-dialog';
 export * from './yc-tabs-with-filter';
+export * from './yc-batch-import-dialog';

package/lib/components/index.js

@@ -42,6 +42,7 @@ var index$L = require('./yc-segmented/index.js');
 var index$N = require('./yc-animate-selector/index.js');
 var index$P = require('./yc-download-dialog/index.js');
 var index$R = require('./yc-tabs-with-filter/index.js');
+var index$T = require('./yc-batch-import-dialog/index.js');
 var useColumnAdapter = require('./virtual-table/src/use-column-adapter.js');
 var useVirtualSelection = require('./virtual-table/src/use-virtual-selection.js');
 var useVirtualScroll = require('./virtual-table/src/use-virtual-scroll.js');
@@ -67,6 +68,7 @@ var animate = require('./yc-animate-selector/src/animate.js');
 var index$O = require('./yc-animate-selector/src/index.vue.js');
 var index$Q = require('./yc-download-dialog/src/index.vue.js');
 var index$S = require('./yc-tabs-with-filter/src/index.vue.js');
+var index$U = require('./yc-batch-import-dialog/src/index.vue.js');
 
 
 
@@ -126,6 +128,7 @@ exports.YcSegmentedWithInstall = index$L.YcSegmentedWithInstall;
 exports.YcAnimateSelectorWithInstall = index$N.YcAnimateSelectorWithInstall;
 exports.YcDownloadDialogWithInstall = index$P.YcDownloadDialogWithInstall;
 exports.YcTabsWithFilterWithInstall = index$R.YcTabsWithFilterWithInstall;
+exports.YcBatchImportDialogWithInstall = index$T.YcBatchImportDialogWithInstall;
 exports.useColumnAdapter = useColumnAdapter.useColumnAdapter;
 exports.useVirtualSelection = useVirtualSelection.useVirtualSelection;
 exports.useVirtualScroll = useVirtualScroll.useVirtualScroll;
@@ -188,3 +191,5 @@ exports.ReDownloadDialog = index$Q.default;
 exports.YcDownloadDialog = index$Q.default;
 exports.ReTabsWithFilter = index$S.default;
 exports.YcTabsWithFilter = index$S.default;
+exports.ReBatchImportDialog = index$U.default;
+exports.YcBatchImportDialog = index$U.default;

package/lib/components/yc-batch-import-dialog/index.d.ts

@@ -0,0 +1,167 @@
+import { DownloadTemplateFn, ImportApiFn, ResponseType } from './src/types';
+import { DefineComponent, PropType, ComponentOptionsMixin, PublicProps, ExtractPropTypes } from 'vue';
+import { SFCWithInstall } from 'yc-pro-components/es/utils';
+import { default as YcBatchImportDialog } from './src/index.vue';
+
+/** 批量导入对话框组件 */
+export declare const YcBatchImportDialogWithInstall: SFCWithInstall<DefineComponent<{
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    width: {
+        type: PropType<number>;
+        default: number;
+    };
+    accept: {
+        type: PropType<string>;
+        default: string;
+    };
+    templateUrl: {
+        type: PropType<string>;
+    };
+    iconBaseUrl: {
+        type: PropType<string>;
+        default: string;
+    };
+    stepOneTitle: {
+        type: PropType<string>;
+        default: string;
+    };
+    tips: {
+        type: PropType<string>;
+        default: string;
+    };
+    templateFileName: {
+        type: PropType<string>;
+    };
+    resultFileName: {
+        type: PropType<string>;
+        default: string;
+    };
+    templateButtonText: {
+        type: PropType<string>;
+        default: string;
+    };
+    onDownloadTemplate: {
+        type: PropType<DownloadTemplateFn>;
+    };
+    stepTwoTitle: {
+        type: PropType<string>;
+        default: string;
+    };
+    maxFileSize: {
+        type: PropType<number>;
+        default: number;
+    };
+    maxRowCount: {
+        type: PropType<number>;
+        default: number;
+    };
+    importApi: {
+        type: PropType<ImportApiFn>;
+        required: true;
+    };
+    extraFormData: {
+        type: PropType<Record<string, string | Blob>>;
+    };
+    responseType: {
+        type: PropType<ResponseType>;
+        default: string;
+    };
+}, {
+    open: (type?: string | undefined) => void;
+    close: () => void;
+    reset: () => void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    success: (result: unknown) => void;
+    error: (error: Error) => void;
+    close: () => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    title: {
+        type: PropType<string>;
+        default: string;
+    };
+    width: {
+        type: PropType<number>;
+        default: number;
+    };
+    accept: {
+        type: PropType<string>;
+        default: string;
+    };
+    templateUrl: {
+        type: PropType<string>;
+    };
+    iconBaseUrl: {
+        type: PropType<string>;
+        default: string;
+    };
+    stepOneTitle: {
+        type: PropType<string>;
+        default: string;
+    };
+    tips: {
+        type: PropType<string>;
+        default: string;
+    };
+    templateFileName: {
+        type: PropType<string>;
+    };
+    resultFileName: {
+        type: PropType<string>;
+        default: string;
+    };
+    templateButtonText: {
+        type: PropType<string>;
+        default: string;
+    };
+    onDownloadTemplate: {
+        type: PropType<DownloadTemplateFn>;
+    };
+    stepTwoTitle: {
+        type: PropType<string>;
+        default: string;
+    };
+    maxFileSize: {
+        type: PropType<number>;
+        default: number;
+    };
+    maxRowCount: {
+        type: PropType<number>;
+        default: number;
+    };
+    importApi: {
+        type: PropType<ImportApiFn>;
+        required: true;
+    };
+    extraFormData: {
+        type: PropType<Record<string, string | Blob>>;
+    };
+    responseType: {
+        type: PropType<ResponseType>;
+        default: string;
+    };
+}>> & {
+    onError?: ((error: Error) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onSuccess?: ((result: unknown) => any) | undefined;
+}, {
+    title: string;
+    width: number;
+    accept: string;
+    iconBaseUrl: string;
+    stepOneTitle: string;
+    tips: string;
+    resultFileName: string;
+    templateButtonText: string;
+    stepTwoTitle: string;
+    maxFileSize: number;
+    maxRowCount: number;
+    responseType: ResponseType;
+}, {}>>;
+export { YcBatchImportDialog };
+export default YcBatchImportDialog;
+export { YcBatchImportDialog as ReBatchImportDialog };
+export type YcBatchImportDialogInstance = InstanceType<typeof YcBatchImportDialog>;
+export type { BatchImportDialogProps, BatchImportDialogEmits, BatchImportDialogExpose, ImportStatus, ResponseType, ImportApiFn, DownloadTemplateFn, BatchUploadRecord, BatchUploadRecordStatus } from './src/types';

package/lib/components/yc-batch-import-dialog/index.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('js-cookie');
+require('dayjs');
+require('numeral');
+require('accounting');
+require('good-storage');
+require('crypto-js');
+require('qs');
+var component = require('../../utils/dist/component.js');
+var index = require('./src/index.vue.js');
+
+const YcBatchImportDialogWithInstall = component.withInstall(index.default);
+
+exports.ReBatchImportDialog = index.default;
+exports.YcBatchImportDialog = index.default;
+exports.default = index.default;
+exports.YcBatchImportDialogWithInstall = YcBatchImportDialogWithInstall;

package/lib/components/yc-batch-import-dialog/src/UploadRecordList.vue.d.ts

@@ -0,0 +1,45 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { BatchUploadRecord } from './types';
+
+interface Props {
+    /** 上传记录列表 */
+    records?: BatchUploadRecord[];
+    /** 图标 CDN 基础路径 */
+    iconBaseUrl?: string;
+}
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    records: () => never[];
+    iconBaseUrl: string;
+}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    pause: (id: string) => void;
+    resume: (id: string) => void;
+    cancel: (id: string) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
+    records: () => never[];
+    iconBaseUrl: string;
+}>>> & {
+    onPause?: ((id: string) => any) | undefined;
+    onCancel?: ((id: string) => any) | undefined;
+    onResume?: ((id: string) => any) | undefined;
+}, {
+    records: BatchUploadRecord[];
+    iconBaseUrl: string;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/components/yc-batch-import-dialog/src/UploadRecordList.vue.js

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

package/lib/components/yc-batch-import-dialog/src/UploadRecordList.vue2.js

@@ -0,0 +1,190 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var elementPlus = require('element-plus');
+
+const _withScopeId = (n) => (vue.pushScopeId("data-v-ffeed27e"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = { class: "upload-record-list" };
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
+  "div",
+  { class: "record-header" },
+  "\u4E0A\u4F20\u8BB0\u5F55",
+  -1
+  /* HOISTED */
+));
+const _hoisted_3 = { class: "record-table" };
+const _hoisted_4 = /* @__PURE__ */ vue.createStaticVNode('<div class="table-header" data-v-ffeed27e><span class="col-name" data-v-ffeed27e>\u540D\u79F0</span><span class="col-size" data-v-ffeed27e>\u5927\u5C0F</span><span class="col-action" data-v-ffeed27e></span><span class="col-status" data-v-ffeed27e>\u72B6\u6001</span></div>', 1);
+const _hoisted_5 = {
+  key: 0,
+  class: "empty-state"
+};
+const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode(
+  "span",
+  { class: "empty-text" },
+  "\u6682\u65E0\u4E0A\u4F20\u8BB0\u5F55",
+  -1
+  /* HOISTED */
+));
+const _hoisted_7 = [
+  _hoisted_6
+];
+const _hoisted_8 = { class: "col-name" };
+const _hoisted_9 = { class: "col-size" };
+const _hoisted_10 = { class: "col-action" };
+const _hoisted_11 = { class: "action-icons" };
+const _hoisted_12 = { class: "col-status" };
+const _hoisted_13 = { class: "progress-wrapper" };
+const _hoisted_14 = { class: "progress-text" };
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "UploadRecordList"
+  },
+  __name: "UploadRecordList",
+  props: {
+    records: { default: () => [] },
+    iconBaseUrl: { default: "" }
+  },
+  emits: ["pause", "resume", "cancel"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const isEmpty = vue.computed(() => props.records.length === 0);
+    const startIconUrl = vue.computed(
+      () => props.iconBaseUrl ? `${props.iconBaseUrl}start_icon_260128.svg` : ""
+    );
+    const pauseIconUrl = vue.computed(
+      () => props.iconBaseUrl ? `${props.iconBaseUrl}pause_icon_260128.svg` : ""
+    );
+    const cancelIconUrl = vue.computed(
+      () => props.iconBaseUrl ? `${props.iconBaseUrl}cancel_icon_260128.svg` : ""
+    );
+    const formatSize = (bytes) => {
+      if (bytes === 0) return "0 B";
+      const k = 1024;
+      const sizes = ["B", "KB", "MB", "GB", "TB"];
+      const i = Math.floor(Math.log(bytes) / Math.log(k));
+      return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + sizes[i];
+    };
+    const handlePause = (id) => {
+      emit("pause", id);
+    };
+    const handleResume = (id) => {
+      emit("resume", id);
+    };
+    const handleCancel = (id) => {
+      emit("cancel", id);
+    };
+    return (_ctx, _cache) => {
+      const _component_YcSvgIcon = vue.resolveComponent("YcSvgIcon");
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+        vue.createCommentVNode(" \u6807\u9898 "),
+        _hoisted_2,
+        vue.createCommentVNode(" \u8868\u683C\u533A\u57DF "),
+        vue.createElementVNode("div", _hoisted_3, [
+          vue.createCommentVNode(" \u8868\u5934 "),
+          _hoisted_4,
+          vue.createCommentVNode(" \u7A7A\u72B6\u6001 "),
+          isEmpty.value ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, _hoisted_7)) : (vue.openBlock(), vue.createElementBlock(
+            vue.Fragment,
+            { key: 1 },
+            [
+              vue.createCommentVNode(" \u8BB0\u5F55\u5217\u8868 "),
+              (vue.openBlock(true), vue.createElementBlock(
+                vue.Fragment,
+                null,
+                vue.renderList(_ctx.records, (record) => {
+                  return vue.openBlock(), vue.createElementBlock("div", {
+                    key: record.id,
+                    class: "record-row"
+                  }, [
+                    vue.createCommentVNode(" \u6587\u4EF6\u540D "),
+                    vue.createVNode(vue.unref(elementPlus.ElTooltip), {
+                      content: record.name,
+                      placement: "top",
+                      "show-after": 300
+                    }, {
+                      default: vue.withCtx(() => [
+                        vue.createElementVNode(
+                          "span",
+                          _hoisted_8,
+                          vue.toDisplayString(record.name),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1032, ["content"]),
+                    vue.createCommentVNode(" \u6587\u4EF6\u5927\u5C0F "),
+                    vue.createElementVNode(
+                      "span",
+                      _hoisted_9,
+                      vue.toDisplayString(formatSize(record.size)),
+                      1
+                      /* TEXT */
+                    ),
+                    vue.createCommentVNode(" \u64CD\u4F5C\u5217 "),
+                    vue.createElementVNode("div", _hoisted_10, [
+                      vue.createElementVNode("div", _hoisted_11, [
+                        vue.createCommentVNode(" \u6682\u505C\u6309\u94AE\uFF08\u4E0A\u4F20\u4E2D\u4E14\u8FDB\u5EA6\u672A\u8FBE100%\u65F6\u663E\u793A\uFF09 "),
+                        record.status === "uploading" && record.progress < 100 ? (vue.openBlock(), vue.createBlock(_component_YcSvgIcon, {
+                          key: 0,
+                          src: pauseIconUrl.value,
+                          size: 16,
+                          class: "action-icon pause-icon",
+                          onClick: ($event) => handlePause(record.id)
+                        }, null, 8, ["src", "onClick"])) : vue.createCommentVNode("v-if", true),
+                        vue.createCommentVNode(" \u7EE7\u7EED\u6309\u94AE\uFF08\u6682\u505C\u65F6\u4E14\u8FDB\u5EA6\u672A\u8FBE100%\u65F6\u663E\u793A\uFF09 "),
+                        record.status === "paused" && record.progress < 100 ? (vue.openBlock(), vue.createBlock(_component_YcSvgIcon, {
+                          key: 1,
+                          src: startIconUrl.value,
+                          size: 16,
+                          class: "action-icon play-icon",
+                          onClick: ($event) => handleResume(record.id)
+                        }, null, 8, ["src", "onClick"])) : vue.createCommentVNode("v-if", true),
+                        vue.createCommentVNode(" \u53D6\u6D88/\u5220\u9664\u6309\u94AE\uFF08\u59CB\u7EC8\u663E\u793A\uFF09 "),
+                        vue.createVNode(_component_YcSvgIcon, {
+                          src: cancelIconUrl.value,
+                          size: 16,
+                          class: "action-icon cancel-icon",
+                          onClick: ($event) => handleCancel(record.id)
+                        }, null, 8, ["src", "onClick"])
+                      ])
+                    ]),
+                    vue.createCommentVNode(" \u72B6\u6001\u5217 "),
+                    vue.createElementVNode("div", _hoisted_12, [
+                      vue.createCommentVNode(" \u8FDB\u5EA6\u4FE1\u606F "),
+                      vue.createElementVNode("div", _hoisted_13, [
+                        vue.createElementVNode(
+                          "span",
+                          _hoisted_14,
+                          "\u8FDB\u5EA6" + vue.toDisplayString(record.progress) + "%",
+                          1
+                          /* TEXT */
+                        ),
+                        vue.createVNode(vue.unref(elementPlus.ElProgress), {
+                          percentage: record.progress,
+                          "show-text": false,
+                          "stroke-width": 4,
+                          class: "progress-bar"
+                        }, null, 8, ["percentage"])
+                      ])
+                    ])
+                  ]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          ))
+        ])
+      ]);
+    };
+  }
+});
+
+exports.default = _sfc_main;

package/lib/components/yc-batch-import-dialog/src/index.vue.d.ts

@@ -0,0 +1,73 @@
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ExtractPropTypes, PropType } from 'vue';
+import { BatchImportDialogProps, ResponseType } from './types';
+
+declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BatchImportDialogProps>, {
+    title: string;
+    width: number;
+    stepOneTitle: string;
+    tips: string;
+    templateButtonText: string;
+    stepTwoTitle: string;
+    accept: string;
+    maxFileSize: number;
+    maxRowCount: number;
+    responseType: string;
+    resultFileName: string;
+    iconBaseUrl: string;
+}>, {
+    open: (type?: string | undefined) => void;
+    close: () => void;
+    reset: () => void;
+}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    success: (result: unknown) => void;
+    error: (error: Error) => void;
+    close: () => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BatchImportDialogProps>, {
+    title: string;
+    width: number;
+    stepOneTitle: string;
+    tips: string;
+    templateButtonText: string;
+    stepTwoTitle: string;
+    accept: string;
+    maxFileSize: number;
+    maxRowCount: number;
+    responseType: string;
+    resultFileName: string;
+    iconBaseUrl: string;
+}>>> & {
+    onError?: ((error: Error) => any) | undefined;
+    onClose?: (() => any) | undefined;
+    onSuccess?: ((result: unknown) => any) | undefined;
+}, {
+    title: string;
+    width: number;
+    accept: string;
+    iconBaseUrl: string;
+    stepOneTitle: string;
+    tips: string;
+    resultFileName: string;
+    templateButtonText: string;
+    stepTwoTitle: string;
+    maxFileSize: number;
+    maxRowCount: number;
+    responseType: ResponseType;
+}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/lib/components/yc-batch-import-dialog/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 YcBatchImportDialog = /* @__PURE__ */ _pluginVue_exportHelper.default(index_vue_vue_type_script_setup_true_lang.default, [["__scopeId", "data-v-338bd60b"], ["__file", "index.vue"]]);
+
+exports.default = YcBatchImportDialog;