cc1-ui 0.0.1

package/README.md

@@ -0,0 +1 @@
+vue3组件

package/dist/autoimport.d.ts

@@ -0,0 +1,18 @@
+import { Plugin } from 'vite';
+/**
+ * 按需导入组件
+ * @param config
+ * @returns
+ */
+export declare function UIAuto(config: {
+    /**
+     * 是否需要按需打包，可用环境来区分
+     */
+    isBuild: boolean;
+    /**
+     * 手动导入需要的组件名
+     * @example
+     * ["VButton","VSwitch","VScale","VMask","VCircle","VIcon","VSelect","VSIcon"]
+     */
+    include?: string[];
+}): Plugin;

package/dist/autoimport.js

@@ -0,0 +1,160 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UIAuto = UIAuto;
+const path = __importStar(require("path"));
+const util_1 = require("./util");
+let btime = new Date().getTime();
+const log = (str, time = false) => {
+    console.log('');
+    console.log('\u001b[42;30m cc1-ui \u001b[40;32m ' + str + ' \u001b[0m');
+    if (time)
+        console.log('耗时:', new Date().getTime() - btime);
+    btime = new Date().getTime();
+};
+const tagList = ["VButton", "VSwitch", "VScale", "VMask", "VCircle", "VIcon", "VSelect", "VSIcon"];
+const extractTags = (str) => {
+    const regex = /<([a-zA-Z\-]+)(?=\s|>|\/>)/g;
+    const tags = [];
+    let match;
+    while ((match = regex.exec(str)) !== null) {
+        tags.push(match[1]);
+    }
+    return [
+        ...new Set(tags.map((tag) => {
+            tag = tag.replace(/-(\w)/g, (_, c) => c.toUpperCase());
+            return tag.charAt(0).toUpperCase() + tag.slice(1);
+        }))
+    ];
+};
+const getTagList = (str, name) => {
+    const re = new RegExp(`<${name}(.*?)<\/${name}>`, 'gs');
+    return Array.from(re[Symbol.matchAll](str)).map((item) => {
+        return item[0];
+    });
+};
+const cmddir = path.resolve('./');
+const conf = {
+    src: path.resolve(path.join(cmddir, './src')),
+    use: [],
+    config: {},
+    diy: {
+        tablecolumn: {
+            fixed: false
+        }
+    }
+};
+const names = [
+    '黄风大圣',
+    '牛魔王',
+    '孙悟空',
+    '猪八戒',
+    '沙和尚',
+    '白龙马',
+    '唐僧',
+    '观音菩萨',
+    '如来佛祖',
+    '玉帝',
+    '王母娘娘',
+    '太上老君',
+    '太白金星'
+];
+const getName = () => {
+    return names[Math.floor(Math.random() * names.length)];
+};
+const init = async () => {
+    await (0, util_1.readDir)(conf.src, async (location) => {
+        if (location.substring(location.length - 3) === 'vue') {
+            const ctx = await (0, util_1.readFile)(location);
+            if (ctx) {
+                const tags = extractTags(ctx);
+                tags.forEach((tag) => {
+                    if (tagList.includes(tag))
+                        conf.use.push(tag);
+                });
+                if (ctx.indexOf('VTableColumn') != -1 && !conf.diy.tablecolumn.fixed) {
+                    const _tarr = getTagList(ctx, 'VTableColumn');
+                    for (let i = 0; i < _tarr.length; i++) {
+                        const _str = _tarr[i];
+                        if (_str.indexOf('fixed') != -1) {
+                            conf.diy.tablecolumn.fixed = true;
+                            break;
+                        }
+                    }
+                }
+            }
+        }
+    });
+    const inludeList = conf.config.include;
+    if (inludeList) {
+        conf.use = conf.use.concat(inludeList.filter((_item) => tagList.includes(_item)));
+    }
+    conf.use = [...new Set(conf.use)];
+    log(`🥰🥰【${getName()}】：使用组件列表 => ${conf.use.join(',')}`);
+};
+function UIAuto(config) {
+    conf.config = config;
+    const isBuild = config.isBuild;
+    return {
+        name: 'vite:cc1-ui',
+        enforce: 'pre',
+        async configResolved() {
+            if (!isBuild)
+                return;
+            await init();
+        },
+        transform(code, id) {
+            if (!isBuild)
+                return;
+            let comImport = path.resolve(id);
+            comImport = comImport.replace(/[\/\\]/g, '#');
+            if (comImport.indexOf('cc1-ui#dist#cc1-ui.js') != -1) {
+                let res = code.split('\n');
+                for (let i = 0; i < res.length; i++) {
+                    if (res[i].includes('defineAsyncComponent(') || res[i].includes('app.component(')) {
+                        if (!conf.use.includes(res[i])) {
+                            res[i] = '';
+                        }
+                    }
+                }
+                log(`🥰🥰【${getName()}】一顿操作终于编译完成啦`);
+                return res.join('\n');
+            }
+            else if (comImport.indexOf('cc1-ui#dist#index.css') != -1) {
+                return conf.use.map((v) => `@import url('./components/${v.toLowerCase().substring(1)}/style.css');`).join('\n');
+            }
+        }
+    };
+}

