@hzwtech.com/utils 0.0.1

package/.eslintrc-auto-import.json

@@ -0,0 +1,103 @@
+{
+  "globals": {
+    "ApiRequest": "writable",
+    "Component": "writable",
+    "ComponentPublicInstance": "writable",
+    "ComputedRef": "writable",
+    "DirectiveBinding": "writable",
+    "EffectScope": "writable",
+    "ExtractDefaultPropTypes": "writable",
+    "ExtractPropTypes": "writable",
+    "ExtractPublicPropTypes": "writable",
+    "GConfig": "writable",
+    "IBem": "writable",
+    "IBemCss": "writable",
+    "IRequestConfig": "writable",
+    "InjectionKey": "writable",
+    "MaybeRef": "writable",
+    "MaybeRefOrGetter": "writable",
+    "PropType": "writable",
+    "Ref": "writable",
+    "ShallowRef": "writable",
+    "Slot": "writable",
+    "Slots": "writable",
+    "VNode": "writable",
+    "WritableComputedRef": "writable",
+    "acceptHMRUpdate": "writable",
+    "bem": "writable",
+    "computed": "writable",
+    "config": "writable",
+    "createApp": "writable",
+    "createPinia": "writable",
+    "css": "writable",
+    "customRef": "writable",
+    "defineAsyncComponent": "writable",
+    "defineComponent": "writable",
+    "defineStore": "writable",
+    "effectScope": "writable",
+    "getActivePinia": "writable",
+    "getCurrentInstance": "writable",
+    "getCurrentScope": "writable",
+    "getCurrentWatcher": "writable",
+    "h": "writable",
+    "inject": "writable",
+    "isProxy": "writable",
+    "isReactive": "writable",
+    "isReadonly": "writable",
+    "isRef": "writable",
+    "isShallow": "writable",
+    "mapActions": "writable",
+    "mapGetters": "writable",
+    "mapState": "writable",
+    "mapStores": "writable",
+    "mapWritableState": "writable",
+    "markRaw": "writable",
+    "nextTick": "writable",
+    "onActivated": "writable",
+    "onBeforeMount": "writable",
+    "onBeforeUnmount": "writable",
+    "onBeforeUpdate": "writable",
+    "onDeactivated": "writable",
+    "onErrorCaptured": "writable",
+    "onMounted": "writable",
+    "onRenderTracked": "writable",
+    "onRenderTriggered": "writable",
+    "onScopeDispose": "writable",
+    "onServerPrefetch": "writable",
+    "onUnmounted": "writable",
+    "onUpdated": "writable",
+    "onWatcherCleanup": "writable",
+    "provide": "writable",
+    "reactive": "writable",
+    "readonly": "writable",
+    "ref": "writable",
+    "reg": "writable",
+    "request": "writable",
+    "resolveComponent": "writable",
+    "setActivePinia": "writable",
+    "setMapStoreSuffix": "writable",
+    "shallowReactive": "writable",
+    "shallowReadonly": "writable",
+    "shallowRef": "writable",
+    "storeToRefs": "writable",
+    "toRaw": "writable",
+    "toRef": "writable",
+    "toRefs": "writable",
+    "toValue": "writable",
+    "triggerRef": "writable",
+    "unref": "writable",
+    "useAttrs": "writable",
+    "useCssModule": "writable",
+    "useCssVars": "writable",
+    "useId": "writable",
+    "useModel": "writable",
+    "useSlots": "writable",
+    "useTemplateRef": "writable",
+    "utils": "writable",
+    "validators": "writable",
+    "watch": "writable",
+    "watchEffect": "writable",
+    "watchPostEffect": "writable",
+    "watchSyncEffect": "writable"
+  }
+}

package/.vscode/extensions.json

@@ -0,0 +1,12 @@
+{
+  "recommendations": [
+    "dbaeumer.vscode-eslint",
+    "stylelint.vscode-stylelint",
+    "streetsidesoftware.code-spell-checker",
+    "bradlc.vscode-tailwindcss",
+    "vue.volar",
+    "ms-ceintl.vscode-language-pack-zh-hans",
+    "alibaba-cloud.tongyi-lingma",
+    "esbenp.prettier-vscode"
+  ]
+}

package/.vscode/html.code-snippets

