pro-design-vue 0.0.1-beta.1

package/lib/components/layout/src/typing.d.ts

@@ -0,0 +1,171 @@
+type ContentCompactType = 'compact' | 'wide';
+type LayoutHeaderModeType = 'auto' | 'auto-scroll' | 'fixed' | 'static';
+type LayoutType = 'full-content' | 'header-mixed-nav' | 'header-nav' | 'header-sidebar-nav' | 'mixed-nav' | 'sidebar-mixed-nav' | 'sidebar-nav';
+type ThemeModeType = 'auto' | 'dark' | 'light';
+interface ProLayoutProps {
+    /**
+     * 内容区域定宽
+     * @default 'wide'
+     */
+    contentCompact?: ContentCompactType;
+    /**
+     * 定宽布局宽度
+     * @default 1200
+     */
+    contentCompactWidth?: number;
+    /**
+     * padding
+     * @default 16
+     */
+    contentPadding?: number;
+    /**
+     * paddingBottom
+     * @default 16
+     */
+    contentPaddingBottom?: number;
+    /**
+     * paddingLeft
+     * @default 16
+     */
+    contentPaddingLeft?: number;
+    /**
+     * paddingRight
+     * @default 16
+     */
+    contentPaddingRight?: number;
+    /**
+     * paddingTop
+     * @default 16
+     */
+    contentPaddingTop?: number;
+    /**
+     * footer 是否可见
+     * @default false
+     */
+    footerEnable?: boolean;
+    /**
+     * footer 是否固定
+     * @default true
+     */
+    footerFixed?: boolean;
+    /**
+     * footer 高度
+     * @default 32
+     */
+    footerHeight?: number;
+    /**
+     * header高度
+     * @default 48
+     */
+    headerHeight?: number;
+    /**
+     * 顶栏是否隐藏
+     * @default false
+     */
+    headerHidden?: boolean;
+    /**
+     * header 显示模式
+     * @default 'fixed'
+     */
+    headerMode?: LayoutHeaderModeType;
+    /**
+     * header 顶栏主题
+     */
+    headerTheme?: ThemeModeType;
+    /**
+     * 是否显示header切换侧边栏按钮
+     * @default
+     */
+    headerToggleSidebarButton?: boolean;
+    /**
+     * header是否显示
+     * @default true
+     */
+    headerVisible?: boolean;
+    /**
+     * 是否移动端显示
+     * @default false
+     */
+    isMobile?: boolean;
+    /**
+     * 布局方式
+     * sidebar-nav 侧边菜单布局
+     * header-nav 顶部菜单布局
+     * mixed-nav 侧边&顶部菜单布局
+     * sidebar-mixed-nav 侧边混合菜单布局
+     * full-content 全屏内容布局
+     * @default sidebar-nav
+     */
+    layout?: LayoutType;
+    /**
+     * 侧边菜单折叠状态
+     * @default false
+     */
+    sidebarCollapse?: boolean;
+    /**
+     * 侧边菜单折叠按钮
+     * @default true
+     */
+    sidebarCollapsedButton?: boolean;
+    /**
+     * 侧边菜单是否折叠时，是否显示title
+     * @default true
+     */
+    sidebarCollapseShowTitle?: boolean;
+    /**
+     * 侧边栏是否可见
+     * @default true
+     */
+    sidebarEnable?: boolean;
+    /**
+     * 侧边菜单折叠额外宽度
+     * @default 48
+     */
+    sidebarExtraCollapsedWidth?: number;
+    /**
+     * 侧边菜单折叠按钮是否固定
+     * @default true
+     */
+    sidebarFixedButton?: boolean;
+    /**
+     * 侧边栏是否隐藏
+     * @default false
+     */
+    sidebarHidden?: boolean;
+    /**
+     * 混合侧边栏宽度
+     * @default 80
+     */
+    sidebarMixedWidth?: number;
+    /**
+     * 侧边栏
+     * @default dark
+     */
+    sidebarTheme?: ThemeModeType;
+    /**
+     * 侧边栏宽度
+     * @default 210
+     */
+    sidebarWidth?: number;
+    /**
+     *  侧边菜单折叠宽度
+     * @default 48
+     */
+    sideCollapseWidth?: number;
+    /**
+     * tab是否可见
+     * @default true
+     */
+    tabbarEnable?: boolean;
+    /**
+     * tab高度
+     * @default 30
+     */
+    tabbarHeight?: number;
+    /**
+     * zIndex
+     * @default 100
+     */
+    zIndex?: number;
+}
+export type { ProLayoutProps, ContentCompactType, LayoutHeaderModeType, LayoutType, ThemeModeType };

