yuang-framework-ui-pc 1.1.44 → 1.1.46

package/lib/style/themes/rounded-css-var.scss

@@ -0,0 +1,6 @@
+/** 圆角主题 css 变量 */
+@use './rounded.scss' as *;
+@use './theme-util.scss' as *;
+$rounded-selector: 'html.rounded' !default;
+
+@include set-theme-var($rounded-selector, $ele-rounded);

package/lib/style/themes/rounded.scss

@@ -0,0 +1,260 @@
+/** 圆角主题 */
+@use 'sass:map';
+@use '../util.scss' as *;
+$radius-large: 8px !default;
+
+$ele-rounded: () !default;
+$ele-rounded: map.deep-merge(
+  (
+    'header': (
+      'menu-height': 38px,
+      'tool-height': 38px,
+      'tool-radius': elVar('border-radius', 'base'),
+      'primary-active-bg': rgba(255, 255, 255, 0.24)
+    ),
+    'sidebar': (
+      'tool-height': 38px
+    ),
+    'alert': (
+      'radius': $radius-large,
+      'close-hover-bg': hsla(0, 0%, 60%, 0.15)
+    ),
+    'alert-dark': (
+      'close-hover-bg': rgba(255, 255, 255, 0.2)
+    ),
+    'message': (
+      'radius': $radius-large,
+      'close-hover-bg': hsla(0, 0%, 60%, 0.15)
+    ),
+    'card': (
+      'radius': $radius-large,
+      'header-font-weight': bold
+    ),
+    'drawer': (
+      'icon-hover-bg': elVar('fill-color', 'light')
+    ),
+    'dropdown': (
+      'padding': 6px 4px,
+      'item-margin': 2px,
+      'item-padding': 0 12px,
+      'item-radius': elVar('border-radius', 'small'),
+      'sm-padding': 3px 2px,
+      'sm-item-padding': 0 10px,
+      'lg-padding': 8px 6px,
+      'lg-item-padding': 0 14px
+    ),
+    'file': (
+      'item-radius': $radius-large
+    ),
+    'icon': (
+      'menus-padding': 12px 4px,
+      'menu-radius': elVar('border-radius', 'small'),
+      'menu-hover-color': elVar('text-color', 'primary'),
+      'menu-hover-bg': elVar('fill-color', 'light'),
+      'menu-active-line': 0
+    ),
+    'map': (
+      'search-padding': 2px 12px 6px 12px
+    ),
+    'menu': (
+      'arrow-margin': 0 -8px 0 6px,
+      'item-padding': 6px,
+      'item-radius': elVar('border-radius', 'base'),
+      'item-hover-color': elVar('text-color', 'primary'),
+      'item-hover-bg': elVar('fill-color', 'light'),
+      'item-focus-bg': elVar('fill-color', 'light'),
+      'item-active-line': 0
+    ),
+    'menu-popup': (
+      'radius': $radius-large,
+      'item-padding': 12px
+    ),
+    'menu-horizontal': (
+      'padding': 8px 6px,
+      'height': 40px,
+      'item-padding': 12px,
+      'item-margin': 4px,
+      'item-radius': elVar('border-radius', 'base'),
+      'hover-bg': rgba(0, 0, 0, 0.04),
+      'focus-bg': rgba(0, 0, 0, 0.04),
+      'active-bg': elVar('color-primary', 'light-9'),
+      'arrow-margin': 0 -4px 0 4px,
+      'line-size': 0,
+      'dark-hover-bg': rgba(255, 255, 255, 0.1),
+      'dark-focus-bg': rgba(255, 255, 255, 0.1),
+      'dark-active-bg': elVar('color-primary')
+    ),
+    'menu-dark': (
+      'hover-bg': rgba(255, 255, 255, 0.1),
+      'focus-bg': rgba(255, 255, 255, 0.1)
+    ),
+    'menu-colorful': (
+      'icon-radius': elVar('border-radius', 'base'),
+      'icon-size': 22px
+    ),
+    'dialog': (
+      'radius': $radius-large,
+      'header-font-weight': bold,
+      'header-padding': 18px 20px 12px 20px,
+      'header-border': none,
+      'icon-hover-bg': elVar('fill-color', 'light'),
+      'body-padding': 16px 22px 24px 22px,
+      'form-body-padding': 16px 22px 8px 20px,
+      'footer-padding': 8px 20px 18px 20px,
+      'footer-border': none
+    ),
+    'pagination': (
+      'radius': elVar('border-radius', 'base'),
+      'active-color': elVar('color', 'primary'),
+      'active-bg': none,
+      'active-border': 1px solid elVar('color', 'primary'),
+      'active-font-weight': bold,
+      'sm-radius': elVar('border-radius', 'base'),
+      'lg-radius': $radius-large
+    ),
+    'segmented': (
+      'radius': elVar('border-radius', 'small')
+    ),
+    'segmented-large': (
+      'radius': elVar('border-radius', 'base')
+    ),
+    'step': (
+      'icon-color': elVar('text-color', 'secondary'),
+      'icon-bg': elVar('fill-color', 'light'),
+      'icon-border': none,
+      'active-icon-border': none,
+      'finish-icon-bg': elVar('color-primary', 'light-9'),
+      'finish-icon-border': none
+    ),
+    'tab': (
+      //
+      'close-size': 18px,
+      'close-radius': elVar('border-radius', 'small'),
+      'close-hover-color': elVar('text-color', 'primary'),
+      'close-hover-bg': hsla(0, 0%, 60%, 0.15),
+      'active-close-hover-color': elVar('text-color', 'primary'),
+      'active-close-hover-bg': hsla(0, 0%, 60%, 0.15),
+      'sm-close-size': 14px,
+      'lg-close-size': 20px,
+      'simple-radius': 10px 10px 0px 0px,
+      'simple-active-weight': bold,
+      'simple-active-line': 0px,
+      'simple-line-display': none,
+      'simple-angle-size': 12px,
+      'simple-angle-display': block,
+      'simple-tool-hover-bg': transparent,
+      'button-radius': $radius-large,
+      'button-active-shadow': 0 0 4px 2px rgba(0, 0, 0, 0.04),
+      'button-active-weight': bold
+    ),
+    'text': (
+      'heading-weight': bold
+    ),
+    'table': (
+      'radius': elVar('border-radius', 'base'),
+      'th-font-weight': bold,
+      'lg-radius': $radius-large,
+      'sm-radius': elVar('border-radius', 'small')
+    ),
+    'table-filter': (
+      'padding': 6px 4px,
+      'item-margin': 2px,
+      'item-padding': 0 12px,
+      'item-radius': elVar('border-radius', 'small')
+    ),
+    'tool-column': (
+      'body-padding': 6px 4px,
+      'item-padding': 10px,
+      'item-radius': elVar('border-radius', 'small'),
+      'btn-hover-bg': elVar('color-primary', 'light-8'),
+      'btn-active-bg': elVar('color-primary', 'light-7')
+    ),
+    'toolbar': (
+      'radius': $radius-large
+    ),
+    'tree-select': (
+      'padding': 6px 4px,
+      'item-margin': 2px,
+      'item-padding': 0 12px,
+      'item-radius': elVar('border-radius', 'small'),
+      'expand-hover-bg': hsla(0, 0%, 60%, 0.15)
+    ),
+    'upload-list': (
+      'file-tool-hover-color': elVar('text-color', 'primary'),
+      'file-tool-hover-bg': elVar('fill-color', 'light')
+    ),
+    'popper': (
+      'radius': $radius-large
+    ),
+    'popover': (
+      'title-padding': 13px 16px 0 16px,
+      'title-border': none
+    ),
+    'select': (
+      'padding': 6px 4px,
+      'item-margin': 2px,
+      'item-padding': 0 12px,
+      'item-radius': elVar('border-radius', 'small')
+    ),
+    'autocomplete': (
+      'padding': 6px 4px,
+      'item-margin': 2px,
+      'item-padding': 0 12px,
+      'item-radius': elVar('border-radius', 'small')
+    ),
+    'cascader': (
+      'menu-padding': 6px,
+      'item-margin': 2px,
+      'item-padding': 0 12px,
+      'item-radius': elVar('border-radius', 'small')
+    ),
+    'message-box': (
+      'radius': $radius-large,
+      'header-font-weight': bold,
+      'icon-hover-bg': elVar('fill-color', 'light')
+    ),
+    'notification': (
+      'radius': $radius-large,
+      'close-hover-bg': elVar('fill-color', 'light')
+    ),
+    'tag': (
+      'close-hover-bg': elVar('color-primary', 'light-8'),
+      'info-close-hover-bg': hsla(0, 0%, 60%, 0.25),
+      'success-close-hover-bg': elVar('color-success', 'light-8'),
+      'warning-close-hover-bg': elVar('color-warning', 'light-8'),
+      'danger-close-hover-bg': elVar('color-error', 'light-8'),
+      'dark-close-hover-bg': rgba(255, 255, 255, 0.2),
+      'dark-info-close-hover-bg': hsla(0, 0%, 60%, 0.25),
+      'dark-success-close-hover-bg': rgba(255, 255, 255, 0.2),
+      'dark-warning-close-hover-bg': rgba(255, 255, 255, 0.2),
+      'dark-danger-close-hover-bg': rgba(255, 255, 255, 0.2),
+      'plain-close-hover-bg': elVar('color-primary', 'light-8'),
+      'plain-info-close-hover-bg': hsla(0, 0%, 60%, 0.25),
+      'plain-success-close-hover-bg': elVar('color-success', 'light-8'),
+      'plain-warning-close-hover-bg': elVar('color-warning', 'light-8'),
+      'plain-danger-close-hover-bg': elVar('color-error', 'light-8')
+    ),
+    'tree': (
+      'item-margin': 2px,
+      'item-padding': 0 12px,
+      'item-radius': elVar('border-radius', 'small'),
+      'expand-hover-bg': hsla(0, 0%, 60%, 0.15)
+    ),
+    'descriptions': (
+      'radius': $radius-large
+    ),
+    'datepicker': (
+      'cell-radius': elVar('border-radius', 'small'),
+      'year-radius': elVar('border-radius', 'base'),
+      'sidebar-padding': 8px 6px,
+      'shortcut-height': 28px,
+      'shortcut-padding': 0 8px,
+      'shortcut-margin': 4px,
+      'shortcut-radius': elVar('border-radius', 'small')
+    ),
+    'timepicker': (
+      'item-radius': elVar('border-radius', 'small')
+    )
+  ),
+  $ele-rounded
+);

