tanxin-ui 0.2.0

package/lib/utils/hooks/useConfig.d.ts

@@ -0,0 +1,9 @@
+import type { ComputedRef } from 'vue';
+import type { ConfigProviderContext } from '../../config-provider/src/context';
+interface UseConfigContext {
+    configProvider: ConfigProviderContext;
+    prefixCls: ComputedRef<string>;
+    rootPrefix: ComputedRef<string>;
+}
+export declare function useConfig(name: string, props: Record<any, any>): UseConfigContext;
+export {};

package/lib/utils/hooks/useConfig.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var vue = require("vue");
+var context = require("../../config-provider/src/context.js");
+function useConfig(name, props) {
+  const configProvider = context.injectConfig();
+  const getPrefixClsFn = (componentName, comPrefixCls) => {
+    const rootPrefixCls = comPrefixCls ? comPrefixCls : configProvider.rootPrefixCls.value;
+    return componentName ? `${rootPrefixCls}-${componentName}` : `${rootPrefixCls}`;
+  };
+  const prefixCls = vue.computed(() => getPrefixClsFn(name, props == null ? void 0 : props.prefixCls));
+  const useConfigContext = {
+    configProvider,
+    prefixCls,
+    rootPrefix: vue.computed(() => configProvider.rootPrefixCls.value)
+  };
+  return useConfigContext;
+}
+exports.useConfig = useConfig;

package/lib/utils/hooks/useGetSlot.d.ts

@@ -0,0 +1,2 @@
+import type { Slots } from 'vue';
+export default function useGetSlot(slots: Slots, slotName: string): import("vue").Ref<import("vue").Slot>;

package/lib/utils/hooks/useGetSlot.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var vue = require("vue");
+function useGetSlot(slots, slotName) {
+  const slot = vue.ref(slots[slotName]);
+  vue.onUpdated(() => {
+    const newSlot = slots[slotName];
+    if (slot.value !== newSlot) {
+      slot.value = newSlot;
+    }
+  });
+  return slot;
+}
+exports["default"] = useGetSlot;

package/lib/utils/hooks/useMediaQuery.d.ts

@@ -0,0 +1,2 @@
+declare const useMediaQuery: (query: string) => import("vue").Ref<boolean>;
+export default useMediaQuery;

package/lib/utils/hooks/useMediaQuery.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var vue = require("vue");
+const useMediaQuery = (query) => {
+  const mediaQuery = window.matchMedia(query);
+  const isMatch = vue.ref(mediaQuery.matches);
+  const handleChange = (event) => isMatch.value = event.matches;
+  mediaQuery.addEventListener("change", handleChange);
+  vue.onUnmounted(() => {
+    mediaQuery.removeEventListener("change", handleChange);
+  });
+  return isMatch;
+};
+exports["default"] = useMediaQuery;

package/lib/utils/scrollbarWidth.js