package/lib/components/layout/src/typing.js

@@ -0,0 +1,3 @@
+'use strict';
+
+//# sourceMappingURL=typing.js.map

package/lib/components/layout/src/typing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typing.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/lib/components/loading/index.d.ts

@@ -0,0 +1,4 @@
+import type { SFCWithInstall } from 'pro-design-vue/es/utils';
+import Loading from './src/loading.vue';
+export declare const ProLoading: SFCWithInstall<typeof Loading>;
+export default ProLoading;

package/lib/components/loading/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var loading_vue_vue_type_script_setup_true_lang = require('./src/loading.vue2.js');
+var install = require('../../utils/install.js');
+
+const ProLoading = install.withInstall(loading_vue_vue_type_script_setup_true_lang.default);
+
+exports.ProLoading = ProLoading;
+exports.default = ProLoading;
+//# sourceMappingURL=index.js.map

package/lib/components/loading/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/loading/index.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2025-05-21 09:13:09\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 14:47:56\n * @Description:\n */\nimport type { SFCWithInstall } from '@pro-design-vue/utils'\n\nimport { withInstall } from '@pro-design-vue/utils'\nimport Loading from './src/loading.vue'\n\nexport const ProLoading: SFCWithInstall<typeof Loading> = withInstall(Loading)\nexport default ProLoading\n"],"names":["withInstall","Loading"],"mappings":";;;;;;;AAYO,MAAM,UAAA,GAA6CA,oBAAYC,mDAAO;;;;;"}

package/lib/components/loading/src/loading.vue.d.ts

@@ -0,0 +1,32 @@
+interface Props {
+    /**
+     * @zh_CN 最小加载时间
+     * @en_US Minimum loading time
+     */
+    minLoadingTime?: number;
+    /**
+     * @zh_CN loading状态开启
+     */
+    spinning?: boolean;
+    /**
+     * @zh_CN 文字
+     */
+    text?: string;
+}
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    text: string;
+    minLoadingTime: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/loading/src/loading.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var loading_vue_vue_type_script_setup_true_lang = require('./loading.vue2.js');
+
+
+
+exports.default = loading_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=loading.vue.js.map

package/lib/components/loading/src/loading.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/lib/components/loading/src/loading.vue2.js

