yc-pro-components 0.0.45 → 0.0.46

package/es/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/es/components/index.mjs

@@ -40,6 +40,7 @@ export { YcSegmentedWithInstall } from './yc-segmented/index.mjs';
 export { YcAnimateSelectorWithInstall } from './yc-animate-selector/index.mjs';
 export { YcDownloadDialogWithInstall } from './yc-download-dialog/index.mjs';
 export { YcTabsWithFilterWithInstall } from './yc-tabs-with-filter/index.mjs';
+export { YcBatchImportDialogWithInstall } from './yc-batch-import-dialog/index.mjs';
 export { useColumnAdapter } from './virtual-table/src/use-column-adapter.mjs';
 export { useVirtualSelection } from './virtual-table/src/use-virtual-selection.mjs';
 export { useVirtualScroll } from './virtual-table/src/use-virtual-scroll.mjs';
@@ -65,3 +66,4 @@ export { animates } from './yc-animate-selector/src/animate.mjs';
 export { default as ReAnimateSelector, default as YcAnimateSelector } from './yc-animate-selector/src/index.vue.mjs';
 export { default as ReDownloadDialog, default as YcDownloadDialog } from './yc-download-dialog/src/index.vue.mjs';
 export { default as ReTabsWithFilter, default as YcTabsWithFilter } from './yc-tabs-with-filter/src/index.vue.mjs';
+export { default as ReBatchImportDialog, default as YcBatchImportDialog } from './yc-batch-import-dialog/src/index.vue.mjs';

package/es/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/es/components/yc-batch-import-dialog/index.mjs

@@ -0,0 +1,13 @@
+import 'js-cookie';
+import 'dayjs';
+import 'numeral';
+import 'accounting';
+import 'good-storage';
+import 'crypto-js';
+import 'qs';
+import { withInstall as l } from '../../utils/dist/component.mjs';
+import YcBatchImportDialog from './src/index.vue.mjs';
+
+const YcBatchImportDialogWithInstall = l(YcBatchImportDialog);
+
+export { YcBatchImportDialog as ReBatchImportDialog, YcBatchImportDialog, YcBatchImportDialogWithInstall, YcBatchImportDialog as default };

package/es/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/es/components/yc-batch-import-dialog/src/UploadRecordList.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './UploadRecordList.vue2.mjs';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var UploadRecordList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ffeed27e"], ["__file", "UploadRecordList.vue"]]);
+
+export { UploadRecordList as default };

package/es/components/yc-batch-import-dialog/src/UploadRecordList.vue2.mjs

