@varlet/cli 1.22.0-alpha.3 → 1.22.0-alpha.64

package/lib/site/components/button/props.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = void 0;
+var props_1 = require("../loading/props");
+var components_1 = require("../utils/components");
+function typeValidator(type) {
+    return ['default', 'primary', 'info', 'success', 'warning', 'danger'].includes(type);
+}
+function sizeValidator(size) {
+    return ['normal', 'mini', 'small', 'large'].includes(size);
+}
+exports.props = {
+    type: {
+        type: String,
+        default: 'default',
+        validator: typeValidator,
+    },
+    size: {
+        type: String,
+        default: 'normal',
+        validator: sizeValidator,
+    },
+    loading: {
+        type: Boolean,
+        default: false,
+    },
+    round: {
+        type: Boolean,
+        default: false,
+    },
+    block: {
+        type: Boolean,
+        default: false,
+    },
+    text: {
+        type: Boolean,
+        default: false,
+    },
+    outline: {
+        type: Boolean,
+        default: false,
+    },
+    disabled: {
+        type: Boolean,
+        default: false,
+    },
+    ripple: {
+        type: Boolean,
+        default: true,
+    },
+    color: {
+        type: String,
+    },
+    textColor: {
+        type: String,
+    },
+    loadingRadius: {
+        type: [Number, String],
+        default: 12,
+    },
+    loadingType: components_1.pickProps(props_1.props, 'type'),
+    loadingSize: components_1.pickProps(props_1.props, 'size'),
+    onClick: {
+        type: Function,
+    },
+    onTouchstart: {
+        type: Function,
+    },
+};

package/lib/site/components/cell/index.d.ts

@@ -0,0 +1,3 @@
+import Cell from './Cell.vue';
+export declare const _CellComponent: any;
+export default Cell;

package/lib/site/components/cell/index.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._CellComponent = void 0;
+var Cell_vue_1 = __importDefault(require("./Cell.vue"));
+Cell_vue_1.default.install = function (app) {
+    app.component(Cell_vue_1.default.name, Cell_vue_1.default);
+};
+exports._CellComponent = Cell_vue_1.default;
+exports.default = Cell_vue_1.default;

package/lib/site/components/cell/props.d.ts