@@ -0,0 +1,25 @@
+{
+  // Place your snippets for html here. Each snippet is defined under a snippet name and has a prefix, body and
+  // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
+  // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
+  // same ids are connected.
+  // Example:
+  // "Print to console": {
+  // 	"prefix": "log",
+  // 	"body": [
+  // 		"console.log('$1');",
+  // 		"$2"
+  // 	],
+  // 	"description": "Log output to console"
+  // }
+  "module-comment-template": {
+    "prefix": "mc",
+    "description": "模块化注释module comment",
+    "body": ["<!-- ######## ${1:模块}[START] ######## -->", "<!-- ######## ${1:模块}[E N D] ######## -->"],
+  },
+  "vue-class": {
+    "prefix": ":c",
+    "description": ":class,列表形式传入class样式名",
+    "body": [":class=\"[${1}]\""],
+  },
+}

package/.vscode/scss.code-snippets

@@ -0,0 +1,77 @@
+{
+  // Place your snippets for scss here. Each snippet is defined under a snippet name and has a prefix, body and
+  // description. The prefix is what is used to trigger the snippet and the body will be expanded and inserted. Possible variables are:
+  // $1, $2 for tab stops, $0 for the final cursor position, and ${1:label}, ${2:another} for placeholders. Placeholders with the
+  // same ids are connected.
+  // Example:
+  // "Print to console": {
+  // 	"prefix": "log",
+  // 	"body": [
+  // 		"console.log('$1');",
+  // 		"$2"
+  // 	],
+  // 	"description": "Log output to console"
+  // }
+  "scss-css-bem": {
+    "prefix": "cem",
+    "description": "css bem",
+    "body": ["@include mx-css-bem($$block,${1:element},${2:modifier}){", "}"],
+  },
+  "scss-css-bm": {
+    "prefix": "cm",
+    "description": "css bm",
+    "body": ["@include mx-css-bm($$block,${1:modifier}){", "}"],
+  },
+  "scss-css-be": {
+    "prefix": "ce",
+    "description": "css be",
+    "body": ["@include mx-css-be($$block,${1:element}){", "}"],
+  },
+  "scss-css-b": {
+    "prefix": "cb",
+    "description": "css b",
+    "body": ["@include mx-css-b($$block){", "}"],
+  },
+
+  "scss-app-em": {
+    "prefix": "aem",
+    "description": "app bem",
+    "body": ["@include mx-app-bem($$block,${1:element},${2:modifier}){", "}"],
+  },
+  "scss-app-m": {
+    "prefix": "am",
+    "description": "app bm",
+    "body": ["@include mx-app-bm($$block,${1:modifier}){", "}"],
+  },
+  "scss-app-e": {
+    "prefix": "ae",
+    "description": "app be",
+    "body": ["@include mx-app-be($$block,${1:element}){", "}"],
+  },
+  "scss-app-b": {
+    "prefix": "ab",
+    "description": "app b",
+    "body": ["$$block:${1};", "@include mx-app-b($$block){", "}"],
+  },
+
+  "scss-hzw-em": {
+    "prefix": "hem",
+    "description": "hzw bem",
+    "body": ["@include mx-hzw-bem($$block,${1:element},${2:modifier}){", "}"],
+  },
+  "scss-hzw-m": {
+    "prefix": "hm",
+    "description": "hzw bm",
+    "body": ["@include mx-hzw-bm($$block,${1:modifier}){", "}"],
+  },
+  "scss-hzw-e": {
+    "prefix": "he",
+    "description": "hzw be",
+    "body": ["@include mx-hzw-be($$block,${1:element}){", "}"],
+  },
+  "scss-hzw-b": {
+    "prefix": "hb",
+    "description": "hzw b",
+    "body": ["$$block:${1};", "@include mx-hzw-b($$block){", "}"],
+  },
+}

package/.vscode/settings.json