package/lib/yu-framework-attachment-file-upload/CommonUpload/index.cjs

@@ -0,0 +1,172 @@
+"use strict";
+const vue = require("vue");
+const message = require("../../utils/message");
+const es = require("element-plus/es");
+const httpConfig = require("yuang-framework-ui-common/lib/config/httpConfig");
+const uuidUtils = require("yuang-framework-ui-common/lib/utils/uuidUtils");
+const applicationConfig = require("yuang-framework-ui-common/lib/config/applicationConfig");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "CommonUpload" },
+  __name: "index",
+  props: /* @__PURE__ */ vue.mergeModels({
+    fileLimit: { default: 100 },
+    readonly: { type: Boolean },
+    disabled: { type: Boolean },
+    preview: { type: Boolean, default: true },
+    limit: {},
+    multiple: { type: Boolean },
+    drag: { type: Boolean, default: true },
+    accept: { default: "" },
+    itemStyle: {},
+    buttonStyle: {},
+    sortable: { type: [Boolean, Object], default: () => ({ forceFallback: true }) },
+    imageProps: {},
+    progressProps: {},
+    previewProps: {},
+    tools: { type: Boolean, default: true },
+    listType: {},
+    beforeUploadClick: {},
+    beforeItemEdit: {},
+    locale: {}
+  }, {
+    "modelValue": {
+      type: Array,
+      default: () => []
+    },
+    "modelModifiers": {}
+  }),
+  emits: /* @__PURE__ */ vue.mergeModels(["itemClick", "preview"], ["update:modelValue"]),
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const images = vue.useModel(__props, "modelValue");
+    const checkFile = (file) => {
+      if (!file) {
+        return;
+      }
+      if (props.accept === "image/*") {
+        if (!file.type.startsWith("image")) {
+          message.EleMessage.error("只能选择图片");
+          return;
+        }
+      } else if (props.accept === ".xls,.xlsx") {
+        if (![
+          "application/vnd.ms-excel",
+          "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
+        ].includes(file.type)) {
+          message.EleMessage.error("只能选择 excel 文件");
+          return;
+        }
+      }
+      if (props.fileLimit && file.size / 1024 / 1024 > props.fileLimit) {
+        message.EleMessage.error(`大小不能超过 ${props.fileLimit}MB`);
+        return;
+      }
+      return true;
+    };
+    const handleItemUpload = (uploadItem, retry) => {
+      if (!uploadItem.file || !checkFile(uploadItem.file)) {
+        return;
+      }
+      if (!retry) {
+        images.value.push({ ...uploadItem });
+      }
+      const item = images.value.find((t) => t.key === uploadItem.key);
+      if (!item) {
+        return;
+      }
+      item.status = "uploading";
+      item.progress = 0;
+      debugger;
+      let formData = new FormData();
+      formData.append("code", uuidUtils.getShortUuid());
+      formData.append("multipartFile", uploadItem.file, uploadItem.file.name);
+      httpConfig.http({
+        url: `/framework-api/core/framework-attachment/uploadAttachment`,
+        method: "post",
+        headers: {
+          "Content-Type": "multipart/form-data"
+        },
+        data: formData
+      }).then((res) => {
+        message.EleMessage.success(res.data.message);
+        item.progress = 100;
+        item.status = "done";
+        item.url = res.data.data.fullUrl;
+      }).catch((e) => {
+        item.status = "exception";
+        message.EleMessage.error(e.message);
+      });
+    };
+    const handleItemEditUpload = ({ item, newItem }) => {
+      if (!checkFile(newItem.file)) {
+        return;
+      }
+      const oldItem = images.value.find((t) => t.key === item.key);
+      if (oldItem) {
+        oldItem.url = void 0;
+        oldItem.name = newItem.name;
+        oldItem.file = newItem.file;
+        oldItem.progress = 0;
+        oldItem.status = void 0;
+        handleItemUpload(oldItem, true);
+      }
+    };
+    const handleItemRemove = (uploadItem) => {
+      let id = uploadItem.id;
+      es.ElMessageBox.confirm("确定要删除吗?", "系统提示", { type: "warning", draggable: true }).then(() => {
+        httpConfig.http.get(`${applicationConfig.application.gatewayServerBaseUrl}/framework-api/core/framework-attachment/deleteInfo`, { params: { id } }).then((res) => {
+          message.EleMessage.success(res.data.message);
+          images.value.splice(images.value.indexOf(uploadItem), 1);
+        });
+      });
+    };
+    const handleItemClick = (item) => {
+      emit("itemClick", item);
+    };
+    const handleItemPreview = (item) => {
+      emit("preview", item);
+    };
+    return (_ctx, _cache) => {
+      const _component_EleUploadList = vue.resolveComponent("EleUploadList");
+      return vue.openBlock(), vue.createBlock(_component_EleUploadList, {
+        modelValue: images.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => images.value = $event),
+        readonly: _ctx.readonly,
+        disabled: _ctx.disabled,
+        preview: _ctx.preview,
+        limit: _ctx.limit,
+        multiple: _ctx.multiple,
+        drag: _ctx.drag,
+        accept: _ctx.accept,
+        itemStyle: _ctx.itemStyle,
+        buttonStyle: _ctx.buttonStyle,
+        sortable: _ctx.sortable,
+        imageProps: _ctx.imageProps,
+        progressProps: _ctx.progressProps,
+        previewProps: _ctx.previewProps,
+        tools: _ctx.tools,
+        listType: _ctx.listType,
+        beforeUploadClick: _ctx.beforeUploadClick,
+        beforeItemEdit: _ctx.beforeItemEdit,
+        locale: _ctx.locale,
+        onUpload: handleItemUpload,
+        onRetry: _cache[1] || (_cache[1] = (item) => handleItemUpload(item, true)),
+        onRemove: handleItemRemove,
+        onEditUpload: handleItemEditUpload,
+        onItemClick: handleItemClick,
+        onPreview: handleItemPreview
+      }, vue.createSlots({ _: 2 }, [
+        vue.renderList(Object.keys(_ctx.$slots), (name) => {
+          return {
+            name,
+            fn: vue.withCtx((slotProps) => [
+              vue.renderSlot(_ctx.$slots, name, vue.normalizeProps(vue.guardReactiveProps(slotProps || {})))
+            ])
+          };
+        })
+      ]), 1032, ["modelValue", "readonly", "disabled", "preview", "limit", "multiple", "drag", "accept", "itemStyle", "buttonStyle", "sortable", "imageProps", "progressProps", "previewProps", "tools", "listType", "beforeUploadClick", "beforeItemEdit", "locale"]);
+    };
+  }
+});
+module.exports = _sfc_main;