@@ -0,0 +1,27 @@
+export declare const props: {
+    title: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    icon: {
+        type: StringConstructor;
+    };
+    desc: {
+        type: StringConstructor;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    iconClass: {
+        type: StringConstructor;
+    };
+    titleClass: {
+        type: StringConstructor;
+    };
+    descClass: {
+        type: StringConstructor;
+    };
+    extraClass: {
+        type: StringConstructor;
+    };
+};

package/lib/site/components/cell/props.js

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = void 0;
+exports.props = {
+    title: {
+        type: [Number, String],
+    },
+    icon: {
+        type: String,
+    },
+    desc: {
+        type: String,
+    },
+    border: {
+        type: Boolean,
+        default: false,
+    },
+    iconClass: {
+        type: String,
+    },
+    titleClass: {
+        type: String,
+    },
+    descClass: {
+        type: String,
+    },
+    extraClass: {
+        type: String,
+    },
+};

package/lib/site/components/context/index.d.ts

@@ -0,0 +1,15 @@
+export declare const _ContextComponent: {
+    locks: {
+        [x: string]: number;
+    };
+    zIndex: number;
+    touchmoveForbid: boolean;
+};
+declare const _default: {
+    locks: {
+        [x: string]: number;
+    };
+    zIndex: number;
+    touchmoveForbid: boolean;
+};
+export default _default;

package/lib/site/components/context/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._ContextComponent = void 0;
+var vue_1 = require("vue");
+var context = {
+    locks: {},
+    zIndex: 2000,
+    touchmoveForbid: true,
+};
+exports._ContextComponent = vue_1.reactive(context);
+exports.default = vue_1.reactive(context);

package/lib/site/components/context/lock.d.ts

@@ -0,0 +1,10 @@
+export declare function resolveLock(): void;
+export declare function addLock(uid: number): void;
+export declare function releaseLock(uid: number): void;
+/**
+ * 组件锁操作
+ * @param props 组件props
+ * @param state 组件props中控制组件加锁的开关对应的key值
+ * @param use 组件props中控制组件加锁的开关是否可用对应的key值
+ */
+export declare function useLock(props: any, state: string, use?: string): void;

package/lib/site/components/context/lock.js

@@ -0,0 +1,94 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLock = exports.releaseLock = exports.addLock = exports.resolveLock = void 0;
+var vue_1 = require("vue");
+var _1 = __importDefault(require("."));
+function resolveLock() {
+    var lockCounts = Object.keys(_1.default.locks).length;
+    lockCounts <= 0 ? document.body.classList.remove('var-site--lock') : document.body.classList.add('var-site--lock');
+}
+exports.resolveLock = resolveLock;
+function addLock(uid) {
+    _1.default.locks[uid] = 1;
+    resolveLock();
+}
+exports.addLock = addLock;
+function releaseLock(uid) {
+    delete _1.default.locks[uid];
+    resolveLock();
+}
+exports.releaseLock = releaseLock;
+/**
+ * 组件锁操作
+ * @param props 组件props
+ * @param state 组件props中控制组件加锁的开关对应的key值
+ * @param use 组件props中控制组件加锁的开关是否可用对应的key值
+ */
+function useLock(props, state, use) {
+    var uid = vue_1.getCurrentInstance().uid;
+    if (use) {
+        vue_1.watch(function () { return props[use]; }, function (newValue) {
+            if (newValue === false) {
+                // 改变为禁用状态 组件解锁
+                releaseLock(uid);
+            }
+            else if (newValue === true && props[state] === true) {
+                // 改变为启用状态 并且popup处于开启状态 组件加锁
+                addLock(uid);
+            }
+        });
+    }
+    vue_1.watch(function () { return props[state]; }, function (newValue) {
+        if (use && props[use] === false) {
+            return;
+        }
+        if (newValue === true) {
+            // popup开启 组件加锁
+            addLock(uid);
+        }
+        else {
+            // popup关闭 组件解锁
+            releaseLock(uid);
+        }
+    });
+    vue_1.onBeforeMount(function () {
+        if (use && props[use] === false) {
+            return;
+        }
+        if (props[state] === true) {
+            // popup处于开启状态 组件挂载 组件加锁
+            addLock(uid);
+        }
+    });
+    vue_1.onUnmounted(function () {
+        if (use && props[use] === false) {
+            return;
+        }
+        if (props[state] === true) {
+            // popup处于开启状态 组件卸载 组件解锁
+            releaseLock(uid);
+        }
+    });
+    vue_1.onActivated(function () {
+        if (use && props[use] === false) {
+            return;
+        }
+        if (props[state] === true) {
+            // popup处于开启状态 组件处于keepalive前台 组件加锁
+            addLock(uid);
+        }
+    });
+    vue_1.onDeactivated(function () {
+        if (use && props[use] === false) {
+            return;
+        }
+        if (props[state] === true) {
+            // popup处于开启状态 组件处于keepalive后台 组件解锁
+            releaseLock(uid);
+        }
+    });
+}
+exports.useLock = useLock;

package/lib/site/components/context/zIndex.d.ts

@@ -0,0 +1,4 @@
+import type { Ref } from 'vue';
+export declare function useZIndex(source: any, count: number): {
+    zIndex: Ref<number>;
+};

package/lib/site/components/context/zIndex.js

@@ -0,0 +1,19 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useZIndex = void 0;
+var index_1 = __importDefault(require("./index"));
+var vue_1 = require("vue");
+function useZIndex(source, count) {
+    var zIndex = vue_1.ref(index_1.default.zIndex);
+    vue_1.watch(source, function (newValue) {
+        if (newValue) {
+            index_1.default.zIndex += count;
+            zIndex.value = index_1.default.zIndex;
+        }
+    }, { immediate: true });
+    return { zIndex: zIndex };
+}
+exports.useZIndex = useZIndex;

package/lib/site/components/icon/index.d.ts

@@ -0,0 +1,3 @@
+import Icon from './Icon.vue';
+export declare const _IconComponent: any;
+export default Icon;

package/lib/site/components/icon/index.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._IconComponent = void 0;
+var Icon_vue_1 = __importDefault(require("./Icon.vue"));
+Icon_vue_1.default.install = function (app) {
+    app.component(Icon_vue_1.default.name, Icon_vue_1.default);
+};
+exports._IconComponent = Icon_vue_1.default;
+exports.default = Icon_vue_1.default;

package/lib/site/components/icon/props.d.ts

@@ -0,0 +1,23 @@
+import type { PropType } from 'vue';
+export declare const props: {
+    name: {
+        type: StringConstructor;
+    };
+    size: {
+        type: (StringConstructor | NumberConstructor)[];
+    };
+    color: {
+        type: StringConstructor;
+    };
+    namespace: {
+        type: StringConstructor;
+        default: string;
+    };
+    transition: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    onClick: {
+        type: PropType<(event: Event) => void>;
+    };
+};

package/lib/site/components/icon/props.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = void 0;
+exports.props = {
+    name: {
+        type: String,
+    },
+    size: {
+        type: [Number, String],
+    },
+    color: {
+        type: String,
+    },
+    namespace: {
+        type: String,
+        default: 'var-icon',
+    },
+    transition: {
+        type: [Number, String],
+        default: 0,
+    },
+    onClick: {
+        type: Function,
+    },
+};

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

@@ -0,0 +1,3 @@
+import Loading from './Loading.vue';
+export declare const _LoadingComponent: any;
+export default Loading;

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

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._LoadingComponent = void 0;
+var Loading_vue_1 = __importDefault(require("./Loading.vue"));
+Loading_vue_1.default.install = function (app) {
+    app.component(Loading_vue_1.default.name, Loading_vue_1.default);
+};
+exports._LoadingComponent = Loading_vue_1.default;
+exports.default = Loading_vue_1.default;

package/lib/site/components/loading/props.d.ts

@@ -0,0 +1,26 @@
+import type { PropType } from 'vue';
+declare type LoadingType = 'circle' | 'wave' | 'cube' | 'rect' | 'disappear';
+declare type LoadingSize = 'normal' | 'mini' | 'small' | 'large';
+export declare function typeValidator(type: string): boolean;
+export declare function sizeValidator(size: string): boolean;
+export declare const props: {
+    type: {
+        type: PropType<LoadingType>;
+        default: string;
+        validator: typeof typeValidator;
+    };
+    radius: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    size: {
+        type: PropType<LoadingSize>;
+        default: string;
+        validator: typeof sizeValidator;
+    };
+    color: {
+        type: StringConstructor;
+        default: string;
+    };
+};
+export {};

package/lib/site/components/loading/props.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = exports.sizeValidator = exports.typeValidator = void 0;
+function typeValidator(type) {
+    return ['circle', 'wave', 'cube', 'rect', 'disappear'].includes(type);
+}
+exports.typeValidator = typeValidator;
+function sizeValidator(size) {
+    return ['normal', 'mini', 'small', 'large'].includes(size);
+}
+exports.sizeValidator = sizeValidator;
+exports.props = {
+    // loading类型
+    type: {
+        type: String,
+        default: 'circle',
+        validator: typeValidator,
+    },
+    radius: {
+        type: [String, Number],
+        default: 15,
+    },
+    // loading尺寸
+    size: {
+        type: String,
+        default: 'normal',
+        validator: sizeValidator,
+    },
+    // loading颜色
+    color: {
+        type: String,
+        default: 'currentColor',
+    },
+};

package/lib/site/components/menu/index.d.ts

@@ -0,0 +1,3 @@
+import Menu from './Menu.vue';
+export declare const _MenuComponent: any;
+export default Menu;

package/lib/site/components/menu/index.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._MenuComponent = void 0;
+var Menu_vue_1 = __importDefault(require("./Menu.vue"));
+Menu_vue_1.default.install = function (app) {
+    app.component(Menu_vue_1.default.name, Menu_vue_1.default);
+};
+exports._MenuComponent = Menu_vue_1.default;
+exports.default = Menu_vue_1.default;

package/lib/site/components/menu/props.d.ts

@@ -0,0 +1,40 @@
+import type { PropType } from 'vue';
+declare function alignmentValidator(alignment: string): boolean;
+export declare const props: {
+    show: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    alignment: {
+        type: PropType<"top" | "bottom">;
+        default: string;
+        validator: typeof alignmentValidator;
+    };
+    offsetX: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    offsetY: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    teleport: {
+        default: string;
+    };
+    onOpen: {
+        type: PropType<() => void>;
+    };
+    onOpened: {
+        type: PropType<() => void>;
+    };
+    onClose: {
+        type: PropType<() => void>;
+    };
+    onClosed: {
+        type: PropType<() => void>;
+    };
+    'onUpdate:show': {
+        type: PropType<(show: boolean) => void>;
+    };
+};
+export {};

package/lib/site/components/menu/props.js

@@ -0,0 +1,43 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = void 0;
+function alignmentValidator(alignment) {
+    return ['top', 'bottom'].includes(alignment);
+}
+exports.props = {
+    show: {
+        type: Boolean,
+        default: false,
+    },
+    alignment: {
+        type: String,
+        default: 'top',
+        validator: alignmentValidator,
+    },
+    offsetX: {
+        type: [Number, String],
+        default: 0,
+    },
+    offsetY: {
+        type: [Number, String],
+        default: 0,
+    },
+    teleport: {
+        default: 'body',
+    },
+    onOpen: {
+        type: Function,
+    },
+    onOpened: {
+        type: Function,
+    },
+    onClose: {
+        type: Function,
+    },
+    onClosed: {
+        type: Function,
+    },
+    'onUpdate:show': {
+        type: Function,
+    },
+};

package/lib/site/components/progress/index.d.ts

@@ -0,0 +1,3 @@
+import Progress from './Progress.vue';
+export declare const _ProgressComponent: any;
+export default Progress;

package/lib/site/components/progress/index.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports._ProgressComponent = void 0;
+var Progress_vue_1 = __importDefault(require("./Progress.vue"));
+Progress_vue_1.default.install = function (app) {
+    app.component(Progress_vue_1.default.name, Progress_vue_1.default);
+};
+exports._ProgressComponent = Progress_vue_1.default;
+exports.default = Progress_vue_1.default;

package/lib/site/components/progress/props.d.ts

@@ -0,0 +1,43 @@
+declare function modeValidator(mode: string): boolean;
+export declare const props: {
+    mode: {
+        type: StringConstructor;
+        default: string;
+        validator: typeof modeValidator;
+    };
+    lineWidth: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    color: {
+        type: StringConstructor;
+    };
+    trackColor: {
+        type: StringConstructor;
+    };
+    ripple: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    value: {
+        type: (StringConstructor | NumberConstructor)[];
+        default: number;
+    };
+    label: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    size: {
+        type: NumberConstructor;
+        default: number;
+    };
+    rotate: {
+        type: NumberConstructor;
+        default: number;
+    };
+    track: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+};
+export {};

package/lib/site/components/progress/props.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.props = void 0;
+function modeValidator(mode) {
+    return ['linear', 'circle'].includes(mode);
+}
+exports.props = {
+    // progress 模式
+    mode: {
+        type: String,
+        default: 'linear',
+        validator: modeValidator,
+    },
+    // progress 线宽
+    lineWidth: {
+        type: [Number, String],
+        default: 4,
+    },
+    // progress 颜色
+    color: {
+        type: String,
+    },
+    // progress 轨道颜色
+    trackColor: {
+        type: String,
+    },
+    // 是否添加水波纹效果
+    ripple: {
+        type: Boolean,
+        default: false,
+    },
+    // progress 值
+    value: {
+        type: [Number, String],
+        default: 0,
+    },
+    // 是否显示label
+    label: {
+        type: Boolean,
+        default: false,
+    },
+    // circle 的尺寸
+    size: {
+        type: Number,
+        default: 40,
+    },
+    // circle的原点
+    rotate: {
+        type: Number,
+        default: 0,
+    },
+    // 是否显示 circle 轨道
+    track: {
+        type: Boolean,
+        default: true,
+    },
+};