@@ -0,0 +1,102 @@
+{
+  // Disable the default formatter, use eslint instead
+  "prettier.enable": false,
+  // 开启保存时自动修复
+  "editor.codeActionsOnSave": {
+    "source.fixAll.eslint": "explicit",
+    "source.fixAll.stylelint": "explicit"
+  },
+  // prettier:保存时自动格式化所有支持文件：javascript/javascriptreact/typescript/typescriptreact/json/graphql
+  "editor.formatOnSave": true,
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  // https://github.com/tailwindlabs/tailwindcss/discussions/5258
+  "css.customData": [".vscode/tailwind.json"],
+  "tailwindCSS.experimental.classRegex": [
+    // https://github.com/lukeed/clsx?tab=readme-ov-file#tailwind-support
+    ["clsx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"],
+    // https://cva.style/docs/getting-started/installation
+    ["cva\\(([^)]*)\\)", "[\"'`]([^\"'`]*).*?[\"'`]"],
+    ["cx\\(([^)]*)\\)", "(?:'|\"|`)([^']*)(?:'|\"|`)"]
+  ],
+  // Silent the stylistic rules in you IDE, but still auto fix them
+  "eslint.rules.customizations": [
+    {
+      "rule": "style/*",
+      "severity": "off"
+    },
+    {
+      "rule": "format/*",
+      "severity": "off"
+    },
+    {
+      "rule": "*-indent",
+      "severity": "off"
+    },
+    {
+      "rule": "*-spacing",
+      "severity": "off"
+    },
+    {
+      "rule": "*-spaces",
+      "severity": "off"
+    },
+    {
+      "rule": "*-order",
+      "severity": "off"
+    },
+    {
+      "rule": "*-dangle",
+      "severity": "off"
+    },
+    {
+      "rule": "*-newline",
+      "severity": "off"
+    },
+    {
+      "rule": "*quotes",
+      "severity": "off"
+    },
+    {
+      "rule": "*semi",
+      "severity": "off"
+    }
+  ],
+  // Enable eslint for all supported languages
+  "eslint.validate": [
+    "javascript",
+    "javascriptreact",
+    "typescript",
+    "typescriptreact",
+    "vue",
+    "html",
+    "markdown",
+    "json",
+    "jsonc",
+    "yaml",
+    "toml",
+    "xml",
+    "gql",
+    "graphql",
+    "astro",
+    "css",
+    "less",
+    "scss",
+    "pcss",
+    "postcss"
+  ],
+  "css.validate": false,
+  "less.validate": false,
+  "scss.validate": false,
+  "stylelint.validate": ["vue", "css", "scss"],
+  "cSpell.words": ["dcloudio", "easyinput", "qrcode", "unplugin", "weapp", "weixin"],
+  "[typescript]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+  },
+  "oxc.enable": true,
+  "[javascript]": {
+    "editor.defaultFormatter": "vscode.typescript-language-features"
+  },
+  "[vue]": {
+    "editor.defaultFormatter": "dbaeumer.vscode-eslint"
+  }
+}

package/.vscode/tailwind.json

@@ -0,0 +1,56 @@
+// https://github.com/tailwindlabs/tailwindcss/discussions/5258
+{
+  "version": 1.1,
+  "atDirectives": [
+    {
+      "name": "@tailwind",
+      "description": "Use the `@tailwind` directive to insert Tailwind's `base`, `components`, `utilities` and `screens` styles into your CSS.",
+      "references": [
+        {
+          "name": "Tailwind Documentation",
+          "url": "https://tailwindcss.com/docs/functions-and-directives#tailwind"
+        }
+      ]
+    },
+    {
+      "name": "@apply",
+      "description": "Use the `@apply` directive to inline any existing utility classes into your own custom CSS. This is useful when you find a common utility pattern in your HTML that you’d like to extract to a new component.",
+      "references": [
+        {
+          "name": "Tailwind Documentation",
+          "url": "https://tailwindcss.com/docs/functions-and-directives#apply"
+        }
+      ]
+    },
+    {
+      "name": "@responsive",
+      "description": "You can generate responsive variants of your own classes by wrapping their definitions in the `@responsive` directive:\n```css\n@responsive {\n  .alert {\n    background-color: #E53E3E;\n  }\n}\n```\n",
+      "references": [
+        {
+          "name": "Tailwind Documentation",
+          "url": "https://tailwindcss.com/docs/functions-and-directives#responsive"
+        }
+      ]
+    },
+    {
+      "name": "@screen",
+      "description": "The `@screen` directive allows you to create media queries that reference your breakpoints by **name** instead of duplicating their values in your own CSS:\n```css\n@screen sm {\n  /* ... */\n}\n```\n…gets transformed into this:\n```css\n@media (min-width: 640px) {\n  /* ... */\n}\n```\n",
+      "references": [
+        {
+          "name": "Tailwind Documentation",
+          "url": "https://tailwindcss.com/docs/functions-and-directives#screen"
+        }
+      ]
+    },
+    {
+      "name": "@variants",
+      "description": "Generate `hover`, `focus`, `active` and other **variants** of your own utilities by wrapping their definitions in the `@variants` directive:\n```css\n@variants hover, focus {\n   .btn-brand {\n    background-color: #3182CE;\n  }\n}\n```\n",
+      "references": [
+        {
+          "name": "Tailwind Documentation",
+          "url": "https://tailwindcss.com/docs/functions-and-directives#variants"
+        }
+      ]
+    }
+  ]
+}