@@ -0,0 +1,69 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var common = require("./common.js");
+let scrollBarWidth;
+function originHasScroll(container) {
+  if (container.tagName == "BODY")
+    return container.scrollHeight > (window.innerHeight || document.documentElement.clientHeight);
+  else {
+    return container.scrollHeight > container.clientHeight;
+  }
+}
+function getScrollbarWidth() {
+  var _a;
+  if (scrollBarWidth !== void 0)
+    return scrollBarWidth;
+  const outer = document.createElement("div");
+  outer.style.visibility = "hidden";
+  outer.style.position = "absolute";
+  outer.style.width = "100px";
+  outer.style.top = "-9999px";
+  document.body.appendChild(outer);
+  const emptyWidth = outer.offsetWidth;
+  outer.style.overflow = "scroll";
+  const inner = document.createElement("div");
+  inner.style.width = "100%";
+  outer.appendChild(inner);
+  const filledWidth = inner.offsetWidth;
+  (_a = outer.parentNode) == null ? void 0 : _a.removeChild(outer);
+  scrollBarWidth = emptyWidth - filledWidth;
+  return scrollBarWidth;
+}
+function handleAboutScrollbar(container, existsScroll, toVisible) {
+  var _a;
+  if (!existsScroll)
+    return;
+  const paddingRight = getScrollbarWidth();
+  const preStyle = (_a = container.getAttribute("style")) != null ? _a : "";
+  const preStyleArr = preStyle.split(";");
+  const styles = {};
+  preStyleArr.map((item) => {
+    const index = item.indexOf(":");
+    if (index < 0)
+      return;
+    styles[item.substring(0, index).trim()] = item.substring(index + 1).trim();
+  });
+  if (!toVisible) {
+    const finalPaddingRight = `${paddingRight + (common.getLengthNumber(container.style.paddingRight) || 0)}px`;
+    styles["overflow-y"] = "hidden";
+    styles["padding-right"] = finalPaddingRight;
+    if (container.tagName == "BODY")
+      styles["--body-padding-right"] = finalPaddingRight;
+  } else {
+    styles["overflow-y"] = "auto";
+    styles["padding-right"] = null;
+    if (container.tagName == "BODY")
+      styles["--body-padding-right"] = "0px";
+  }
+  let styleStr = "";
+  Object.keys(styles).map((key) => {
+    if (styles[key] != null) {
+      styleStr += `${key}:${styles[key]};`;
+    }
+  });
+  console.log("styleStr==", styleStr);
+  container.setAttribute("style", styleStr);
+}
+exports.getScrollbarWidth = getScrollbarWidth;
+exports.handleAboutScrollbar = handleAboutScrollbar;
+exports.originHasScroll = originHasScroll;

package/lib/utils/transition.d.ts

@@ -0,0 +1,2 @@
+import type { TransitionGroupProps, TransitionProps } from 'vue';
+export declare const getTransitionGroupProps: (transitionName: string, opt?: TransitionProps) => TransitionGroupProps;

package/lib/utils/transition.js

@@ -0,0 +1,33 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const getTransitionGroupProps = (transitionName, opt = {}) => {
+  const transitionProps = transitionName ? __spreadValues({
+    appear: true,
+    appearActiveClass: `${transitionName}`,
+    appearToClass: `${transitionName}-appear ${transitionName}-appear-active`,
+    enterFromClass: `${transitionName}-appear ${transitionName}-enter ${transitionName}-appear-prepare ${transitionName}-enter-prepare`,
+    enterActiveClass: `${transitionName}`,
+    enterToClass: `${transitionName}-enter ${transitionName}-appear ${transitionName}-appear-active ${transitionName}-enter-active`,
+    leaveActiveClass: `${transitionName} ${transitionName}-leave`,
+    leaveToClass: `${transitionName}-leave-active`,
+    moveClass: `${transitionName}-move`
+  }, opt) : __spreadValues({ css: false }, opt);
+  return transitionProps;
+};
+exports.getTransitionGroupProps = getTransitionGroupProps;

package/lib/utils/type.d.ts

@@ -0,0 +1,26 @@
+import type { Plugin, ComponentPublicInstance, VNodeChild, PropType } from 'vue';
+import type { VueTypesInterface, VueTypeValidableDef } from 'vue-types';
+export declare type Func = (...[]: any[]) => any;
+export declare const withInstall: <T>(component: T) => T & Plugin;
+export declare const withInstallFunction: <T>(fn: T, name: string) => T & Plugin;
+export declare const isFunction: (value: any) => boolean;
+export declare const isArray: (arg: any) => arg is any[];
+export declare const isString: (value: any) => boolean;
+export declare const isBoolean: (value: any) => boolean;
+export declare const isObject: (value: any) => boolean;
+export declare const isNumeric: (value: any) => boolean;
+export interface VueTypesInterfaceExt extends VueTypesInterface {
+    readonly emptyBool: VueTypeValidableDef<boolean>;
+}
+export declare const PropTypes: VueTypesInterfaceExt;
+export declare const cssLength: import("vue-types").VueTypeDef<string | number>;
+export declare const isComponentPublicInstance: (value: any) => value is ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}>>;
+export declare type VueNode = VNodeChild | JSX.Element;
+export declare type Width = string | number;
+export declare type StrOrNumber = string | number;
+export declare const StrOrVNode: PropType<VueNode | (() => VueNode)>;
+export declare const VueNodeType: PropType<VueNode | (() => VueNode)>;
+export interface Point {
+    x: number;
+    y: number;
+}