@@ -0,0 +1,186 @@
+import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, createCommentVNode, createElementVNode, Fragment, renderList, createVNode, unref, withCtx, toDisplayString, createBlock, createStaticVNode, pushScopeId, popScopeId } from 'vue';
+import { ElTooltip, ElProgress } from 'element-plus';
+
+const _withScopeId = (n) => (pushScopeId("data-v-ffeed27e"), n = n(), popScopeId(), n);
+const _hoisted_1 = { class: "upload-record-list" };
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode(
+  "div",
+  { class: "record-header" },
+  "\u4E0A\u4F20\u8BB0\u5F55",
+  -1
+  /* HOISTED */
+));
+const _hoisted_3 = { class: "record-table" };
+const _hoisted_4 = /* @__PURE__ */ 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__ */ 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__ */ 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 = computed(() => props.records.length === 0);
+    const startIconUrl = computed(
+      () => props.iconBaseUrl ? `${props.iconBaseUrl}start_icon_260128.svg` : ""
+    );
+    const pauseIconUrl = computed(
+      () => props.iconBaseUrl ? `${props.iconBaseUrl}pause_icon_260128.svg` : ""
+    );
+    const cancelIconUrl = 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 = resolveComponent("YcSvgIcon");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode(" \u6807\u9898 "),
+        _hoisted_2,
+        createCommentVNode(" \u8868\u683C\u533A\u57DF "),
+        createElementVNode("div", _hoisted_3, [
+          createCommentVNode(" \u8868\u5934 "),
+          _hoisted_4,
+          createCommentVNode(" \u7A7A\u72B6\u6001 "),
+          isEmpty.value ? (openBlock(), createElementBlock("div", _hoisted_5, _hoisted_7)) : (openBlock(), createElementBlock(
+            Fragment,
+            { key: 1 },
+            [
+              createCommentVNode(" \u8BB0\u5F55\u5217\u8868 "),
+              (openBlock(true), createElementBlock(
+                Fragment,
+                null,
+                renderList(_ctx.records, (record) => {
+                  return openBlock(), createElementBlock("div", {
+                    key: record.id,
+                    class: "record-row"
+                  }, [
+                    createCommentVNode(" \u6587\u4EF6\u540D "),
+                    createVNode(unref(ElTooltip), {
+                      content: record.name,
+                      placement: "top",
+                      "show-after": 300
+                    }, {
+                      default: withCtx(() => [
+                        createElementVNode(
+                          "span",
+                          _hoisted_8,
+                          toDisplayString(record.name),
+                          1
+                          /* TEXT */
+                        )
+                      ]),
+                      _: 2
+                      /* DYNAMIC */
+                    }, 1032, ["content"]),
+                    createCommentVNode(" \u6587\u4EF6\u5927\u5C0F "),
+                    createElementVNode(
+                      "span",
+                      _hoisted_9,
+                      toDisplayString(formatSize(record.size)),
+                      1
+                      /* TEXT */
+                    ),
+                    createCommentVNode(" \u64CD\u4F5C\u5217 "),
+                    createElementVNode("div", _hoisted_10, [
+                      createElementVNode("div", _hoisted_11, [
+                        createCommentVNode(" \u6682\u505C\u6309\u94AE\uFF08\u4E0A\u4F20\u4E2D\u4E14\u8FDB\u5EA6\u672A\u8FBE100%\u65F6\u663E\u793A\uFF09 "),
+                        record.status === "uploading" && record.progress < 100 ? (openBlock(), createBlock(_component_YcSvgIcon, {
+                          key: 0,
+                          src: pauseIconUrl.value,
+                          size: 16,
+                          class: "action-icon pause-icon",
+                          onClick: ($event) => handlePause(record.id)
+                        }, null, 8, ["src", "onClick"])) : createCommentVNode("v-if", true),
+                        createCommentVNode(" \u7EE7\u7EED\u6309\u94AE\uFF08\u6682\u505C\u65F6\u4E14\u8FDB\u5EA6\u672A\u8FBE100%\u65F6\u663E\u793A\uFF09 "),
+                        record.status === "paused" && record.progress < 100 ? (openBlock(), createBlock(_component_YcSvgIcon, {
+                          key: 1,
+                          src: startIconUrl.value,
+                          size: 16,
+                          class: "action-icon play-icon",
+                          onClick: ($event) => handleResume(record.id)
+                        }, null, 8, ["src", "onClick"])) : createCommentVNode("v-if", true),
+                        createCommentVNode(" \u53D6\u6D88/\u5220\u9664\u6309\u94AE\uFF08\u59CB\u7EC8\u663E\u793A\uFF09 "),
+                        createVNode(_component_YcSvgIcon, {
+                          src: cancelIconUrl.value,
+                          size: 16,
+                          class: "action-icon cancel-icon",
+                          onClick: ($event) => handleCancel(record.id)
+                        }, null, 8, ["src", "onClick"])
+                      ])
+                    ]),
+                    createCommentVNode(" \u72B6\u6001\u5217 "),
+                    createElementVNode("div", _hoisted_12, [
+                      createCommentVNode(" \u8FDB\u5EA6\u4FE1\u606F "),
+                      createElementVNode("div", _hoisted_13, [
+                        createElementVNode(
+                          "span",
+                          _hoisted_14,
+                          "\u8FDB\u5EA6" + toDisplayString(record.progress) + "%",
+                          1
+                          /* TEXT */
+                        ),
+                        createVNode(unref(ElProgress), {
+                          percentage: record.progress,
+                          "show-text": false,
+                          "stroke-width": 4,
+                          class: "progress-bar"
+                        }, null, 8, ["percentage"])
+                      ])
+                    ])
+                  ]);
+                }),
+                128
+                /* KEYED_FRAGMENT */
+              ))
+            ],
+            64
+            /* STABLE_FRAGMENT */
+          ))
+        ])
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/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/es/components/yc-batch-import-dialog/src/index.vue.mjs

@@ -0,0 +1,6 @@
+import _sfc_main from './index.vue2.mjs';
+import _export_sfc from '../../../_virtual/_plugin-vue_export-helper.mjs';
+
+var YcBatchImportDialog = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-338bd60b"], ["__file", "index.vue"]]);
+
+export { YcBatchImportDialog as default };