package/.vscode/typescript.code-snippets

@@ -0,0 +1,162 @@
+{
+  "module-comment-template": {
+    "prefix": "mc",
+    "description": "ts模块化注释module comment",
+    "body": [
+      "//-------------${1:模块}[START]-------------//",
+      "//-------------${1:模块}[E N D]-------------//"
+    ]
+  },
+  "Print to console": {
+    "prefix": "log",
+    "body": ["console.log('${1}');"],
+    "description": "Log output to console"
+  },
+  "css-bem": {
+    "prefix": "cem",
+    "description": "css bem",
+    "body": ["css.bem('${1:block}','${2:element}','${3:modifier}')"]
+  },
+  "css-bm": {
+    "prefix": "cm",
+    "description": "css bm",
+    "body": ["css.bm('${1:block}','${2:modifier}')"]
+  },
+  "css-be": {
+    "prefix": "ce",
+    "description": "css be",
+    "body": ["css.be('${1:block}','${2:element}')"]
+  },
+  "css-b": {
+    "prefix": "cb",
+    "description": "css b",
+    "body": ["css.b('${1:block}')"]
+  },
+
+  "app-em": {
+    "prefix": "aem",
+    "description": "app bem",
+    "body": ["app.em('${1:element}','${2:modifier}')"]
+  },
+  "app-m": {
+    "prefix": "am",
+    "description": "app bm",
+    "body": ["app.m('${1:modifier}')"]
+  },
+  "app-e": {
+    "prefix": "ae",
+    "description": "app be",
+    "body": ["app.e('${1:element}')"]
+  },
+  "app-b": {
+    "prefix": "ab",
+    "description": "app b",
+    "body": ["app.b()"]
+  },
+
+  "hzw-em": {
+    "prefix": "hem",
+    "description": "hzw bem",
+    "body": ["hzw.em('${1:element}','${2:modifier}')"]
+  },
+  "hzw-m": {
+    "prefix": "hm",
+    "description": "hzw bm",
+    "body": ["hzw.m('${1:modifier}')"]
+  },
+  "hzw-e": {
+    "prefix": "he",
+    "description": "hzw be",
+    "body": ["hzw.e('${1:element}')"]
+  },
+  "hzw-b": {
+    "prefix": "hb",
+    "description": "hzw b",
+    "body": ["hzw.b()"]
+  },
+  "useBem":{
+    "prefix": "bem",
+    "body": [
+      "import bem from '@/hooks/useBem';"
+    ]
+  },
+  "utils":{
+    "prefix": "ut",
+    "body": [
+      "import * as utils from '@/utils';"
+    ]
+  },
+  "useStore":{
+    "prefix":"sto",
+    "body":[
+      "import { useStore } from 'vuex';",
+      "const store = useStore();"
+    ]
+  },
+  "useRoute":{
+    "prefix":"rte",
+    "body":[
+      "import { useRoute } from 'vue-router';",
+      "const route = useRoute();"
+    ]
+  },
+  "useRouter":{
+    "prefix":"rtr",
+    "body":[
+      "import { useRouter } from 'vue-router';",
+      "const router = useRouter();"
+    ]
+  },
+  "vuex-module":{
+    "prefix":"mod",
+    "body":[
+      "import { Module } from 'vuex';",
+      "interface IState {",
+      "}",
+      "const module: Module<IState, IGlobalState> = {",
+      "  namespaced: true,",
+      "  state: {},",
+      "  mutations: {",
+      "     ${1}(state: IState, payload: any) {",
+      "     },",
+      "  },",
+      "};",
+      "export default module;"
+    ]
+  },
+  "icon": {
+    "prefix": "icon",
+    "description": "antd icon",
+    "body": ["import { DeleteOutlined, SearchOutlined } from '@ant-design/icons';"]
+  },
+  "useState": {
+    "prefix": "us",
+    "description": "useState",
+    "body": ["const [state${1:Name}, setState${1:Name}] = useState<${2:any}>($3);"]
+  },
+  "useNavigate": {
+    "prefix": "nav",
+    "description": "useNavigate",
+    "body": ["const navigate = useNavigate();"]
+  },
+  "map": {
+    "prefix": "map",
+    "description": "mapDispatchToProps,mapModelToProps",
+    "body": [
+      "const mapDispatchToProps = (dispatch: any) => {",
+      "return {",
+      "  $2: () =>",
+      "    dispatch({",
+      "      type: '$1/$2',",
+      "    }),",
+      "  };",
+      "};",
+      "const mapModelToProps = (allModels: any) => {",
+      "  return {",
+      "    dialog: allModels.$1,",
+      "  };",
+      "};",
+      "export default connect(mapModelToProps, mapDispatchToProps)(App);"
+    ]
+  }
+}