@@ -0,0 +1,102 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var vue = require('vue');
+var index = require('../../../hooks/use-prefix-cls/index.js');
+
+var _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "ProLoading"
+  },
+  __name: "loading",
+  props: {
+    minLoadingTime: { type: Number, required: false, default: 50 },
+    spinning: { type: Boolean, required: false },
+    text: { type: String, required: false, default: "" }
+  },
+  setup(__props) {
+    const props = __props;
+    const prefixCls = index.usePrefixCls("loading");
+    const showSpinner = vue.ref(false);
+    const renderSpinner = vue.ref(false);
+    const timer = vue.ref();
+    vue.watch(
+      () => props.spinning,
+      (show) => {
+        if (!show) {
+          showSpinner.value = false;
+          clearTimeout(timer.value);
+          return;
+        }
+        timer.value = setTimeout(() => {
+          showSpinner.value = true;
+          if (showSpinner.value) {
+            renderSpinner.value = true;
+          }
+        }, props.minLoadingTime);
+      },
+      {
+        immediate: true
+      }
+    );
+    function onTransitionEnd() {
+      if (!showSpinner.value) {
+        renderSpinner.value = false;
+      }
+    }
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(
+        "div",
+        {
+          class: vue.normalizeClass([
+            vue.unref(prefixCls),
+            {
+              [`${vue.unref(prefixCls)}--hidden`]: !showSpinner.value
+            }
+          ]),
+          onTransitionend: onTransitionEnd
+        },
+        [
+          renderSpinner.value ? vue.renderSlot(_ctx.$slots, "icon", { key: 0 }, () => [
+            vue.createElementVNode(
+              "span",
+              {
+                class: vue.normalizeClass(`${vue.unref(prefixCls)}-dot`)
+              },
+              [
+                (vue.openBlock(), vue.createElementBlock(
+                  vue.Fragment,
+                  null,
+                  vue.renderList(4, (index) => {
+                    return vue.createElementVNode("i", { key: index });
+                  }),
+                  64
+                  /* STABLE_FRAGMENT */
+                ))
+              ],
+              2
+              /* CLASS */
+            )
+          ]) : vue.createCommentVNode("v-if", true),
+          _ctx.text ? (vue.openBlock(), vue.createElementBlock(
+            "div",
+            {
+              key: 1,
+              class: vue.normalizeClass(`${vue.unref(prefixCls)}-text`)
+            },
+            vue.toDisplayString(_ctx.text),
+            3
+            /* TEXT, CLASS */
+          )) : vue.createCommentVNode("v-if", true),
+          vue.renderSlot(_ctx.$slots, "default")
+        ],
+        34
+        /* CLASS, NEED_HYDRATION */
+      );
+    };
+  }
+});
+
+exports.default = _sfc_main;
+//# sourceMappingURL=loading.vue2.js.map