package/lib/utils/type.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+var vueTypes = require("vue-types");
+const withInstall = (component) => {
+  const comp = component;
+  comp.install = function(app) {
+    app.component(comp.name, component);
+  };
+  return component;
+};
+const withInstallFunction = (fn, name) => {
+  const comp = fn;
+  comp.install = function(app) {
+    app.config.globalProperties[name] = fn;
+  };
+  return fn;
+};
+const isFunction = (value) => typeof value === "function";
+const isArray = Array.isArray;
+const isString = (value) => typeof value === "string";
+const isBoolean = (value) => typeof value === "boolean";
+const isNumeric = (value) => {
+  const str = String(value);
+  return !isNaN(+str) && isFinite(+str) && (typeof value === "number" || !/e/i.test(str));
+};
+const PropTypesT = vueTypes.createTypes({
+  func: void 0,
+  bool: void 0,
+  string: void 0,
+  number: void 0,
+  array: void 0,
+  object: void 0,
+  integer: void 0
+});
+PropTypesT.extend([
+  {
+    name: "emptyBool",
+    getter: true,
+    type: Boolean,
+    default: void 0
+  }
+]);
+const PropTypes = PropTypesT;
+PropTypes.oneOfType([PropTypes.string, PropTypes.number]);
+const isComponentPublicInstance = (value) => {
+  if (!value)
+    return false;
+  return value.$ !== void 0;
+};
+const StrOrVNode = [String, Object, Function];
+const VueNodeType = [Object, Function];
+exports.PropTypes = PropTypes;
+exports.StrOrVNode = StrOrVNode;
+exports.VueNodeType = VueNodeType;
+exports.isArray = isArray;
+exports.isBoolean = isBoolean;
+exports.isComponentPublicInstance = isComponentPublicInstance;
+exports.isFunction = isFunction;
+exports.isNumeric = isNumeric;
+exports.isString = isString;
+exports.withInstall = withInstall;
+exports.withInstallFunction = withInstallFunction;

package/lib/utils/validator-messages/cn.d.ts

@@ -0,0 +1,3 @@
+import type { InternalValidateMessages } from 'async-validator';
+export declare function newMessages(): InternalValidateMessages;
+export declare const messages: InternalValidateMessages;

