cc1-ui 0.0.1

package/dist/index-lDlR9NjA.js

@@ -0,0 +1,169 @@
+import { defineComponent, reactive, createElementBlock, createCommentVNode, openBlock, normalizeClass, createElementVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
+
+const _hoisted_1 = ["type", "disabled"];
+const _hoisted_2 = { class: "flex flex-center no-wrap" };
+const _hoisted_3 = {
+  key: 0,
+  class: "icon",
+  style: { marginRight: "5px" },
+  width: "20",
+  height: "20",
+  viewBox: "0 0 1024 1024",
+  xmlns: "http://www.w3.org/2000/svg"
+};
+const _hoisted_4 = {
+  key: 1,
+  class: "flex flex-center no-wrap"
+};
+const _hoisted_5 = { class: "flex flex-center no-wrapr" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    /**
+     * 图标的class样式
+     */
+    icon: { default: "" },
+    /**
+     * text样式
+     */
+    text: { default: null },
+    /**
+     * 幽灵样式
+     */
+    ghost: { default: null },
+    /**
+     * 样式类型
+     */
+    type: { default: "primary" },
+    /**
+     * 大小
+     */
+    size: { default: "middle" },
+    /**
+     * 铺满
+     */
+    long: { default: null },
+    /**
+     * 加载状态
+     */
+    loading: { default: null },
+    /**
+     * 点击函数
+     */
+    cmd: { default: null },
+    /**
+     * 按钮类型
+     */
+    htmlType: { default: "button" },
+    /**
+     * 点击状态
+     */
+    disabled: { default: null }
+  },
+  setup(__props) {
+    let props = __props;
+    const conf = reactive({
+      loading: props.loading,
+      hover: false,
+      active: false,
+      type: {
+        default: {
+          d: { color: "#fff", bgColor: "#353D3DFF", bdColor: "#353D3DFF" },
+          h: { color: "#fff", bgColor: "#4B6060FF", bdColor: "#4B6060FF" }
+        },
+        primary: {
+          d: { color: "#fff", bgColor: "#2d8cf0", bdColor: "#2d8cf0" },
+          h: { color: "#fff", bgColor: "#57a3f3", bdColor: "#57a3f3" }
+        },
+        success: {
+          d: {
+            color: "var(--v-color-btn-font)",
+            bgColor: "var(--v-color-btn-success)",
+            bdColor: "var(--v-color-btn-success)"
+          },
+          h: {
+            color: "var(--v-color-btn-font)",
+            bgColor: "var(--v-color-btn-success-hover)",
+            bdColor: "var(--v-color-btn-success-hover)"
+          }
+        },
+        error: {
+          d: {
+            color: "var(--v-color-btn-font)",
+            bgColor: "var(--v-color-btn-error)",
+            bdColor: "var(--v-color-btn-error)"
+          },
+          h: {
+            color: "var(--v-color-btn-font)",
+            bgColor: "var(--v-color-btn-error-hover)",
+            bdColor: "var(--v-color-btn-error-hover)"
+          }
+        },
+        warning: {
+          d: { color: "#fff", bgColor: "#f90", bdColor: "#f90" },
+          h: { color: "#fff", bgColor: "#ffad33", bdColor: "#ffad33" }
+        },
+        info: {
+          d: { color: "#fff", bgColor: "#1890FFFF", bdColor: "#1890FFFF" },
+          h: { color: "#fff", bgColor: "#59AFFFFF", bdColor: "#59AFFFFF" }
+        }
+      }
+    });
+    const ok = async () => {
+      if (props.cmd instanceof Function) {
+        if (conf.loading != null) conf.loading = true;
+        await props.cmd();
+        if (conf.loading != null) conf.loading = false;
+      }
+    };
+    return (_ctx, _cache) => {
+      return __props.text == null ? (openBlock(), createElementBlock("button", {
+        key: 0,
+        type: __props.htmlType,
+        onClick: ok,
+        disabled: __props.disabled === "" || __props.disabled || conf.loading ? true : false,
+        class: normalizeClass([
+          "v-btn",
+          `v-btn-${__props.size}`,
+          __props.long != null ? "v-btn-long" : void 0,
+          conf.loading ? "v-btn-loading" : "",
+          `v-btn-${__props.type}`,
+          __props.ghost != null ? `v-btn-${__props.type}-ghost` : void 0
+        ])
+      }, [
+        createElementVNode("div", _hoisted_2, [
+          conf.loading ? (openBlock(), createElementBlock("svg", _hoisted_3, _cache[0] || (_cache[0] = [
+            createElementVNode("animateTransform", {
+              attributeType: "xml",
+              attributeName: "transform",
+              type: "rotate",
+              values: "0;360",
+              dur: "2s",
+              repeatCount: "indefinite"
+            }, null, -1),
+            createElementVNode("path", {
+              fill: "currentColor",
+              d: "M512 64a32 32 0 0132 32v192a32 32 0 01-64 0V96a32 32 0 0132-32zm0 640a32 32 0 0132 32v192a32 32 0 11-64 0V736a32 32 0 0132-32zm448-192a32 32 0 01-32 32H736a32 32 0 110-64h192a32 32 0 0132 32zm-640 0a32 32 0 01-32 32H96a32 32 0 010-64h192a32 32 0 0132 32zM195.2 195.2a32 32 0 0145.248 0L376.32 331.008a32 32 0 01-45.248 45.248L195.2 240.448a32 32 0 010-45.248zm452.544 452.544a32 32 0 0145.248 0L828.8 783.552a32 32 0 01-45.248 45.248L647.744 692.992a32 32 0 010-45.248zM828.8 195.264a32 32 0 010 45.184L692.992 376.32a32 32 0 01-45.248-45.248l135.808-135.808a32 32 0 0145.248 0zm-452.544 452.48a32 32 0 010 45.248L240.448 828.8a32 32 0 01-45.248-45.248l135.808-135.808a32 32 0 0145.248 0z"
+            }, null, -1)
+          ]))) : createCommentVNode("", true),
+          renderSlot(_ctx.$slots, "default", {}, () => [
+            createTextVNode(toDisplayString(__props.type), 1)
+          ])
+        ])
+      ], 10, _hoisted_1)) : __props.text != null ? (openBlock(), createElementBlock("div", _hoisted_4, [
+        createElementVNode("div", {
+          onClick: ok,
+          style: { "display": "inline-block", "padding": "2px 5px", "cursor": "pointer" }
+        }, [
+          createElementVNode("div", _hoisted_5, [
+            renderSlot(_ctx.$slots, "default", {}, () => [
+              createTextVNode(toDisplayString(__props.type), 1)
+            ])
+          ])
+        ])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/index-ti4E-Nv5.js

@@ -0,0 +1,172 @@
+import { defineComponent, reactive, computed, createElementBlock, openBlock, normalizeStyle, createElementVNode, createCommentVNode, renderSlot, createTextVNode, toDisplayString } from 'vue';
+
+const _hoisted_1 = { viewBox: "0 0 100 100" };
+const _hoisted_2 = { key: 0 };
+const _hoisted_3 = ["id"];
+const _hoisted_4 = ["stop-color"];
+const _hoisted_5 = ["stop-color"];
+const _hoisted_6 = { key: 1 };
+const _hoisted_7 = ["id"];
+const _hoisted_8 = ["stop-color"];
+const _hoisted_9 = ["stop-color"];
+const _hoisted_10 = { key: 2 };
+const _hoisted_11 = ["id"];
+const _hoisted_12 = ["stop-color"];
+const _hoisted_13 = ["stop-color"];
+const _hoisted_14 = ["d", "stroke-width"];
+const _hoisted_15 = ["d", "stroke-width", "opacity"];
+const _hoisted_16 = { class: "v-progress-circle-text" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    /**
+     * 进度，0-100
+     */
+    length: { default: 50 },
+    /**
+     * 背景色
+     */
+    bgColor: { default: "#f5f5f5" },
+    /**
+     * 背景色-渐变
+     */
+    bgColors: { default: [] },
+    /**
+     * 底色
+     */
+    runColor: { default: "#1890ff" },
+    /**
+     * 底色-渐变
+     */
+    runColors: { default: [] },
+    /**
+     * 进度色
+     */
+    successColor: { default: "#52c41a" },
+    /**
+     * 进度色-渐变
+     */
+    successColors: { default: [] },
+    /**
+     * 进度条厚度
+     */
+    strokeWidth: { default: 10 },
+    /**
+     * 进度条宽度
+     */
+    width: { default: 120 }
+  },
+  setup(__props) {
+    let props = __props;
+    const conf = reactive({
+      r: (100 - props.strokeWidth) / 2,
+      bgid: "svg-lg-" + StrUtil.getId(),
+      runid: "svg-lg-" + StrUtil.getId(),
+      successid: "svg-lg-" + StrUtil.getId(),
+      total: 2 * Math.PI * (50 - props.strokeWidth / 2),
+      length: computed(() => props.length),
+      status: props.length == 0 ? 0 : props.length == 100 ? 1 : -1
+      //0-为空,-1-没满，1-满了
+    });
+    const getLength = () => {
+      let l = conf.total * (conf.length / 100);
+      if (conf.length < 100 && conf.length > 0) conf.status = -1;
+      setTimeout(() => {
+        conf.status = conf.length == 0 ? 0 : conf.length == 100 ? 1 : -1;
+      }, 300);
+      return l;
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        style: normalizeStyle([{ "font-size": "24px", "position": "relative", "display": "inline-block" }, { width: `${__props.width}px`, height: `${__props.width}px` }])
+      }, [
+        (openBlock(), createElementBlock("svg", _hoisted_1, [
+          __props.bgColors.length > 0 ? (openBlock(), createElementBlock("defs", _hoisted_2, [
+            createElementVNode("linearGradient", {
+              id: conf.bgid,
+              x1: "100%",
+              y1: "0%",
+              x2: "0%",
+              y2: "0%"
+            }, [
+              createElementVNode("stop", {
+                offset: "0",
+                "stop-color": __props.bgColors[0]
+              }, null, 8, _hoisted_4),
+              createElementVNode("stop", {
+                offset: "100%",
+                "stop-color": __props.bgColors[1]
+              }, null, 8, _hoisted_5)
+            ], 8, _hoisted_3)
+          ])) : createCommentVNode("", true),
+          __props.runColors.length > 0 ? (openBlock(), createElementBlock("defs", _hoisted_6, [
+            createElementVNode("linearGradient", {
+              id: conf.runid,
+              x1: "100%",
+              y1: "0%",
+              x2: "0%",
+              y2: "0%"
+            }, [
+              createElementVNode("stop", {
+                offset: "0",
+                "stop-color": __props.runColors[0]
+              }, null, 8, _hoisted_8),
+              createElementVNode("stop", {
+                offset: "100%",
+                "stop-color": __props.runColors[1]
+              }, null, 8, _hoisted_9)
+            ], 8, _hoisted_7)
+          ])) : createCommentVNode("", true),
+          __props.successColors.length > 0 ? (openBlock(), createElementBlock("defs", _hoisted_10, [
+            createElementVNode("linearGradient", {
+              id: conf.successid,
+              x1: "100%",
+              y1: "0%",
+              x2: "0%",
+              y2: "0%"
+            }, [
+              createElementVNode("stop", {
+                offset: "0",
+                "stop-color": __props.successColors[0]
+              }, null, 8, _hoisted_12),
+              createElementVNode("stop", {
+                offset: "100%",
+                "stop-color": __props.successColors[1]
+              }, null, 8, _hoisted_13)
+            ], 8, _hoisted_11)
+          ])) : createCommentVNode("", true),
+          createElementVNode("path", {
+            d: `M 50,50 m -${conf.r},0 a ${conf.r},${conf.r} 0 1,0 ${conf.r * 2},0 a ${conf.r},${conf.r} 0 1,0 -${conf.r * 2},0`,
+            "stroke-linecap": "round",
+            "stroke-width": __props.strokeWidth,
+            "fill-opacity": "0",
+            class: "v-progress-circle-run-svg",
+            style: normalizeStyle({
+              stroke: `${__props.bgColors.length > 0 ? "url(#" + conf.bgid + ")" : __props.bgColor}`,
+              strokeDasharray: `${conf.total}px, ${conf.total}px`
+            })
+          }, null, 12, _hoisted_14),
+          createElementVNode("path", {
+            d: `M 50,50 m -${conf.r},0 a ${conf.r},${conf.r} 0 1,0 ${conf.r * 2},0 a ${conf.r},${conf.r} 0 1,0 -${conf.r * 2},0`,
+            "stroke-linecap": "round",
+            "stroke-width": __props.strokeWidth,
+            opacity: conf.status == 0 ? 0 : 1,
+            "fill-opacity": "0",
+            class: "v-progress-circle-run-svg",
+            style: normalizeStyle({
+              stroke: `${conf.status != 1 ? `${__props.runColors.length > 0 ? "url(#" + conf.runid + ")" : __props.runColor}` : `${__props.successColors.length > 0 ? "url(#" + conf.successid + ")" : __props.successColor}`}`,
+              strokeDasharray: `${getLength()}px, ${conf.total}px`
+            })
+          }, null, 12, _hoisted_15)
+        ])),
+        createElementVNode("span", _hoisted_16, [
+          renderSlot(_ctx.$slots, "content", { data: __props.length }, () => [
+            createTextVNode(toDisplayString(__props.length) + "%", 1)
+          ])
+        ])
+      ], 4);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/index-ycYY--mh.js

@@ -0,0 +1,79 @@
+import { defineComponent, reactive, onMounted, createBlock, createCommentVNode, openBlock, Teleport, createVNode, Transition, withCtx, createElementBlock, normalizeStyle, normalizeClass, unref, createElementVNode, withModifiers, renderSlot } from 'vue';
+
+const _hoisted_1 = ["id"];
+const _hoisted_2 = { class: "v-mask-ctx" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  props: {
+    /**
+     * 是否显示
+     */
+    show: { default: false },
+    /**
+     * 开启背景色
+     */
+    mask: { default: true },
+    /**
+     * 背景色
+     */
+    maskBgColor: { default: "rgba(0, 0, 0, 0.5)" },
+    /**
+     * 是否可以点击背景关闭
+     */
+    closemask: { default: true },
+    /**
+     * 放置位置
+     */
+    to: { default: "body" },
+    /**
+     * 是否是布局显示，默认是全屏
+     */
+    box: { default: null }
+  },
+  emits: ["update:show"],
+  setup(__props, { emit: __emit }) {
+    const zindex = VConf.zindex.mask;
+    const props = __props;
+    const emit = __emit;
+    const colse = () => {
+      if (props.closemask) emit("update:show", false);
+    };
+    const conf = reactive({
+      show: false,
+      id: "v-mask-" + StrUtil.getId()
+    });
+    onMounted(() => {
+      conf.show = true;
+    });
+    return (_ctx, _cache) => {
+      return conf.show ? (openBlock(), createBlock(Teleport, {
+        key: 0,
+        to: __props.to
+      }, [
+        createVNode(Transition, { name: "v-mask" }, {
+          default: withCtx(() => [
+            __props.show ? (openBlock(), createElementBlock("div", {
+              key: 0,
+              id: conf.id,
+              class: normalizeClass(["v-mask", [__props.to !== "body" ? __props.box !== null ? "v-mask-box" : "" : ""]]),
+              style: normalizeStyle({ backgroundColor: __props.mask ? __props.maskBgColor : "", zIndex: unref(zindex) }),
+              onClick: colse
+            }, [
+              createElementVNode("div", _hoisted_2, [
+                createElementVNode("div", {
+                  onClick: _cache[0] || (_cache[0] = withModifiers(() => {
+                  }, ["stop"]))
+                }, [
+                  renderSlot(_ctx.$slots, "default")
+                ])
+              ])
+            ], 14, _hoisted_1)) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ], 8, ["to"])) : createCommentVNode("", true);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/index.d.ts

@@ -0,0 +1,26 @@
+/// <reference types="./vconf" />
+import { type App } from 'vue';
+declare const _default: {
+    install: (app: App) => Promise<void>;
+    VConf: VConfType;
+};
+export default _default;
+
+export declare const VConf: VConfType
+export {}
+
+/* prettier-ignore */
+declare module 'vue' {
+  export interface GlobalComponents {
+    VButton:typeof import('./components/Button/index.vue')['default']
+    VCircle:typeof import('./components/Circle/index.vue')['default']
+    VMask:typeof import('./components/Mask/index.vue')['default']
+    VIcon:typeof import('./components/Icon/index.vue')['default']
+    VSIcon:typeof import('./components/SIcon/index.vue')['default']
+    VSelect:typeof import('./components/Select/index.vue')['default']
+    VSwitch:typeof import('./components/Switch/index.vue')['default']
+    VScale:typeof import('./components/Scale/index.vue')['default']
+  }
+  export interface ComponentCustomProperties {
+  }
+}

package/dist/vconf.d.ts

@@ -0,0 +1,153 @@
+
+interface VConfType  {
+    /**
+     * vsicon图标组件默认配置
+     */
+    vsicon: {
+        /**
+         * 加载静态资源地址，默认为'https://cdn.c44.cc/vsicon'
+         */
+        url: string;
+        /**
+         * 使用的图标库名称，默认为'ant'
+         */
+        lib: string;
+        /**
+         * 使用的图标名称，默认为'up'
+         */
+        name: string;
+        /**
+         * 使用的图标大小，默认为'20'
+         */
+        size: any;
+        /**
+         * 使用的图标宽度，默认为空，取size字段
+         */
+        width: any;
+        /**
+         * 使用的图标高度，默认为空，取size字段
+         */
+        height: any;
+        /**
+         * 使用的图标颜色，默认为[]
+         */
+        color: string[];
+        /**
+         * 使用的图标单位，默认为px
+         */
+        unit: string;
+        /**
+         * 其他辅助方法
+         */
+        fun: {
+            /**
+             * 加载控制对象-外部无作用
+             */
+            load: any
+            
+            /**
+             * 默认的内容缓存对象
+             */
+            resource: any
+            /**
+             * 保存资源-默认用的对象缓存
+             * @param url 
+             * @param content 
+             * @returns 
+             */
+            setRes: (url: string, content: any) => void
+
+            /**
+             * 获取缓存资源
+             * @param url 
+             * @returns 
+             */
+            getRes: (url: string) => any
+
+            /**
+             * 获取图标资源
+             * @param _url 如https://cdn.c44.cc/vsicon/ant/up.svg
+             * @param save 是否对获取到的资源进行缓存，默认为false
+             * @returns
+             */
+            getResorce: (_url: string,save?:boolean) => Promise<any>
+        }
+    };
+    /**
+     * vicon图标组件默认配置
+     */
+    vicon: {
+        /**
+         * 加载静态资源地址，默认为'https://cdn.c44.cc/vicon'
+         */
+        url: string;
+        /**
+         * 使用的图标库名称，默认为'ant'
+         */
+        lib: string;
+        /**
+         * 使用的图标名称，默认为'up'
+         */
+        name: string;
+        /**
+         * 使用的图标大小，默认为'20'
+         */
+        size: any;
+        /**
+         * 使用的图标颜色，默认为'currentColor'
+         */
+        color: any;
+        /**
+         * 如果为true，使用设计的图标颜色使得color属性无效。默认为false，一般用于多色或固定色图标
+         */
+        nofill: boolean;
+        /**
+         * 使用的图标单位，默认为px
+         */
+        unit: string;
+        /**
+         * 其他辅助方法
+         */
+        fun: {
+            /**
+             * 加载控制对象-外部无作用
+             */
+            load: any
+            
+            /**
+             * 默认的内容缓存对象
+             */
+            resource: any
+            /**
+             * 保存资源-默认用的对象缓存
+             * @param url 
+             * @param content 
+             * @returns 
+             */
+            setRes: (url: string, content: any) => void
+
+            /**
+             * 获取缓存资源
+             * @param url 
+             * @returns 
+             */
+            getRes: (url: string) => any
+
+            /**
+             * 获取图标资源
+             * @param _url 如https://cdn.c44.cc/vicon/ant/up.json
+             * @param save 是否对获取到的资源进行缓存，默认为false
+             * @returns
+             */
+            getResorce: (_url: string,save?:boolean) => Promise<any>
+        }
+    };
+    /**
+     * 层级管理
+     */
+    zindex: {
+        mask: number;
+    }
+}
+
+declare var VConf: VConfType;

package/package.json

@@ -0,0 +1,59 @@
+{
+  "name": "cc1-ui",
+  "version": "0.0.1",
+  "description": "我来助你-Vue3UI库",
+  "repository": {
+    "type": "git",
+    "url": "https://cc1.cc"
+  },
+  "homepage": "https://cc1.cc",
+  "author": "veigarchen",
+  "license": "MIT",
+  "files": [
+    "dist"
+  ],
+  "type": "module",
+  "module": "./dist/cc1-ui.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/cc1-ui.js",
+      "require": "./dist/cc1-ui.js"
+    },
+    "./index.css": "./dist/index.css"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "npm run build:package && npm run build:types && npm run build:auto",
+    "build:auto": "cd autoimport && npm run build && cd ..",
+    "build:package": "vite build",
+    "build:types": "vue-tsc --declaration --emitDeclarationOnly && tsc-alias -p tsconfig.json && npm run addtype",
+    "format": "prettier --write . ",
+    "typecheck": "vue-tsc --noEmit",
+    "addtype": "tsx ./build/buildTypes.ts",
+    "publish": "npm publish --access public"
+  },
+  "devDependencies": {
+    "@types/node": "22.15.2",
+    "@vitejs/plugin-vue": "5.2.1",
+    "@vue/tsconfig": "0.7.0",
+    "less": "4.3.0",
+    "prettier": "3.2.5",
+    "terser": "5.44.1",
+    "tools-javascript": "*",
+    "tools-mock": "^2.0.8",
+    "tools-vue3": "*",
+    "ts-node": "*",
+    "tsc-alias": "1.8.11",
+    "tsx": "4.19.4",
+    "typescript": "*",
+    "vite": "6.2.2",
+    "vue": "3.5.18",
+    "vue-tsc": "2.2.8"
+  },
+  "engines": {
+    "node": ">=18.x",
+    "npm": ">=10.x"
+  }
+}