package/.vscode/vue.code-snippets

@@ -0,0 +1,40 @@
+{
+  "scope": "vue",
+  "console": {
+    "prefix": "log",
+    "body": ["console.log('${1}');"],
+    "description": "Log output to console123",
+  },
+  "app-uni": {
+    "prefix": "app-uni",
+    "body": [
+      "<template>",
+      " <view :class=\"[app.b()]\">$1</view>",
+      "</template>",
+      "",
+      "<script lang='ts' setup>",
+      "const app = bem.app('$1');",
+      "</script>",
+      "",
+      "<style lang='scss' scoped>",
+      "</style>",
+    ],
+    "description": "创建vue3 uni-app的app页面",
+  },
+  "hzw-uni": {
+    "prefix": "hzw-uni",
+    "body": [
+      "<template>",
+      " <view :class=\"[hzw.b()]\">$1</view>",
+      "</template>",
+      "",
+      "<script lang='ts' setup>",
+      "const hzw = bem.hzw('$1');",
+      "</script>",
+      "",
+      "<style lang='scss' scoped>",
+      "</style>",
+    ],
+    "description": "创建vue3 uni-app的hzw页面",
+  },
+}

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 hzwtech.com
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/eslint.d.ts

@@ -0,0 +1,6 @@
+import type { OptionsConfig } from '@antfu/eslint-config'
+import type { Linter } from 'eslint'
+import type { FlatConfigComposer } from 'eslint-flat-config-utils'
+
+declare function eslint(options: OptionsConfig & Linter.Config): FlatConfigComposer<Linter.Config, string>
+export default eslint

package/dist/eslint.js

@@ -0,0 +1,43 @@
+import { antfu } from '@antfu/eslint-config'
+function eslint(options) {
+  return antfu({
+    formatters: true,
+    vue: {
+      overrides: {
+        'vue/component-definition-name-casing': ['error', 'kebab-case'],
+        'vue/component-name-in-template-casing': ['error', 'kebab-case'],
+      },
+    },
+    rules: {
+      'style/brace-style': ['error', '1tbs'],
+    },
+    ignores: [
+      // 依赖与构建产物
+      '**/node_modules',
+      '**/dist',
+      '**/package-lock.json',
+      // 缓存与临时文件
+      '**/.cache',
+      '**/.temp',
+      '**/tmp',
+      // 框架生成文件
+      '**/.nuxt',
+      '**/.next',
+      '**/.svelte-kit',
+      // 编辑器配置
+      '**/.idea',
+      '**/.vscode/cache',
+      // 日志与文档
+      '**/CHANGELOG*.md',
+      '**/LICENSE*',
+      // 测试快照
+      '**/__snapshots__',
+      // 自动生成的类型文件
+      '**/auto-import?(s).d.ts',
+      '**/components.d.ts',
+    ],
+    ...options,
+  })
+}
+
+export default eslint

package/dist/index.d.ts

@@ -0,0 +1,13 @@
+import type { App } from 'vue';
+import type { GConfig } from './ts/config';
+export * from './ts/bem';
+export * from './ts/reg';
+export * from './ts/request';
+export * from './ts/utils';
+export * from './ts/validators';
+declare function install(vue: App<Element>, cfg?: Partial<GConfig>): void;
+export declare function init(cfg?: Partial<GConfig>): void;
+declare const _default: {
+    install: typeof install;
+};
+export default _default;