cc1-ui 0.0.1

package/dist/components/Button/style.css

@@ -0,0 +1,166 @@
+:root {
+  --v-button-text: #fff;
+  --v-button-loading: #fff;
+  --v-button-primary: #39f;
+  --v-button-primary-hover: #187ee4;
+  --v-button-primary-disabled: #1d65acbc;
+  --v-button-success: #0c6;
+  --v-button-success-hover: #03ac57;
+  --v-button-success-disabled: #63af89bc;
+  --v-button-error: #f30;
+  --v-button-error-hover: #d92b00;
+  --v-button-error-disabled: #dc5432bc;
+  --v-button-warning: #f90;
+  --v-button-warning-hover: #d98405;
+  --v-button-warning-disabled: #e7b161bc;
+}
+.v-btn {
+  display: inline-block;
+  margin-bottom: 0;
+  font-weight: 400;
+  text-align: center;
+  vertical-align: middle;
+  cursor: pointer;
+  border: 1px solid transparent;
+  white-space: nowrap;
+  user-select: none;
+  padding: 0 15px;
+  transition: color 0.2s linear, background-color 0.2s linear, border 0.2s linear, box-shadow 0.2s linear;
+}
+.v-btn,
+.v-btn:active,
+.v-btn:focus {
+  outline: 0;
+}
+.v-btn-small {
+  height: 20px;
+  font-size: 12px;
+  border-radius: 0px;
+}
+.v-btn-middle {
+  height: 30px;
+  font-size: 14px;
+  border-radius: 1px;
+}
+.v-btn-large {
+  height: 40px;
+  font-size: 16px;
+  border-radius: 2px;
+}
+.v-btn-long {
+  width: 100%;
+}
+.v-btn.v-btn-loading {
+  pointer-events: none;
+  position: relative;
+}
+.v-btn.v-btn-loading:before {
+  display: block;
+}
+.v-btn[disabled] {
+  cursor: no-drop;
+}
+.v-btn-primary {
+  color: var(--v-button-text);
+  background-color: var(--v-button-primary);
+  border-color: var(--v-button-primary);
+}
+.v-btn-primary:hover:not(:active, :disabled) {
+  background-color: var(--v-button-primary-hover);
+  border-color: var(--v-button-primary-hover);
+}
+.v-btn-primary:disabled {
+  background-color: var(--v-button-primary-disabled);
+  border-color: var(--v-button-primary-disabled);
+}
+.v-btn-primary-ghost {
+  color: var(--v-button-primary);
+  background-color: transparent;
+}
+.v-btn-primary-ghost:hover:not(:active, :disabled) {
+  color: var(--v-button-primary-hover);
+  background-color: transparent;
+  border-color: var(--v-button-primary-hover);
+}
+.v-btn-primary-ghost:disabled {
+  background-color: transparent;
+  border-color: var(--v-button-primary-disabled);
+}
+.v-btn-success {
+  color: var(--v-button-text);
+  background-color: var(--v-button-success);
+  border-color: var(--v-button-success);
+}
+.v-btn-success:hover:not(:active, :disabled) {
+  background-color: var(--v-button-success-hover);
+  border-color: var(--v-button-success-hover);
+}
+.v-btn-success:disabled {
+  background-color: var(--v-button-success-disabled);
+  border-color: var(--v-button-success-disabled);
+}
+.v-btn-success-ghost {
+  color: var(--v-button-success);
+  background-color: transparent;
+}
+.v-btn-success-ghost:hover:not(:active, :disabled) {
+  color: var(--v-button-success-hover);
+  background-color: transparent;
+  border-color: var(--v-button-success-hover);
+}
+.v-btn-success-ghost:disabled {
+  background-color: transparent;
+  border-color: var(--v-button-success-disabled);
+}
+.v-btn-error {
+  color: var(--v-button-text);
+  background-color: var(--v-button-error);
+  border-color: var(--v-button-error);
+}
+.v-btn-error:hover:not(:active, :disabled) {
+  background-color: var(--v-button-error-hover);
+  border-color: var(--v-button-error-hover);
+}
+.v-btn-error:disabled {
+  background-color: var(--v-button-error-disabled);
+  border-color: var(--v-button-error-disabled);
+}
+.v-btn-error-ghost {
+  color: var(--v-button-error);
+  background-color: transparent;
+}
+.v-btn-error-ghost:hover:not(:active, :disabled) {
+  color: var(--v-button-error-hover);
+  background-color: transparent;
+  border-color: var(--v-button-error-hover);
+}
+.v-btn-error-ghost:disabled {
+  background-color: transparent;
+  border-color: var(--v-button-error-disabled);
+}
+.v-btn-warning {
+  color: var(--v-button-text);
+  background-color: var(--v-button-warning);
+  border-color: var(--v-button-warning);
+}
+.v-btn-warning:hover:not(:active, :disabled) {
+  background-color: var(--v-button-warning-hover);
+  border-color: var(--v-button-warning-hover);
+}
+.v-btn-warning:disabled {
+  background-color: var(--v-button-warning-disabled);
+  border-color: var(--v-button-warning-disabled);
+}
+.v-btn-warning-ghost {
+  color: var(--v-button-warning);
+  background-color: transparent;
+}
+.v-btn-warning-ghost:hover:not(:active, :disabled) {
+  color: var(--v-button-warning-hover);
+  background-color: transparent;
+  border-color: var(--v-button-warning-hover);
+}
+.v-btn-warning-ghost:disabled {
+  background-color: transparent;
+  border-color: var(--v-button-warning-disabled);
+}

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