package/lib/yu-framework-attachment-file-upload/CommonUpload/index.d.ts

@@ -0,0 +1,161 @@
+import { CSSProperties } from 'vue';
+import { ElProgressProps, ElImageProps } from '../../ele-app/el';
+import { EleImageViewerProps } from '../../ele-app/plus';
+import { UploadItem, ListType, BeforeUploadClick, BeforeItemEdit, UploadLocale } from '../../ele-upload-list/types';
+
+declare function __VLS_template(): Partial<Record<string, (_: any) => any>>;
+declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<UploadItem[]>;
+    drag: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    readonly: {
+        type: import('vue').PropType<boolean>;
+    };
+    sortable: {
+        type: import('vue').PropType<boolean | Record<string | number | symbol, any>>;
+        default: () => {
+            forceFallback: boolean;
+        };
+    };
+    multiple: {
+        type: import('vue').PropType<boolean>;
+    };
+    preview: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    accept: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    tools: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    beforeUploadClick: {
+        type: import('vue').PropType<BeforeUploadClick>;
+    };
+    locale: {
+        type: import('vue').PropType<Partial<UploadLocale>>;
+    };
+    imageProps: {
+        type: import('vue').PropType<ElImageProps>;
+    };
+    progressProps: {
+        type: import('vue').PropType<ElProgressProps>;
+    };
+    listType: {
+        type: import('vue').PropType<ListType>;
+    };
+    limit: {
+        type: import('vue').PropType<number>;
+    };
+    itemStyle: {
+        type: import('vue').PropType<CSSProperties>;
+    };
+    buttonStyle: {
+        type: import('vue').PropType<CSSProperties>;
+    };
+    previewProps: {
+        type: import('vue').PropType<EleImageViewerProps>;
+    };
+    beforeItemEdit: {
+        type: import('vue').PropType<BeforeItemEdit>;
+    };
+    fileLimit: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    itemClick: (item: UploadItem) => void;
+    preview: (item: UploadItem) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    modelValue: import('vue').PropType<UploadItem[]>;
+    drag: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    disabled: {
+        type: import('vue').PropType<boolean>;
+    };
+    readonly: {
+        type: import('vue').PropType<boolean>;
+    };
+    sortable: {
+        type: import('vue').PropType<boolean | Record<string | number | symbol, any>>;
+        default: () => {
+            forceFallback: boolean;
+        };
+    };
+    multiple: {
+        type: import('vue').PropType<boolean>;
+    };
+    preview: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    accept: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    tools: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    beforeUploadClick: {
+        type: import('vue').PropType<BeforeUploadClick>;
+    };
+    locale: {
+        type: import('vue').PropType<Partial<UploadLocale>>;
+    };
+    imageProps: {
+        type: import('vue').PropType<ElImageProps>;
+    };
+    progressProps: {
+        type: import('vue').PropType<ElProgressProps>;
+    };
+    listType: {
+        type: import('vue').PropType<ListType>;
+    };
+    limit: {
+        type: import('vue').PropType<number>;
+    };
+    itemStyle: {
+        type: import('vue').PropType<CSSProperties>;
+    };
+    buttonStyle: {
+        type: import('vue').PropType<CSSProperties>;
+    };
+    previewProps: {
+        type: import('vue').PropType<EleImageViewerProps>;
+    };
+    beforeItemEdit: {
+        type: import('vue').PropType<BeforeItemEdit>;
+    };
+    fileLimit: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+}>> & Readonly<{
+    onItemClick?: ((item: UploadItem) => any) | undefined;
+    onPreview?: ((item: UploadItem) => any) | undefined;
+}>, {
+    drag: boolean;
+    sortable: boolean | Record<keyof any, any>;
+    preview: boolean;
+    accept: string;
+    tools: boolean;
+    fileLimit: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, ReturnType<typeof __VLS_template>>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};