package/dist/cc1-ui.js

@@ -0,0 +1,86 @@
+import { defineAsyncComponent } from 'vue';
+
+const VButton = () => defineAsyncComponent(() => import('./index-lDlR9NjA.js'));
+const VSwitch = () => defineAsyncComponent(() => import('./index-BvvdDtUd.js'));
+const VScale = () => defineAsyncComponent(() => import('./index-l4J1-e0K.js'));
+const VMask = () => defineAsyncComponent(() => import('./index-ycYY--mh.js'));
+const VCircle = () => defineAsyncComponent(() => import('./index-ti4E-Nv5.js'));
+const VIcon = () => defineAsyncComponent(() => import('./index-BGzY32VF.js'));
+const VSelect = () => defineAsyncComponent(() => import('./index-CpyM3z5X.js'));
+const VSIcon = () => defineAsyncComponent(() => import('./index-BlU8Q4GS.js'));
+const install = async (app) => {
+  app.component("VButton", VButton());
+  app.component("VSwitch", VSwitch());
+  app.component("VScale", VScale());
+  app.component("VMask", VMask());
+  app.component("VCircle", VCircle());
+  app.component("VIcon", VIcon());
+  app.component("VSelect", VSelect());
+  app.component("VSIcon", VSIcon());
+};
+if (!window.VConf) {
+  const getLoad = (obj) => {
+    return {
+      resource: {},
+      setRes: (url, content) => {
+        const _fun = obj.fun;
+        _fun.resource[url] = content;
+      },
+      getRes: (url) => {
+        const _fun = obj.fun;
+        return _fun.resource[url];
+      },
+      load: {},
+      getResorce: async (_url, save = false) => {
+        const _fun = obj.fun;
+        let filestr;
+        const req = _fun.load[_url];
+        if (req) {
+          filestr = await req;
+        } else {
+          _fun.load[_url] = new Promise(async (res) => {
+            const _json = await FileUtil.getFile(_url);
+            if (save && _json) _fun.setRes(_url, _json);
+            res(_json);
+            _fun.load[_url] = void 0;
+            delete _fun.load[_url];
+          });
+          filestr = await _fun.load[_url];
+        }
+        return filestr;
+      }
+    };
+  };
+  const VConf = {
+    vsicon: {
+      url: "https://cdn.c44.cc/vsicon",
+      lib: "ant",
+      name: "up",
+      size: "20",
+      unit: "px",
+      fun: {}
+    },
+    vicon: {
+      url: "https://cdn.c44.cc/vicon",
+      lib: "ant",
+      name: "up",
+      size: "20",
+      unit: "px",
+      color: "currentColor",
+      nofill: false,
+      fun: {}
+    },
+    zindex: {
+      mask: 1e3
+    }
+  };
+  VConf.vicon.fun = getLoad(VConf.vicon);
+  VConf.vsicon.fun = getLoad(VConf.vsicon);
+  window.VConf = VConf;
+}
+const index = {
+  install,
+  VConf: window.VConf
+};
+
+export { index as default };

package/dist/components/Button/index.vue.d.ts

