dlzn-ui 1.4.0 → 1.7.0

package/components/button/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Button } from './src/button.vue';
 export * from './src/button';
+export { default as Button } from './src/button.vue';

package/components/button/src/button.d.ts

@@ -1,28 +1,28 @@
 import { ExtractPropTypes } from 'vue';
 export declare const buttonProps: {
-    type: {
-        type: StringConstructor;
+    circle: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    icon: {
         default: string;
+        type: StringConstructor;
     };
     plain: {
-        type: BooleanConstructor;
         default: boolean;
+        type: BooleanConstructor;
     };
     round: {
-        type: BooleanConstructor;
         default: boolean;
-    };
-    circle: {
         type: BooleanConstructor;
-        default: boolean;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    icon: {
-        type: StringConstructor;
+    type: {
         default: string;
+        type: StringConstructor;
     };
 };
 export type ButtonProps = ExtractPropTypes<typeof buttonProps>;

package/components/button/src/button.mjs

@@ -1,28 +1,28 @@
 //#region src/components/button/src/button.ts
 var e = {
-	type: {
-		type: String,
-		default: "default"
-	},
-	plain: {
-		type: Boolean,
-		default: !1
-	},
-	round: {
-		type: Boolean,
-		default: !1
-	},
 	circle: {
-		type: Boolean,
-		default: !1
+		default: !1,
+		type: Boolean
 	},
 	disabled: {
-		type: Boolean,
-		default: !1
+		default: !1,
+		type: Boolean
 	},
 	icon: {
-		type: String,
-		default: ""
+		default: "",
+		type: String
+	},
+	plain: {
+		default: !1,
+		type: Boolean
+	},
+	round: {
+		default: !1,
+		type: Boolean
+	},
+	type: {
+		default: "default",
+		type: String
 	}
 };
 //#endregion

package/components/button/src/button.vue.d.ts

@@ -2,64 +2,64 @@ import { DefineComponent, ExtractPropTypes, ComponentOptionsMixin, PublicProps,
 declare const _default: typeof __VLS_export;
 export default _default;
 declare const __VLS_export: DefineComponent<ExtractPropTypes<{
-    type: {
-        type: StringConstructor;
+    circle: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    disabled: {
+        default: boolean;
+        type: BooleanConstructor;
+    };
+    icon: {
         default: string;
+        type: StringConstructor;
     };
     plain: {
-        type: BooleanConstructor;
         default: boolean;
+        type: BooleanConstructor;
     };
     round: {
-        type: BooleanConstructor;
         default: boolean;
+        type: BooleanConstructor;
     };
+    type: {
+        default: string;
+        type: StringConstructor;
+    };
+}>, {
+    clickHandle: (e: Event) => void;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "click"[], "click", PublicProps, Readonly< ExtractPropTypes<{
     circle: {
-        type: BooleanConstructor;
         default: boolean;
+        type: BooleanConstructor;
     };
     disabled: {
-        type: BooleanConstructor;
         default: boolean;
+        type: BooleanConstructor;
     };
     icon: {
-        type: StringConstructor;
         default: string;
-    };
-}>, {
-    clickHandle: (e: Event) => void;
-}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "click"[], "click", PublicProps, Readonly< ExtractPropTypes<{
-    type: {
         type: StringConstructor;
-        default: string;
     };
     plain: {
-        type: BooleanConstructor;
         default: boolean;
+        type: BooleanConstructor;
     };
     round: {
-        type: BooleanConstructor;
         default: boolean;
-    };
-    circle: {
         type: BooleanConstructor;
-        default: boolean;
     };
-    disabled: {
-        type: BooleanConstructor;
-        default: boolean;
-    };
-    icon: {
-        type: StringConstructor;
+    type: {
         default: string;
+        type: StringConstructor;
     };
 }>> & Readonly<{
     onClick?: ((...args: any[]) => any) | undefined;
 }>, {
-    type: string;
-    plain: boolean;
-    round: boolean;
     circle: boolean;
     disabled: boolean;
     icon: string;
+    plain: boolean;
+    round: boolean;
+    type: string;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;

package/components/button/src/button.vue_vue_type_script_lang.mjs

@@ -2,9 +2,9 @@ import { buttonProps as e } from "./button.mjs";
 import { defineComponent as t } from "vue";
 //#region src/components/button/src/button.vue?vue&type=script&lang.ts
 var n = t({
+	emits: ["click"],
 	name: "DuyiButton",
 	props: e,
-	emits: ["click"],
 	setup(e, { emit: t }) {
 		function n(e) {
 			t("click", e);

package/components/button/src/button.vue_vue_type_style_index_0_scoped_4046b257_lang.css

@@ -0,0 +1 @@
+.duyi-button[data-v-4046b257]{color:#606266;cursor:pointer;background-color:#fff;border:1px solid #dcdfe6;border-radius:4px;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;line-height:1;display:inline-flex}.duyi-button[data-v-4046b257]:hover{color:#409eff;border-color:#c6e2ff}.duyi-button.is-disabled[data-v-4046b257],.duyi-button[data-v-4046b257]:disabled{cursor:not-allowed;opacity:.6}.duyi-button.is-round[data-v-4046b257]{border-radius:20px}.duyi-button.is-circle[data-v-4046b257]{border-radius:50%;padding:8px}.duyi-button-primary[data-v-4046b257]{color:#fff;background-color:#409eff;border-color:#409eff}.duyi-button-primary[data-v-4046b257]:hover{color:#fff;background-color:#66b1ff;border-color:#66b1ff}

package/components/button/src/button2.mjs

@@ -1,5 +1,5 @@
 import e from "./button.vue_vue_type_script_lang.mjs";
-import './button.vue_vue_type_style_index_0_scoped_e7952805_lang.css';/* empty css                                                        */
+import './button.vue_vue_type_style_index_0_scoped_4046b257_lang.css';/* empty css                                                        */
 import t from "../../../_virtual/_plugin-vue_export-helper.mjs";
 import { createCommentVNode as n, createElementBlock as r, normalizeClass as i, openBlock as a, renderSlot as o } from "vue";
 //#region src/components/button/src/button.vue
@@ -19,6 +19,6 @@ function l(e, t, l, u, d, f) {
 		class: i(`duyi-icon-${e.icon}`)
 	}, null, 2)) : n("", !0), e.$slots.default ? (a(), r("span", c, [o(e.$slots, "default", {}, void 0, !0)])) : n("", !0)], 10, s);
 }
-var u = /*#__PURE__*/ t(e, [["render", l], ["__scopeId", "data-v-e7952805"]]);
+var u = /*#__PURE__*/ t(e, [["render", l], ["__scopeId", "data-v-4046b257"]]);
 //#endregion
 export { u as default };

package/eslint.config.mjs

@@ -0,0 +1,207 @@
+import antfu, { perfectionist as perfectionistConfigFn } from '@antfu/eslint-config'
+import perfectionist from 'eslint-plugin-perfectionist'
+import eslintPluginPrettierRecommended from 'eslint-plugin-prettier/recommended'
+import prettierOptions from './prettier.config.mjs'
+
+const perfectionistConfig = await perfectionistConfigFn({})
+/** @type {import('eslint').Linter.Config[]} */
+const eslintConfig = await antfu(
+  {
+    formatters: {
+      // 都默认开启了
+      css: true, // 与 stylelint 一起
+      html: true,
+      markdown: true, // 使用 prettier 格式化 markdown 文件,搭配 davidAnson.vscode-markdownlint 插件一起使用
+      prettierOptions: {
+        ...prettierOptions,
+        xmlQuoteAttributes: 'preserve',
+        xmlSelfClosingSpace: true, // 在自闭合标签之间添加空格
+        xmlSortAttributesByKey: true, // 按属性键排序XML元素
+        xmlWhitespaceSensitivity: 'ignore', // 对XML全局空白敏感
+      }, // 配置 prettier 的配置,这里不会读 ignorePath 这个配置,否则 ignorePath 里面配置的文件都不会被 prettier 格式化了
+      svg: true,
+      xml: true,
+    },
+    // `.eslintignore` is no longer supported in Flat config, use `ignores` instead
+    // GLOB_EXCLUDE 已经包括了大部分的忽略文件，遵守 gitignore 规则
+    ignores: ['folder-alias.json', 'src/plugins/echarts/china.json', 'src/layout/vueBits/**/*.vue'],
+    jsonc: {
+      overrides: {
+        'jsonc/sort-array-values': [
+          'error',
+          {
+            minValues: 2,
+            order: {
+              caseSensitive: true,
+              natural: true,
+              type: 'asc',
+            },
+            pathPattern: '.*',
+          },
+        ],
+        'jsonc/sort-keys': [
+          'error',
+          'asc',
+          {
+            allowLineSeparatedGroups: false,
+            caseSensitive: true,
+            minKeys: 2,
+            natural: true,
+          },
+        ],
+      },
+    },
+    // jsonc: true, // 配合 vscode.json-language-features 一起使用 (默认为true) [jsonc: true 排序， vscode.json-language-features 截断好一点]
+    // 1、 Enable linting for **code snippets** in Markdown.
+    // 2. 也会把上面的 formatters.markdown 设置为true
+    // 3. 默认为true
+    // 4. 这里设置为false 是因为 现在格式化错误 https://github.com/antfu/eslint-config/discussions/851
+    markdown: false,
+    perfectionist: true,
+    // https://eslint.style/packages/default#rules
+    stylistic: {
+      indent: 2,
+      jsx: true,
+      overrides: {
+        'style/padding-line-between-statements': [
+          'error',
+          { blankLine: 'never', next: '*', prev: '*' },
+          {
+            blankLine: 'always',
+            next: '*',
+            prev: [
+              'import',
+              'export',
+              'class',
+              'function',
+              'multiline-block-like',
+              'const',
+              'let',
+              'var',
+            ],
+          },
+          {
+            blankLine: 'always',
+            next: ['export', 'class', 'function', 'multiline-block-like', 'const', 'let', 'var'],
+            prev: '*',
+          },
+          { blankLine: 'never', next: 'import', prev: 'import' },
+          { blankLine: 'never', next: 'export', prev: 'export' },
+          {
+            blankLine: 'never',
+            next: ['const', 'let', 'var'],
+            prev: ['const', 'let', 'var'],
+          },
+        ],
+      },
+      quotes: 'single',
+      semi: false,
+    },
+    // https://typescript-eslint.io/rules/
+    typescript: {
+      // other rules
+      overrides: {
+        'prefer-promise-reject-errors': 'off',
+      },
+      // type checked rules
+      overridesTypeAware: {
+        'ts/no-floating-promises': 'off',
+        'ts/no-unsafe-assignment': 'off',
+        'ts/promise-function-async': 'off',
+        'ts/strict-boolean-expressions': [
+          'error',
+          {
+            allowAny: false,
+            allowNullableBoolean: true,
+            allowNullableEnum: false,
+            allowNullableNumber: false,
+            allowNullableObject: false,
+            allowNullableString: true,
+            allowNumber: false,
+            allowRuleToRunWithoutStrictNullChecksIKnowWhatIAmDoing: false,
+            allowString: true,
+          },
+        ],
+        'ts/unbound-method': 'off',
+      },
+      tsconfigPath: 'tsconfig.json', // Linting with Type Information https://typescript-eslint.io/getting-started/typed-linting/
+    },
+    vue: {
+      overrides: {
+        'vue/attributes-order': [
+          'error',
+          {
+            alphabetical: true,
+            ignoreVBindObject: false,
+            order: [
+              'DEFINITION',
+              'LIST_RENDERING',
+              'CONDITIONALS',
+              'RENDER_MODIFIERS',
+              'GLOBAL',
+              ['UNIQUE', 'SLOT'],
+              'TWO_WAY_BINDING',
+              'OTHER_DIRECTIVES',
+              'OTHER_ATTR',
+              'EVENTS',
+              'CONTENT',
+            ],
+            sortLineLength: false,
+          },
+        ],
+        'vue/component-name-in-template-casing': [
+          'error',
+          'PascalCase',
+          {
+            registeredComponentsOnly: false,
+          },
+        ], // 组件名必须为PascalCase
+        'vue/html-self-closing': [
+          'error',
+          {
+            html: {
+              component: 'never',
+              normal: 'never',
+              void: 'always', // 常见的 HTML 空元素 br, hr...
+            },
+            math: 'always',
+            svg: 'always',
+          },
+        ], // html标签不要自闭合
+        'vue/padding-line-between-tags': ['error', [{ blankLine: 'never', next: '*', prev: '*' }]],
+        'vue/prop-name-casing': [
+          'error',
+          'camelCase',
+          {
+            ignoreProps: ['/^onUpdate:*/'],
+          },
+        ],
+        'vue/singleline-html-element-content-newline': 'off',
+      },
+    },
+  },
+  {
+    rules: {
+      'e18e/ban-dependencies': [
+        'error',
+        {
+          allowed: ['crypto-js'],
+        },
+      ],
+      'no-console': 'off',
+    },
+  },
+)
+  .override(perfectionistConfig[0].name, {
+    rules: {
+      ...perfectionist.configs['recommended-natural'].rules,
+      ...perfectionistConfig[0].rules,
+    },
+  })
+  .append({
+    ignores: ['**/*.md', '**/*.html', '**/*.xml', '**/*.svg', '**/*.jsonc'],
+    // https://github.com/prettier/eslint-plugin-prettier
+    ...eslintPluginPrettierRecommended,
+  })
+
+export default eslintConfig

package/package.json

@@ -1,24 +1,27 @@
 {
-  "name": "dlzn-ui",
-  "version": "1.4.0",
   "description": "",
-  "keywords": [],
-  "license": "MIT",
-  "type": "module",
   "exports": {
     ".": {
-      "types": "./index.d.ts",
-      "import": "./index.mjs"
+      "import": "./index.mjs",
+      "types": "./index.d.ts"
+    },
+    "./const": {
+      "import": "./const/index.mjs",
+      "types": "./const/index.d.ts"
     },
+    "./eslint.config": "./eslint.config.mjs",
+    "./prettier.config": "./prettier.config.mjs",
+    "./stylelint.config": "./stylelint.config.mjs",
     "./utils": {
-      "types": "./utils/index.d.ts",
-      "import": "./utils/index.mjs"
+      "import": "./utils/index.mjs",
+      "types": "./utils/index.d.ts"
     }
   },
+  "keywords": [],
+  "license": "MIT",
+  "name": "dlzn-ui",
   "peerDependencies": {
     "@tsconfig/node-lts": "^24.0.0",
-    "@types/crypto-js": "^4.2.2",
-    "@types/file-saver": "^2.0.7",
     "@types/node": "^26.1.2",
     "@vitejs/plugin-vue": "^6.0.8",
     "@vue/tsconfig": "^0.9.1",
@@ -29,5 +32,7 @@
   },
   "sideEffects": [
     "**/*.css"
-  ]
+  ],
+  "type": "module",
+  "version": "1.7.0"
 }

package/prettier.config.mjs

@@ -0,0 +1,33 @@
+/**
+ * @description: https://prettier.io/docs/en/options
+ * @description: 还有些是 prettier-plugin-tailwindcss 的配置 https://github.com/tailwindlabs/prettier-plugin-tailwindcss
+ */
+// @ts-check
+
+/** @typedef {import('prettier').Config} Config */
+
+/** @type {Config} */
+export default {
+  $schema: 'https://json.schemastore.org/prettierrc',
+  arrowParens: 'always', // 单参数箭头函数参数周围使用圆括号-eg: (x) => x
+  bracketSameLine: false, // 会把多行的 HTML (包括 HTML、JSX、Vue 和 Angular) 元素的 `>` 放在最后一个属性的末尾，而不是另起一行（自闭合标签不受该选项控制）。
+  bracketSpacing: true, // 在对象前后添加空格-eg: { foo: bar }
+  embeddedLanguageFormatting: 'auto', // 控制嵌入的其他语言代码格式化。
+  endOfLine: 'lf', // 结束行形式
+  htmlWhitespaceSensitivity: 'css', // 对HTML全局空白不敏感
+  insertPragma: false, // 在已被preitter格式化的文件顶部加上标注
+  jsxSingleQuote: false, // jsx中使用单引号
+  plugins: ['prettier-plugin-tailwindcss'],
+  printWidth: 100, // 单行长度
+  proseWrap: 'preserve', // 保留原有的换行符，不进行任何修改
+  quoteProps: 'as-needed', // 仅在必需时为对象的key添加引号
+  requirePragma: false, // 无需顶部注释即可格式化
+  semi: false, // 句末使用分号
+  singleAttributePerLine: false, // 会在 HTML、JSX、Vue 和 Angular 中格式化为每个属性单独占一行。
+  singleQuote: true, // 使用单引号
+  tabWidth: 2, // 缩进长度
+  tailwindStylesheet: './src/assets/css/tailwindcss-entry.css',
+  trailingComma: 'all',
+  useTabs: false, // 使用空格代替tab缩进
+  vueIndentScriptAndStyle: false, // 不对vue中的script及style标签缩进
+}

package/stylelint.config.mjs

@@ -0,0 +1,62 @@
+// [插件集合](https://stylelint.io/awesome-stylelint/)
+// [stylelint 内置规则集](https://stylelint.io/user-guide/rules)
+// 最新的版本去除了很多配置，比如缩进, 抛弃的规则 可在 @stylistic/stylelint-config(https://github.com/stylelint-stylistic/stylelint-config/blob/main/stylelint.config.js) 中找回
+import defineConfig from 'stylelint-define-config'
+
+export default defineConfig({
+  cache: true,
+  extends: [
+    '@stylistic/stylelint-config',
+    'stylelint-config-standard',
+    'stylelint-config-recess-order',
+    'stylelint-config-recommended-vue', // 放最后一个 依赖 postcss-html
+  ],
+  // 格式化 md 文件中的 css 代码
+  overrides: [
+    {
+      customSyntax: 'postcss-markdown',
+      files: ['*.md', '**/*.md'],
+    },
+    {
+      files: ['src/plugins/element-plus/theme-chalk/**/*.css'],
+      rules: {
+        'no-descending-specificity': null,
+        'no-duplicate-selectors': null,
+        'selector-class-pattern': null,
+      },
+    },
+  ],
+  plugins: ['stylelint-use-nesting'],
+  // null (to turn the rule off)
+  rules: {
+    '@stylistic/declaration-block-trailing-semicolon': null, // 与 prettier 保持一致
+    '@stylistic/declaration-colon-newline-after': null, // 与 prettier 保持一致
+    '@stylistic/declaration-colon-space-after': null, // 与 prettier 保持一致
+    '@stylistic/indentation': null, // 与 prettier 保持一致
+    '@stylistic/no-eol-whitespace': null, // 与 prettier 保持一致
+    '@stylistic/selector-combinator-space-before': null, // 与 prettier 保持一致
+    '@stylistic/string-quotes': null, // 与 prettier 保持一致
+    '@stylistic/value-list-comma-newline-after': null, // 与 prettier 保持一致
+    'at-rule-no-unknown': [
+      true,
+      {
+        ignoreAtRules: ['theme'],
+      },
+    ],
+    'csstools/use-nesting': [
+      'always',
+      {
+        message: '尽量使用嵌套写法',
+      },
+    ],
+    'import-notation': 'string', // TODO  url 模式好像 tailwindcss 引入有问题
+    'selector-class-pattern': [
+      '^(t-|el-|([a-zA-Z][a-zA-Z0-9_]*[a-zA-Z0-9])$)',
+      {
+        // disableFix: true, // disable autofix
+        message: '自定义 class 名称使用 snake_case',
+      },
+    ],
+    'value-keyword-case': ['lower', { ignoreFunctions: ['v-bind'] }],
+  },
+})

package/utils/index.d.ts

@@ -1,3 +1,3 @@
+export * from './number';
 export * from './string';
 export * from './tool';
-export * from './number';

package/utils/index.mjs

@@ -1,4 +1,4 @@
-import { getFilenameFromUrl as e, queryStringToObject as t } from "./string.mjs";
-import { aesDecrypt as n, aesEncrypt as r, saveAs as i } from "./tool.mjs";
-import { formatSecondsToChinese as a } from "./number.mjs";
-export { n as aesDecrypt, r as aesEncrypt, a as formatSecondsToChinese, e as getFilenameFromUrl, t as queryStringToObject, i as saveAs };
+import { formatSecondsToChinese as e } from "./number.mjs";
+import { getFilenameFromUrl as t, queryStringToObject as n } from "./string.mjs";
+import { aesDecrypt as r, aesEncrypt as i, saveAs as a } from "./tool.mjs";
+export { r as aesDecrypt, i as aesEncrypt, e as formatSecondsToChinese, t as getFilenameFromUrl, n as queryStringToObject, a as saveAs };

package/components/button/src/button.vue_vue_type_style_index_0_scoped_e7952805_lang.css

@@ -1 +0,0 @@
-.duyi-button[data-v-e7952805]{color:#606266;cursor:pointer;background-color:#fff;border:1px solid #dcdfe6;border-radius:4px;justify-content:center;align-items:center;padding:8px 16px;font-size:14px;line-height:1;display:inline-flex}.duyi-button[data-v-e7952805]:hover{color:#409eff;border-color:#c6e2ff}.duyi-button.is-disabled[data-v-e7952805],.duyi-button[data-v-e7952805]:disabled{cursor:not-allowed;opacity:.6}.duyi-button.is-round[data-v-e7952805]{border-radius:20px}.duyi-button.is-circle[data-v-e7952805]{border-radius:50%;padding:8px}.duyi-button-primary[data-v-e7952805]{color:#fff;background-color:#409eff;border-color:#409eff}.duyi-button-primary[data-v-e7952805]:hover{color:#fff;background-color:#66b1ff;border-color:#66b1ff}