package/lib/components/loading/src/loading.vue2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"loading.vue2.js","sources":["../../../../../../packages/components/loading/src/loading.vue"],"sourcesContent":["<!--\n * @Author: shen\n * @Date: 2025-06-20 16:04:00\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 13:28:28\n * @Description:\n-->\n<script lang=\"ts\" setup>\nimport { ref, watch } from 'vue'\n\nimport { usePrefixCls } from '@pro-design-vue/hooks'\n\ninterface Props {\n  /**\n   * @zh_CN 最小加载时间\n   * @en_US Minimum loading time\n   */\n  minLoadingTime?: number\n\n  /**\n   * @zh_CN loading状态开启\n   */\n  spinning?: boolean\n  /**\n   * @zh_CN 文字\n   */\n  text?: string\n}\n\ndefineOptions({\n  name: 'ProLoading',\n})\n\nconst props = withDefaults(defineProps<Props>(), {\n  minLoadingTime: 50,\n  text: '',\n})\n\nconst prefixCls = usePrefixCls('loading')\n\n// const startTime = ref(0);\nconst showSpinner = ref(false)\nconst renderSpinner = ref(false)\nconst timer = ref<ReturnType<typeof setTimeout>>()\n\nwatch(\n  () => props.spinning,\n  (show) => {\n    if (!show) {\n      showSpinner.value = false\n      clearTimeout(timer.value)\n      return\n    }\n\n    // startTime.value = performance.now();\n    timer.value = setTimeout(() => {\n      // const loadingTime = performance.now() - startTime.value;\n\n      showSpinner.value = true\n      if (showSpinner.value) {\n        renderSpinner.value = true\n      }\n    }, props.minLoadingTime)\n  },\n  {\n    immediate: true,\n  },\n)\n\nfunction onTransitionEnd() {\n  if (!showSpinner.value) {\n    renderSpinner.value = false\n  }\n}\n</script>\n\n<template>\n  <div\n    :class=\"[\n      prefixCls,\n      {\n        [`${prefixCls}--hidden`]: !showSpinner,\n      },\n    ]\"\n    @transitionend=\"onTransitionEnd\"\n  >\n    <slot name=\"icon\" v-if=\"renderSpinner\">\n      <span :class=\"`${prefixCls}-dot`\">\n        <i v-for=\"index in 4\" :key=\"index\"></i>\n      </span>\n    </slot>\n\n    <div v-if=\"text\" :class=\"`${prefixCls}-text`\">{{ text }}</div>\n    <slot></slot>\n  </div>\n</template>\n"],"names":["usePrefixCls","ref","watch","_createElementBlock","_normalizeClass","_unref","_renderSlot","_createElementVNode","_Fragment","_renderList","text"],"mappings":";;;;;;;;;;;;;;;;;;AAiCA,IAAA,MAAM,KAAA,GAAQ,OAAA;AAKd,IAAA,MAAM,SAAA,GAAYA,mBAAa,SAAS,CAAA;AAGxC,IAAA,MAAM,WAAA,GAAcC,QAAI,KAAK,CAAA;AAC7B,IAAA,MAAM,aAAA,GAAgBA,QAAI,KAAK,CAAA;AAC/B,IAAA,MAAM,QAAQA,OAAA,EAAmC;AAEjD,IAAAC,SAAA;AAAA,MACE,MAAM,KAAA,CAAM,QAAA;AAAA,MACZ,CAAC,IAAA,KAAS;AACR,QAAA,IAAI,CAAC,IAAA,EAAM;AACT,UAAA,WAAA,CAAY,KAAA,GAAQ,KAAA;AACpB,UAAA,YAAA,CAAa,MAAM,KAAK,CAAA;AACxB,UAAA;AAAA,QACF;AAGA,QAAA,KAAA,CAAM,KAAA,GAAQ,WAAW,MAAM;AAG7B,UAAA,WAAA,CAAY,KAAA,GAAQ,IAAA;AACpB,UAAA,IAAI,YAAY,KAAA,EAAO;AACrB,YAAA,aAAA,CAAc,KAAA,GAAQ,IAAA;AAAA,UACxB;AAAA,QACF,CAAA,EAAG,MAAM,cAAc,CAAA;AAAA,MACzB,CAAA;AAAA,MACA;AAAA,QACE,SAAA,EAAW;AAAA;AACb,KACF;AAEA,IAAA,SAAS,eAAA,GAAkB;AACzB,MAAA,IAAI,CAAC,YAAY,KAAA,EAAO;AACtB,QAAA,aAAA,CAAc,KAAA,GAAQ,KAAA;AAAA,MACxB;AAAA,IACF;;8BAIEC,sBAAA;AAAA,QAiBM,KAAA;AAAA,QAAA;AAAA,UAhBH,OAAKC,kBAAA,CAAA;AAAA,YAAUC,UAAA,SAAA,CAAA;AAAA;cAA+B,CAAA,GAAAA,SAAA,CAAA,SAAA,CAAS,CAAA,QAAA,KAAc,WAAA,CAAA;AAAA;;UAMrE,eAAA,EAAe;AAAA;;UAEQ,aAAA,CAAA,KAAA,GAAxBC,cAAA,CAIO,IAAA,6BAJP,MAIO;AAAA,YAHLC,sBAAA;AAAA,cAEO,MAAA;AAAA,cAAA;AAAA,gBAFA,6BAAUF,SAAA,CAAA,SAAA,CAAS,CAAA,IAAA,CAAA;AAAA;;kCACxBF,sBAAA;AAAA,kBAAuCK,YAAA;AAAA,kBAAA,IAAA;AAAA,kBAAAC,cAAA,CAApB,CAAA,EAAC,CAAV,KAAA,KAAK;2BAAfF,sBAAA,CAAuC,GAAA,EAAA,EAAhB,GAAA,EAAK,OAAK,CAAA;AAAA;;;;;;;;;UAI1BG,IAAAA,CAAAA,IAAAA,qBAAXP,sBAAA;AAAA,YAA8D,KAAA;AAAA,YAAA;AAAA;cAA5C,6BAAUE,SAAA,CAAA,SAAA,CAAS,CAAA,KAAA,CAAA;AAAA;gCAAYK,KAAAA,IAAI,CAAA;AAAA,YAAA;AAAA;AAAA,WAAA;UACrDJ,cAAA,CAAa,IAAA,CAAA,MAAA,EAAA,SAAA;AAAA;;;;;;;;;;"}