@@ -0,0 +1,269 @@
+declare const conf: {
+    r: number;
+    bgid: string;
+    runid: string;
+    successid: string;
+    total: number;
+    length: number;
+    status: number;
+};
+declare const getLength: () => number;
+declare const __VLS_ctx: InstanceType<__VLS_PickNotAny<typeof __VLS_self, new () => {}>>;
+declare var __VLS_1: {
+    data: number;
+};
+type __VLS_Slots = __VLS_PrettifyGlobal<__VLS_OmitStringIndex<typeof __VLS_ctx.$slots> & {
+    content?: (props: typeof __VLS_1) => any;
+}>;
+declare const __VLS_self: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * 进度，0-100
+     */
+    length: {
+        default: number;
+    };
+    /**
+     * 背景色
+     */
+    bgColor: {
+        default: string;
+    };
+    /**
+     * 背景色-渐变
+     */
+    bgColors: {
+        default: never[];
+    };
+    /**
+     * 底色
+     */
+    runColor: {
+        default: string;
+    };
+    /**
+     * 底色-渐变
+     */
+    runColors: {
+        default: never[];
+    };
+    /**
+     * 进度色
+     */
+    successColor: {
+        default: string;
+    };
+    /**
+     * 进度色-渐变
+     */
+    successColors: {
+        default: never[];
+    };
+    /**
+     * 进度条厚度
+     */
+    strokeWidth: {
+        default: number;
+    };
+    /**
+     * 进度条宽度
+     */
+    width: {
+        default: number;
+    };
+}>, {
+    conf: typeof conf;
+    getLength: typeof getLength;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * 进度，0-100
+     */
+    length: {
+        default: number;
+    };
+    /**
+     * 背景色
+     */
+    bgColor: {
+        default: string;
+    };
+    /**
+     * 背景色-渐变
+     */
+    bgColors: {
+        default: never[];
+    };
+    /**
+     * 底色
+     */
+    runColor: {
+        default: string;
+    };
+    /**
+     * 底色-渐变
+     */
+    runColors: {
+        default: never[];
+    };
+    /**
+     * 进度色
+     */
+    successColor: {
+        default: string;
+    };
+    /**
+     * 进度色-渐变
+     */
+    successColors: {
+        default: never[];
+    };
+    /**
+     * 进度条厚度
+     */
+    strokeWidth: {
+        default: number;
+    };
+    /**
+     * 进度条宽度
+     */
+    width: {
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    length: number;
+    width: number;
+    bgColor: string;
+    bgColors: never[];
+    runColor: string;
+    runColors: never[];
+    successColor: string;
+    successColors: never[];
+    strokeWidth: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_component: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * 进度，0-100
+     */
+    length: {
+        default: number;
+    };
+    /**
+     * 背景色
+     */
+    bgColor: {
+        default: string;
+    };
+    /**
+     * 背景色-渐变
+     */
+    bgColors: {
+        default: never[];
+    };
+    /**
+     * 底色
+     */
+    runColor: {
+        default: string;
+    };
+    /**
+     * 底色-渐变
+     */
+    runColors: {
+        default: never[];
+    };
+    /**
+     * 进度色
+     */
+    successColor: {
+        default: string;
+    };
+    /**
+     * 进度色-渐变
+     */
+    successColors: {
+        default: never[];
+    };
+    /**
+     * 进度条厚度
+     */
+    strokeWidth: {
+        default: number;
+    };
+    /**
+     * 进度条宽度
+     */
+    width: {
+        default: number;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * 进度，0-100
+     */
+    length: {
+        default: number;
+    };
+    /**
+     * 背景色
+     */
+    bgColor: {
+        default: string;
+    };
+    /**
+     * 背景色-渐变
+     */
+    bgColors: {
+        default: never[];
+    };
+    /**
+     * 底色
+     */
+    runColor: {
+        default: string;
+    };
+    /**
+     * 底色-渐变
+     */
+    runColors: {
+        default: never[];
+    };
+    /**
+     * 进度色
+     */
+    successColor: {
+        default: string;
+    };
+    /**
+     * 进度色-渐变
+     */
+    successColors: {
+        default: never[];
+    };
+    /**
+     * 进度条厚度
+     */
+    strokeWidth: {
+        default: number;
+    };
+    /**
+     * 进度条宽度
+     */
+    width: {
+        default: number;
+    };
+}>> & Readonly<{}>, {
+    length: number;
+    width: number;
+    bgColor: string;
+    bgColors: never[];
+    runColor: string;
+    runColors: never[];
+    successColor: string;
+    successColors: never[];
+    strokeWidth: number;
+}, {}, {}, {}, 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;
+    };
+};