@@ -0,0 +1,292 @@
+declare const conf: {
+    loading: any;
+    hover: boolean;
+    active: boolean;
+    type: any;
+};
+declare const ok: () => Promise<void>;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    default?: (props: typeof __VLS_3) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * 图标的class样式
+     */
+    icon: {
+        default: string;
+    };
+    /**
+     * text样式
+     */
+    text: {
+        default: any;
+    };
+    /**
+     * 幽灵样式
+     */
+    ghost: {
+        default: any;
+    };
+    /**
+     * 样式类型
+     */
+    type: {
+        default: "primary" | "success" | "error" | "warning";
+    };
+    /**
+     * 大小
+     */
+    size: {
+        default: "large" | "middle" | "small";
+    };
+    /**
+     * 铺满
+     */
+    long: {
+        default: any;
+    };
+    /**
+     * 加载状态
+     */
+    loading: {
+        default: any;
+    };
+    /**
+     * 点击函数
+     */
+    cmd: {
+        default: any | Function;
+    };
+    /**
+     * 按钮类型
+     */
+    htmlType: {
+        default: string;
+    };
+    /**
+     * 点击状态
+     */
+    disabled: {
+        default: any;
+    };
+}>, {
+    conf: typeof conf;
+    ok: typeof ok;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * 图标的class样式
+     */
+    icon: {
+        default: string;
+    };
+    /**
+     * text样式
+     */
+    text: {
+        default: any;
+    };
+    /**
+     * 幽灵样式
+     */
+    ghost: {
+        default: any;
+    };
+    /**
+     * 样式类型
+     */
+    type: {
+        default: "primary" | "success" | "error" | "warning";
+    };
+    /**
+     * 大小
+     */
+    size: {
+        default: "large" | "middle" | "small";
+    };
+    /**
+     * 铺满
+     */
+    long: {
+        default: any;
+    };
+    /**
+     * 加载状态
+     */
+    loading: {
+        default: any;
+    };
+    /**
+     * 点击函数
+     */
+    cmd: {
+        default: any | Function;
+    };
+    /**
+     * 按钮类型
+     */
+    htmlType: {
+        default: string;
+    };
+    /**
+     * 点击状态
+     */
+    disabled: {
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    icon: string;
+    text: any;
+    ghost: any;
+    type: "primary" | "success" | "error" | "warning";
+    size: "middle" | "large" | "small";
+    long: any;
+    loading: any;
+    cmd: any;
+    htmlType: string;
+    disabled: any;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * 图标的class样式
+     */
+    icon: {
+        default: string;
+    };
+    /**
+     * text样式
+     */
+    text: {
+        default: any;
+    };
+    /**
+     * 幽灵样式
+     */
+    ghost: {
+        default: any;
+    };
+    /**
+     * 样式类型
+     */
+    type: {
+        default: "primary" | "success" | "error" | "warning";
+    };
+    /**
+     * 大小
+     */
+    size: {
+        default: "large" | "middle" | "small";
+    };
+    /**
+     * 铺满
+     */
+    long: {
+        default: any;
+    };
+    /**
+     * 加载状态
+     */
+    loading: {
+        default: any;
+    };
+    /**
+     * 点击函数
+     */
+    cmd: {
+        default: any | Function;
+    };
+    /**
+     * 按钮类型
+     */
+    htmlType: {
+        default: string;
+    };
+    /**
+     * 点击状态
+     */
+    disabled: {
+        default: any;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * 图标的class样式
+     */
+    icon: {
+        default: string;
+    };
+    /**
+     * text样式
+     */
+    text: {
+        default: any;
+    };
+    /**
+     * 幽灵样式
+     */
+    ghost: {
+        default: any;
+    };
+    /**
+     * 样式类型
+     */
+    type: {
+        default: "primary" | "success" | "error" | "warning";
+    };
+    /**
+     * 大小
+     */
+    size: {
+        default: "large" | "middle" | "small";
+    };
+    /**
+     * 铺满
+     */
+    long: {
+        default: any;
+    };
+    /**
+     * 加载状态
+     */
+    loading: {
+        default: any;
+    };
+    /**
+     * 点击函数
+     */
+    cmd: {
+        default: any | Function;
+    };
+    /**
+     * 按钮类型
+     */
+    htmlType: {
+        default: string;
+    };
+    /**
+     * 点击状态
+     */
+    disabled: {
+        default: any;
+    };
+}>> & Readonly<{}>, {
+    icon: string;
+    text: any;
+    ghost: any;
+    type: "primary" | "success" | "error" | "warning";
+    size: "middle" | "large" | "small";
+    long: any;
+    loading: any;
+    cmd: any;
+    htmlType: string;
+    disabled: any;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};