package/lib/utils/validator-messages/cn.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+function newMessages() {
+  return {
+    default: "Validation error on field %s",
+    required: "\u8BF7\u8F93\u5165%s",
+    enum: "%s\u5E94\u4E3A%s\u5176\u4E2D\u4E4B\u4E00",
+    whitespace: "%s cannot be empty",
+    date: {
+      format: "%s date %s is invalid for format %s",
+      parse: "%s date could not be parsed, %s is invalid ",
+      invalid: "%s date %s is invalid"
+    },
+    types: {
+      string: "%s \u4E0D\u662F\u4E00\u4E2A\u5408\u6CD5\u5B57\u7B26\u4E32",
+      method: "%s is not a %s (function)",
+      array: "%s \u4E0D\u662F\u4E00\u4E2A\u5408\u6CD5\u6570\u7EC4",
+      object: "%s is not an %s",
+      number: "%s \u4E0D\u662F\u4E00\u4E2A\u5408\u6CD5\u6570\u5B57",
+      date: "%s \u4E0D\u662F\u4E00\u4E2A\u5408\u6CD5\u65E5\u671F",
+      boolean: "%s is not a %s",
+      integer: "%s \u4E0D\u662F\u4E00\u4E2A\u5408\u6CD5\u6574\u6570",
+      float: "%s is not a %s",
+      regexp: "%s is not a valid %s",
+      email: "%s \u4E0D\u662F\u4E00\u4E2A\u5408\u6CD5\u7684 %s",
+      url: "%s \u4E0D\u662F\u4E00\u4E2A\u5408\u6CD5\u7684 %s",
+      hex: "%s \u4E0D\u662F\u4E00\u4E2A\u5408\u6CD5\u7684 %s"
+    },
+    string: {
+      len: "%s\u957F\u5EA6\u5E94\u4E3A%s\u4E2A\u5B57\u7B26",
+      min: "%s\u81F3\u5C11\u5E94\u5305\u542B%s\u4E2A\u5B57\u7B26",
+      max: "%s\u4E0D\u80FD\u8D85\u8FC7%s\u4E2A\u5B57\u7B26",
+      range: "%s\u957F\u5EA6\u5E94\u5728%s-%s\u4E4B\u95F4"
+    },
+    number: {
+      len: "%s\u5E94\u4E3A%s",
+      min: "%s\u4E0D\u80FD\u5C0F\u4E8E%s",
+      max: "%s\u4E0D\u80FD\u5927\u4E8E%s",
+      range: "%s\u5E94\u5728%s-%s\u4E4B\u95F4"
+    },
+    array: {
+      len: "%s\u957F\u5EA6\u5E94\u4E3A%s",
+      min: "%s\u957F\u5EA6\u4E0D\u80FD\u5C0F\u4E8E%s",
+      max: "%s\u957F\u5EA6\u4E0D\u80FD\u5927\u4E8E%s",
+      range: "%s\u957F\u5EA6\u5E94\u4E3A%s-%s"
+    },
+    pattern: {
+      mismatch: "%s value %s does not match pattern %s"
+    },
+    clone() {
+      const cloned = JSON.parse(JSON.stringify(this));
+      cloned.clone = this.clone;
+      return cloned;
+    }
+  };
+}
+const messages = newMessages();
+exports.messages = messages;
+exports.newMessages = newMessages;

package/package.json