package/dist/components/Circle/style.css

@@ -0,0 +1,17 @@
+.v-progress-circle-run-svg {
+  stroke-dashoffset: 0px;
+  transition: stroke-dashoffset 0.3s ease 0s, stroke-dasharray 0.3s ease 0s, stroke 0.3s ease 0s, stroke-width 0.06s ease 0.3s, opacity ease 0s;
+  transform-origin: center;
+  transform: rotateZ(90deg);
+}
+.v-progress-circle-text {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  color: #000000d9;
+  font-size: 12px;
+  line-height: 1;
+  white-space: normal;
+  text-align: center;
+  transform: translate(-50%, -50%);
+}

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

@@ -0,0 +1,96 @@
+declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /**
+     * 加载静态资源地址，如https://cdn.xx.xx/vicon或者/static/vicon
+     */
+    url: {
+        default: string;
+    };
+    /**
+     * 使用的图标库名称，默认为'ant'
+     */
+    lib: {
+        default: string;
+    };
+    /**
+     * 使用的图标名称，默认为'up'
+     */
+    name: {
+        default: string;
+    };
+    /**
+     * 使用的图标大小，默认为'20'
+     */
+    size: {
+        default: any;
+    };
+    /**
+     * 使用的图标颜色，默认为'currentColor'
+     */
+    color: {
+        default: any;
+    };
+    /**
+     * 如果为true，使用设计的图标颜色使得color属性无效。默认为false，一般用于多色或固定色图标
+     */
+    nofill: {
+        default: boolean;
+    };
+    /**
+     * 图标宽高显示单位，默认为px
+     */
+    unit: {
+        default: string;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * 加载静态资源地址，如https://cdn.xx.xx/vicon或者/static/vicon
+     */
+    url: {
+        default: string;
+    };
+    /**
+     * 使用的图标库名称，默认为'ant'
+     */
+    lib: {
+        default: string;
+    };
+    /**
+     * 使用的图标名称，默认为'up'
+     */
+    name: {
+        default: string;
+    };
+    /**
+     * 使用的图标大小，默认为'20'
+     */
+    size: {
+        default: any;
+    };
+    /**
+     * 使用的图标颜色，默认为'currentColor'
+     */
+    color: {
+        default: any;
+    };
+    /**
+     * 如果为true，使用设计的图标颜色使得color属性无效。默认为false，一般用于多色或固定色图标
+     */
+    nofill: {
+        default: boolean;
+    };
+    /**
+     * 图标宽高显示单位，默认为px
+     */
+    unit: {
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    size: any;
+    name: string;
+    url: string;
+    lib: string;
+    color: any;
+    nofill: boolean;
+    unit: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;