@fmdevui/fm-dev 1.0.9 → 1.0.11

package/es/core/index.d.ts

@@ -1,4 +1,6 @@
+export * from './ui/components';
 export * from './ui/login';
+export * from './ui/loading';
 export * from './api';
 export * from './directive';
 export * from './locales';

package/es/core/ui/components/index.d.ts

@@ -0,0 +1,2 @@
+declare function initCommonUI(app: any): void;
+export { initCommonUI };

package/es/core/ui/components/noticeBar/index.vue.d.ts

@@ -0,0 +1,114 @@
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    background: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    speed: {
+        type: NumberConstructor;
+        default: number;
+    };
+    scrollable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    leftIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    rightIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+    link: (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    mode: {
+        type: StringConstructor;
+        default: string;
+    };
+    text: {
+        type: StringConstructor;
+        default: string;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+    background: {
+        type: StringConstructor;
+        default: string;
+    };
+    size: {
+        type: (NumberConstructor | StringConstructor)[];
+        default: number;
+    };
+    height: {
+        type: NumberConstructor;
+        default: number;
+    };
+    delay: {
+        type: NumberConstructor;
+        default: number;
+    };
+    speed: {
+        type: NumberConstructor;
+        default: number;
+    };
+    scrollable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    leftIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    rightIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+    onLink?: ((...args: any[]) => any) | undefined;
+}>, {
+    text: string;
+    size: string | number;
+    mode: string;
+    height: number;
+    background: string;
+    color: string;
+    delay: number;
+    speed: number;
+    scrollable: boolean;
+    leftIcon: string;
+    rightIcon: string;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {
+    noticeBarWarpRef: HTMLDivElement;
+    noticeBarTextRef: HTMLDivElement;
+}, HTMLDivElement>;
+export default _default;

package/es/core/ui/components/noticeBar/style/css.d.ts

@@ -0,0 +1 @@
+import "fm-dev/theme-chalk/t-noticebar.css";

package/es/core/ui/components/noticeBar/style/index.d.ts

@@ -0,0 +1 @@
+import "fm-dev/theme-chalk/src/t-noticebar.scss";

package/es/core/ui/components/svgIcon/index.d.ts

@@ -0,0 +1,7 @@
+import { App } from 'vue';
+/**
+ * 导出全局注册 element plus svg 图标
+ * @param app vue 实例
+ * @description 使用：https://element-plus.gitee.io/zh-CN/component/icon.html
+ */
+export declare function elSvg(app: App): void;

package/es/core/ui/components/svgIcon/svgicon.vue.d.ts

@@ -0,0 +1,27 @@
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+    };
+    size: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+    color: {
+        type: StringConstructor;
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly< ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+    };
+    size: {
+        type: NumberConstructor;
+        default: () => number;
+    };
+    color: {
+        type: StringConstructor;
+    };
+}>> & Readonly<{}>, {
+    size: number;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/core/ui/components/transfer/index.vue.d.ts

@@ -0,0 +1,59 @@
+import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare const _default: DefineComponent<ExtractPropTypes<{
+    leftTitle: StringConstructor;
+    rightTitle: StringConstructor;
+    options: {
+        type: ObjectConstructor;
+        default: () => {
+            value: string;
+            label: string;
+            disabled: string;
+        };
+    };
+    leftData: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    rightData: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+}>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
+    left: (...args: any[]) => void;
+    right: (...args: any[]) => void;
+    allLeft: (...args: any[]) => void;
+    allRight: (...args: any[]) => void;
+    "update:leftData": (...args: any[]) => void;
+    "update:rightData": (...args: any[]) => void;
+}, string, PublicProps, Readonly< ExtractPropTypes<{
+    leftTitle: StringConstructor;
+    rightTitle: StringConstructor;
+    options: {
+        type: ObjectConstructor;
+        default: () => {
+            value: string;
+            label: string;
+            disabled: string;
+        };
+    };
+    leftData: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+    rightData: {
+        type: ArrayConstructor;
+        default: () => never[];
+    };
+}>> & Readonly<{
+    onLeft?: ((...args: any[]) => any) | undefined;
+    onRight?: ((...args: any[]) => any) | undefined;
+    onAllLeft?: ((...args: any[]) => any) | undefined;
+    onAllRight?: ((...args: any[]) => any) | undefined;
+    "onUpdate:leftData"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:rightData"?: ((...args: any[]) => any) | undefined;
+}>, {
+    options: Record<string, any>;
+    leftData: unknown[];
+    rightData: unknown[];
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+export default _default;

package/es/core/ui/components/transfer/style/css.d.ts

@@ -0,0 +1 @@
+import "fm-dev/theme-chalk/t-transfer.css";

package/es/core/ui/components/transfer/style/index.d.ts

@@ -0,0 +1 @@
+import "fm-dev/theme-chalk/src/t-transfer.scss";

package/es/core/ui/loading/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 页面全局 Loading
+ * @method start 创建 loading
+ * @method done 移除 loading
+ */
+export declare const NextLoading: {
+    start: () => void;
+    done: (time?: number) => void;
+};

package/es/index.mjs

@@ -1,7 +1,9 @@
 import installer from './defaults.mjs';
 import './packages/core/index.mjs';
 export { version } from './version.mjs';
+export { initCommonUI } from './packages/core/ui/components/index.mjs';
 export { FmLogin } from './packages/core/ui/login/index.mjs';
+export { NextLoading } from './packages/core/ui/loading/index.mjs';
 export { useBaseApi } from './packages/core/api/base/index.mjs';
 export { feature, useSysApi } from './packages/core/api/sys/index.mjs';
 export { useLoginApi } from './packages/core/api/login/index.mjs';

package/es/packages/core/index.mjs

@@ -1,4 +1,6 @@
+export { initCommonUI } from './ui/components/index.mjs';
 export { FmLogin } from './ui/login/index.mjs';
+export { NextLoading } from './ui/loading/index.mjs';
 import './api/index.mjs';
 export { directive } from './directive/index.mjs';
 export { getCountryCode, i18n, iso_3166_1_CountryList, languageList, mergMessage, setupI18n } from './locales/index.mjs';

package/es/packages/core/ui/components/index.mjs

@@ -0,0 +1,18 @@
+import './transfer/index.vue.mjs';
+import './noticeBar/index.vue.mjs';
+import { elSvg } from './svgIcon/index.mjs';
+import _sfc_main from './noticeBar/index.vue2.mjs';
+import _sfc_main$1 from './transfer/index.vue2.mjs';
+
+const components = {
+  FmTransfer: _sfc_main$1,
+  FmNoticeBar: _sfc_main
+};
+function initCommonUI(app) {
+  for (const key in components) {
+    app.component(key, components[key]);
+  }
+  elSvg(app);
+}
+
+export { initCommonUI };

package/es/packages/core/ui/components/noticeBar/index.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './index.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/core/ui/components/noticeBar/index.vue2.mjs

@@ -0,0 +1,126 @@
+import { defineComponent, ref, reactive, onMounted, nextTick, withDirectives, openBlock, createElementBlock, normalizeStyle, createElementVNode, createCommentVNode, normalizeClass, vShow } from 'vue';
+
+const _hoisted_1 = { class: "notice-bar-warp-text-box" };
+const _hoisted_2 = ["innerHTML"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    mode: { type: String, default: "" },
+    // 通知栏模式，可选值为 closeable link
+    text: { type: String, default: "" },
+    // 通知文本内容
+    color: { type: String, default: "var(--el-color-warning)" },
+    // 通知文本颜色
+    background: { type: String, default: "var(--el-color-warning-light-9)" },
+    // 通知背景色
+    size: { type: [Number, String], default: 14 },
+    // 字体大小，单位px
+    height: { type: Number, default: 40 },
+    // 通知栏高度，单位px
+    delay: { type: Number, default: 1 },
+    // 动画延迟时间 (s)
+    speed: { type: Number, default: 100 },
+    // 滚动速率 (px/s)
+    scrollable: { type: Boolean, default: false },
+    // 是否开启垂直滚动
+    leftIcon: { type: String, default: "iconfont icon-tongzhi2" },
+    // 自定义左侧图标
+    rightIcon: { type: String, default: "" }
+    // 自定义右侧图标
+  },
+  emits: ["close", "link"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const noticeBarWarpRef = ref(null);
+    const noticeBarTextRef = ref(null);
+    const state = reactive({
+      isMode: false,
+      warpOWidth: 0,
+      textOWidth: 0,
+      animationDuration: 0
+    });
+    onMounted(async () => {
+      if (!props.scrollable) initAnimation();
+    });
+    const initAnimation = () => {
+      nextTick(() => {
+        if (noticeBarWarpRef.value && noticeBarTextRef.value) {
+          state.warpOWidth = noticeBarWarpRef.value.offsetWidth;
+          state.textOWidth = noticeBarTextRef.value.scrollWidth;
+          state.animationDuration = (state.textOWidth + state.warpOWidth) / props.speed;
+          noticeBarTextRef.value.style.animation = "none";
+          noticeBarTextRef.value.offsetHeight;
+          noticeBarTextRef.value.style.animation = `marquee ${state.animationDuration}s linear infinite`;
+          const keyframes = `
+		  @keyframes marquee {
+			0% { transform: translateX(${state.warpOWidth}px); }
+			100% { transform: translateX(-${state.textOWidth}px); }
+		  }
+		`;
+          const styleSheet = document.createElement("style");
+          styleSheet.innerText = keyframes;
+          document.head.appendChild(styleSheet);
+        }
+      });
+    };
+    return (_ctx, _cache) => {
+      return withDirectives((openBlock(), createElementBlock(
+        "div",
+        {
+          class: "fm-notice-bar",
+          style: normalizeStyle({ background: __props.background, height: `${__props.height}px` })
+        },
+        [
+          createElementVNode(
+            "div",
+            {
+              class: "notice-bar-warp",
+              style: normalizeStyle({ color: __props.color, fontSize: `${__props.size}px` }),
+              ref_key: "noticeBarWarpRef",
+              ref: noticeBarWarpRef
+            },
+            [
+              __props.leftIcon ? (openBlock(), createElementBlock(
+                "i",
+                {
+                  key: 0,
+                  class: normalizeClass(["notice-bar-warp-left-icon", __props.leftIcon])
+                },
+                null,
+                2
+                /* CLASS */
+              )) : createCommentVNode("v-if", true),
+              createElementVNode("div", _hoisted_1, [
+                createElementVNode(
+                  "div",
+                  {
+                    class: "notice-bar-warp-text",
+                    ref_key: "noticeBarTextRef",
+                    ref: noticeBarTextRef
+                  },
+                  [
+                    createElementVNode("div", {
+                      innerHTML: props.text,
+                      "data-slate-editor": ""
+                    }, null, 8, _hoisted_2)
+                  ],
+                  512
+                  /* NEED_PATCH */
+                )
+              ])
+            ],
+            4
+            /* STYLE */
+          )
+        ],
+        4
+        /* STYLE */
+      )), [
+        [vShow, !state.isMode]
+      ]);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/core/ui/components/noticeBar/style/css.mjs

@@ -0,0 +1 @@
+import 'fm-dev/theme-chalk/t-noticebar.css';

package/es/packages/core/ui/components/noticeBar/style/index.mjs

@@ -0,0 +1 @@
+import 'fm-dev/theme-chalk/src/t-noticebar.scss';

package/es/packages/core/ui/components/svgIcon/index.mjs

@@ -0,0 +1,13 @@
+import * as svg from '@element-plus/icons-vue';
+import './svgicon.vue.mjs';
+import _sfc_main from './svgicon.vue2.mjs';
+
+function elSvg(app) {
+  const icons = svg;
+  for (const i in icons) {
+    app.component(`ele-${icons[i].name}`, icons[i]);
+  }
+  app.component("SvgIcon", _sfc_main);
+}
+
+export { elSvg };

package/es/packages/core/ui/components/svgIcon/svgicon.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './svgicon.vue2.mjs';
+
+
+
+export { _sfc_main as default };

package/es/packages/core/ui/components/svgIcon/svgicon.vue2.mjs

@@ -0,0 +1,87 @@
+import { defineComponent, computed, createElementBlock, openBlock, normalizeStyle, createBlock, resolveDynamicComponent, createElementVNode, normalizeClass } from 'vue';
+
+const _hoisted_1 = ["src"];
+var _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "svgicon",
+  props: {
+    // svg 图标组件名字
+    name: {
+      type: String
+    },
+    // svg 大小
+    size: {
+      type: Number,
+      default: () => 14
+    },
+    // svg 颜色
+    color: {
+      type: String
+    }
+  },
+  setup(__props) {
+    const props = __props;
+    const linesString = ["https", "http", "/src", "/assets", "data:image", window.__env__.VITE_PUBLIC_PATH];
+    const getIconName = computed(() => {
+      return props?.name;
+    });
+    const isShowIconSvg = computed(() => {
+      return props?.name?.startsWith("ele-");
+    });
+    const isShowIconImg = computed(() => {
+      return linesString.find((str) => props.name?.startsWith(str));
+    });
+    const setIconSvgStyle = computed(() => {
+      return `font-size: ${props.size}px;color: ${props.color};`;
+    });
+    const setIconImgOutStyle = computed(() => {
+      return `width: ${props.size}px;height: ${props.size}px;display: inline-block;overflow: hidden;`;
+    });
+    const setIconSvgInsStyle = computed(() => {
+      const filterStyle = [];
+      const compatibles = ["-webkit", "-ms", "-o", "-moz"];
+      compatibles.forEach((j) => filterStyle.push(`${j}-filter: drop-shadow(${props.color} ${props.size}px 0);`));
+      return `width: ${props.size}px;height: ${props.size}px;position: relative;left: -${props.size}px;${filterStyle.join("")}`;
+    });
+    return (_ctx, _cache) => {
+      return isShowIconSvg.value ? (openBlock(), createElementBlock(
+        "i",
+        {
+          key: 0,
+          class: "el-icon",
+          style: normalizeStyle(setIconSvgStyle.value)
+        },
+        [
+          (openBlock(), createBlock(resolveDynamicComponent(getIconName.value)))
+        ],
+        4
+        /* STYLE */
+      )) : isShowIconImg.value ? (openBlock(), createElementBlock(
+        "div",
+        {
+          key: 1,
+          style: normalizeStyle(setIconImgOutStyle.value)
+        },
+        [
+          createElementVNode("img", {
+            src: getIconName.value,
+            style: normalizeStyle(setIconSvgInsStyle.value)
+          }, null, 12, _hoisted_1)
+        ],
+        4
+        /* STYLE */
+      )) : (openBlock(), createElementBlock(
+        "i",
+        {
+          key: 2,
+          class: normalizeClass(getIconName.value),
+          style: normalizeStyle(setIconSvgStyle.value)
+        },
+        null,
+        6
+        /* CLASS, STYLE */
+      ));
+    };
+  }
+});
+
+export { _sfc_main as default };

package/es/packages/core/ui/components/transfer/index.vue.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from './index.vue2.mjs';
+
+
+
+export { _sfc_main as default };