@@ -0,0 +1,138 @@
+{
+  "name": "tanxin-ui",
+  "version": "0.2.0",
+  "main": "./dist/tanxin-ui.umd.js",
+  "module": "./dist/tanxin-ui.es.js",
+  "private": false,
+  "files": [
+    "es",
+    "lib",
+    "dist"
+  ],
+  "scripts": {
+    "clean": "rimraf build dist es lib",
+    "dev": "vite",
+    "build:styles": "npm run lint:styles && gulp --gulpfile scripts/build-styles.js",
+    "build:lib-scripts": "vue-tsc --noEmit && node scripts/build-components.js && vite build -m lib",
+    "build:lib": "run-s build:lib-scripts  build:styles  build:dts",
+    "build": "run-s build:lib build:demo",
+    "build:demo": "vue-tsc --noEmit && vite build",
+    "build:dts": "node scripts/build-dts.js",
+    "serve": "vite preview",
+    "lint:scripts": "eslint --fix --ext .js,jsx,.ts,.tsx components",
+    "lint:styles": "stylelint \"{components,demo}/**/*.{less,css}\" --fix --customSyntax postcss-less",
+    "lint:lib-styles": "stylelint \"components/**/*.{less,css}\" --fix --customSyntax postcss-less",
+    "lint:demo-styles": "stylelint \"demo/**/*.{less,css}\" --fix --customSyntax postcss-less",
+    "pub": "npm run build && npm publish",
+    "pub:lib": "npm run build:lib && npm publish",
+    "pub-dev:lib": "npm run build:lib && npm publish && npm run git",
+    "git": "git add . && git commit -m 'commit' && git push origin dev && npm run dev"
+  },
+  "author": "dudley",
+  "license": "MIT",
+  "dependencies": {
+    "@vicons/antd": "^0.12.0",
+    "@vicons/fa": "^0.12.0",
+    "@vicons/ionicons4": "^0.12.0",
+    "@vicons/ionicons5": "^0.12.0",
+    "async-validator": "^4.0.7",
+    "bufferutil": "^4.0.5",
+    "chalk": "^4.1.1",
+    "dayjs": "^1.10.7",
+    "diacritics": "^1.3.0",
+    "escape-html": "^1.0.3",
+    "fs-extra": "^10.0.0",
+    "gray-matter": "^4.0.3",
+    "lodash-es": "^4.17.21",
+    "lru-cache": "^6.0.0",
+    "nanoid": "^3.1.30",
+    "prismjs": "^1.25.0",
+    "resize-observer-polyfill": "^1.5.1",
+    "stylus": "^0.55.0",
+    "tinycolor2": "^1.4.2",
+    "vconsole": "^3.12.1",
+    "vue": "^3.2.16",
+    "vue-router": "^4.0.11",
+    "vue-types": "^4.1.1",
+    "ws": "^8.3.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.16.0",
+    "@babel/plugin-transform-typescript": "^7.16.1",
+    "@babel/types": "^7.16.0",
+    "@types/eslint": "^8.4.1",
+    "@types/markdown-it": "^12.2.3",
+    "@types/node": "^17.0.18",
+    "@typescript-eslint/eslint-plugin": "^5.4.0",
+    "@typescript-eslint/parser": "^5.4.0",
+    "@vitejs/plugin-vue": "^1.9.3",
+    "@vitejs/plugin-vue-jsx": "^1.3.1",
+    "@vue/babel-plugin-jsx": "^1.1.1",
+    "@vue/eslint-config-prettier": "^6.0.0",
+    "@vue/eslint-config-typescript": "^9.1.0",
+    "eslint": "7.25.0",
+    "eslint-config-prettier": "^8.0.0",
+    "eslint-import-resolver-alias": "^1.1.2",
+    "eslint-plugin-html": "^6.0.0",
+    "eslint-plugin-import": "^2.24.2",
+    "eslint-plugin-jest": "^24.3.6",
+    "eslint-plugin-markdown": "^2.0.0",
+    "eslint-plugin-no-explicit-type-exports": "^0.12.0",
+    "eslint-plugin-prettier": "^3.1.0",
+    "eslint-plugin-vue": "^8.7.1",
+    "gulp": "^4.0.2",
+    "gulp-autoprefixer": "^8.0.0",
+    "gulp-clean-css": "^4.3.0",
+    "gulp-less": "^5.0.0",
+    "gulp-rename": "^2.0.0",
+    "less": "^4.1.2",
+    "less-loader": "^10.2.0",
+    "markdown-it": "^12.2.0",
+    "markdown-it-anchor": "^8.4.1",
+    "markdown-it-attrs": "^4.1.0",
+    "markdown-it-container": "^3.0.0",
+    "markdown-it-emoji": "^2.0.0",
+    "markdown-it-table-of-contents": "^0.6.0",
+    "npm-run-all": "^4.1.5",
+    "postcss": "^8.4.6",
+    "postcss-flexbugs-fixes": "^5.0.2",
+    "postcss-less": "^6.0.0",
+    "prettier": "^2.5.1",
+    "rimraf": "^3.0.2",
+    "stylelint": "^14.5.1",
+    "stylelint-config-prettier": "^9.0.3",
+    "stylelint-config-standard": "^25.0.0",
+    "stylelint-order": "^5.0.0",
+    "ts-morph": "^13.0.3",
+    "typescript": "^4.5.3",
+    "vite": "^2.6.4",
+    "vue-eslint-parser": "^9.0.2",
+    "vue-tsc": "^0.30.6",
+    "webpack": "^5.65.0"
+  },
+  "sideEffects": [
+    "components/style.ts",
+    "components/**/style/*",
+    "*.vue",
+    "*.md",
+    "dist/*",
+    "es/**/style/*",
+    "lib/**/style/*",
+    "*.less"
+  ],
+  "homepage": "https://www.tanxinui.com",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/dudley/tanxin-ui"
+  },
+  "keywords": [
+    "tanxin-ui",
+    "component library",
+    "ui framework",
+    "ui",
+    "vue",
+    "vue3",
+    "typescript"
+  ],
+  "typings": "lib/index.d.ts"  
+}