package/lib/components/modal/index.d.ts

@@ -0,0 +1,6 @@
+import type { SFCWithInstall } from 'pro-design-vue/es/utils';
+import type { Props } from './src/modal.vue';
+import Modal from './src/modal.vue';
+export declare const ProModal: SFCWithInstall<typeof Modal>;
+export type { Props as ProModalProps };
+export default ProModal;

package/lib/components/modal/index.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var modal_vue_vue_type_script_setup_true_lang = require('./src/modal.vue2.js');
+var install = require('../../utils/install.js');
+
+const ProModal = install.withInstall(modal_vue_vue_type_script_setup_true_lang.default);
+
+exports.ProModal = ProModal;
+exports.default = ProModal;
+//# sourceMappingURL=index.js.map

package/lib/components/modal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../packages/components/modal/index.ts"],"sourcesContent":["/*\n * @Author: shen\n * @Date: 2025-06-23 16:43:18\n * @LastEditors: shen\n * @LastEditTime: 2025-08-27 11:22:04\n * @Description:\n */\n\nimport type { SFCWithInstall } from '@pro-design-vue/utils'\nimport type { Props } from './src/modal.vue'\n\nimport { withInstall } from '@pro-design-vue/utils'\nimport Modal from './src/modal.vue'\n\nexport const ProModal: SFCWithInstall<typeof Modal> = withInstall(Modal)\nexport type { Props as ProModalProps }\nexport default ProModal\n"],"names":["withInstall","Modal"],"mappings":";;;;;;;AAcO,MAAM,QAAA,GAAyCA,oBAAYC,iDAAK;;;;;"}

package/lib/components/modal/src/modal.vue.d.ts

@@ -0,0 +1,58 @@
+import type { ModalProps } from 'ant-design-vue';
+export interface Props extends Omit<ModalProps, 'visible'> {
+    /**
+     * @zh_CN 标题描述信息
+     */
+    description?: string;
+    /**
+     * @zh_CN 是否可以切换全屏
+     */
+    showFullscreen?: boolean;
+    /**
+     * @zh_CN 默认全屏
+     */
+    defaultFullscreen?: boolean;
+    /**
+     * @zh_CN 是否可以拖拽
+     */
+    draggable?: boolean;
+    /**
+     * @zh_CN 距离顶部距离
+     */
+    top?: number;
+}
+declare var __VLS_10: {}, __VLS_12: {}, __VLS_42: {}, __VLS_44: {};
+type __VLS_Slots = {} & {
+    title?: (props: typeof __VLS_10) => any;
+} & {
+    description?: (props: typeof __VLS_12) => any;
+} & {
+    default?: (props: typeof __VLS_42) => any;
+} & {
+    footer?: (props: typeof __VLS_44) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    cancel: (e: Event) => any;
+    fullScreen: (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onCancel?: ((e: Event) => any) | undefined;
+    onFullScreen?: ((value: boolean) => any) | undefined;
+}>, {
+    open: boolean;
+    closable: boolean;
+    mask: boolean;
+    maskClosable: boolean;
+    keyboard: boolean;
+    getContainer: string | false | HTMLElement | (() => HTMLElement);
+    destroyOnClose: boolean;
+    draggable: boolean;
+    top: number;
+    showFullscreen: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/lib/components/modal/src/modal.vue.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var modal_vue_vue_type_script_setup_true_lang = require('./modal.vue2.js');
+
+
+
+exports.default = modal_vue_vue_type_script_setup_true_lang.default;
+//# sourceMappingURL=modal.vue.js.map

package/lib/components/modal/src/modal.vue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}