zartui 0.1.113 → 3.0.1

package/package.json

@@ -1,76 +1,65 @@
 {
   "name": "zartui",
-  "version": "0.1.113",
-  "description": "",
-  "main": "lib/zart.js",
-  "module": "es/index.js",
+  "version": "3.0.1",
+  "description": "面向政务场景的移动端组件库",
+  "main": "lib/zartui.cjs.js",
+  "module": "es/index.mjs",
   "style": "lib/index.css",
+  "typings": "lib/index.d.ts",
+  "unpkg": "lib/zartui.min.js",
+  "jsdelivr": "lib/zartui.min.js",
   "files": [
-    "lib",
-    "es"
+    "es",
+    "lib"
   ],
   "scripts": {
-    "dev": "zart-cli dev",
-    "test": "zart-cli test",
-    "lint": "zart-cli lint",
-    "build": "zart-cli build",
-    "release": "zart-cli release",
-    "test:coverage": "open test/coverage/index.html",
-    "build-site": "bash scripts/fix-install.sh && bash scripts/build-site.sh",
-    "vant-to-zart": "node ./scripts/vant-to-zart.js ./src",
-    "new": "bash scripts/new.sh",
-    "prepare": "husky install"
+    "dev": "zartui-cli dev",
+    "lint": "zartui-cli lint",
+    "test": "zartui-cli test",
+    "build": "zartui-cli build",
+    "build:site": "zartui-cli build-site",
+    "release": "cp ../../README.md ./ && zartui-cli release && rm ./README.md",
+    "release:site": "pnpm build:site && npx gh-pages -d site-dist --add",
+    "test:watch": "zartui-cli test --watch",
+    "test:coverage": "open test/coverage/index.html"
   },
-  "author": "",
+  "publishConfig": {
+    "registry": "https://registry.npmjs.org/"
+  },
+  "author": "egova",
   "license": "MIT",
-  "lint-staged": {
-    "*.{ts,tsx,js,jsx,vue}": "eslint --fix",
-    "*.{vue,css,less,scss}": "stylelint --fix"
+  "keywords": [
+    "ui",
+    "vue",
+    "vue3",
+    "mobile",
+    "frontend",
+    "component",
+    "components"
+  ],
+  "dependencies": {
+    "@zartui/icons": "^0.0.1",
+    "@zartui/popperjs": "^1.2.1",
+    "@zartui/use": "^1.4.1"
   },
   "peerDependencies": {
-    "vue": "^2.6.11",
-    "vue-template-compiler": "^2.6.11"
+    "vue": "^3.0.0"
   },
   "devDependencies": {
-    "assign-symbols": "^2.0.2",
-    "babel-plugin-import": "^1.13.0",
-    "commander": "^5.1.0",
-    "husky": "^7.0.0",
-    "is-plain-object": "^5.0.0",
-    "lint-staged": "^10.5.4",
-    "url-loader": "^4.1.1",
-    "vue": "^2.6.11",
-    "vue-template-compiler": "^2.6.11",
-    "zart-cli": "^2.12.92"
-  },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@vant"
-    ]
+    "@types/node": "^16",
+    "@zartui/cli": "workspace:*",
+    "@zartui/eslint-config": "workspace:*",
+    "@vue/runtime-core": "^3.2.27",
+    "@vue/test-utils": "^2.0.1",
+    "typescript": "^4.7.4",
+    "vue": "^3.2.27",
+    "vue-router": "^4.0.12"
   },
-  "stylelint": {
-    "extends": [
-      "@vant/stylelint-config"
-    ]
-  },
-  "prettier": {
-    "singleQuote": true
-  },
-  "browserslist": [
-    "Android >= 4.0",
-    "iOS >= 8"
+  "sideEffects": [
+    "es/**/style/*",
+    "lib/**/style/*",
+    "*.css",
+    "*.less"
   ],
-  "dependencies": {
-    "@babel/runtime": "^7.15.4",
-    "@vant/popperjs": "^1.1.0",
-    "@vue/babel-helper-vue-jsx-merge-props": "^1.2.1",
-    "egova-vue-pdf": "4.2.11",
-    "lodash": "^4.17.21",
-    "vue-i18n": "^8.25.0",
-    "vue-lazyload": "^1.3.3",
-    "zart-icons": "^1.5.7",
-    "@egova/util": "^0.0.6",
-    "@egova/media": "^0.0.12"
-  }
+  "web-types": "lib/web-types.json"
 }

package/es/action-sheet/index.css

@@ -1 +0,0 @@
-.zt-action-sheet{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;flex-direction:column;max-height:80%;overflow:hidden;color:rgba(0,0,0,.6)}.zt-action-sheet__content{-webkit-box-flex:1;-webkit-flex:1 auto;flex:1 auto;overflow-y:auto;-webkit-overflow-scrolling:touch}.zt-action-sheet__cancel,.zt-action-sheet__item{display:block;width:100%;padding:10px 16px;font-size:16px;line-height:24px;background-color:#fff;border:none;cursor:pointer}.zt-action-sheet__cancel:active,.zt-action-sheet__item:active{background-color:rgba(0,0,0,.04)}.zt-action-sheet__item{position:relative;color:#000}.zt-action-sheet__item:not(:last-child).zt-action-sheet__item::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt-action-sheet__item--disabled,.zt-action-sheet__item--loading{color:rgba(0,0,0,.2)}.zt-action-sheet__item--disabled:active,.zt-action-sheet__item--loading:active{background-color:#fff}.zt-action-sheet__item--disabled{cursor:not-allowed}.zt-action-sheet__item--loading{cursor:default}.zt-action-sheet__item--has-subname{padding-top:9px;padding-bottom:9px}.zt-action-sheet__cancel{-webkit-flex-shrink:0;flex-shrink:0;box-sizing:border-box;color:#000}.zt-action-sheet__subname{margin-top:2px;color:#969799;font-size:12px;line-height:16px}.zt-action-sheet__gap{display:block;height:12px;background-color:#f5f5fa}.zt-action-sheet__header{-webkit-flex-shrink:0;flex-shrink:0;font-size:14px;line-height:44px;text-align:center;position:relative;color:rgba(0,0,0,.4)}.zt-action-sheet__header::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:0;bottom:0;left:0;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt-action-sheet__header--align-start{text-align:start}.zt-action-sheet__description{position:relative;-webkit-flex-shrink:0;flex-shrink:0;padding:20px 16px;color:#969799;font-size:14px;line-height:20px;text-align:center}.zt-action-sheet__description::after{position:absolute;box-sizing:border-box;content:' ';pointer-events:none;right:16px;bottom:0;left:16px;border-bottom:1px solid rgba(0,0,0,.1);-webkit-transform:scaleY(.5);transform:scaleY(.5)}.zt-action-sheet__loading-icon .zt-loading__spinner{width:20px;height:20px}.zt-action-sheet__close{position:absolute;top:0;right:0;padding:0 16px;color:rgba(0,0,0,.4);font-size:20px;line-height:inherit}.zt-action-sheet__close:active{color:#969799}

package/es/action-sheet/index.js

@@ -1,185 +0,0 @@
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _mergeJSXProps from "@vue/babel-helper-vue-jsx-merge-props";
-import Vue from 'vue'; // Utils
-
-import { createNamespace } from '../utils';
-import { emit, inherit } from '../utils/functional'; // Mixins
-
-import { popupMixinProps } from '../mixins/popup'; // Components
-
-import Icon from '../icon';
-import Popup from '../popup';
-import Loading from '../loading'; // Types
-
-var _createNamespace = createNamespace('action-sheet'),
-    createComponent = _createNamespace[0],
-    bem = _createNamespace[1];
-
-function ActionSheet(h, props, slots, ctx) {
-  var title = props.title,
-      cancelText = props.cancelText,
-      closeable = props.closeable;
-
-  function onCancel() {
-    emit(ctx, 'input', false);
-    emit(ctx, 'cancel');
-  }
-
-  function Header() {
-    if (slots.title) {
-      return h("div", {
-        "class": bem('header', 'align-start')
-      }, [slots.title(), closeable && h(Icon, {
-        "attrs": {
-          "name": props.closeIcon
-        },
-        "class": bem('close'),
-        "on": {
-          "click": onCancel
-        }
-      })]);
-    }
-
-    if (title) {
-      return h("div", {
-        "class": bem('header')
-      }, [title, closeable && h(Icon, {
-        "attrs": {
-          "name": props.closeIcon
-        },
-        "class": bem('close'),
-        "on": {
-          "click": onCancel
-        }
-      })]);
-    }
-  }
-
-  function Option(item, index) {
-    var disabled = item.disabled,
-        loading = item.loading,
-        callback = item.callback;
-
-    function onClickOption(event) {
-      event.stopPropagation();
-
-      if (disabled || loading) {
-        return;
-      }
-
-      if (callback) {
-        callback(item);
-      }
-
-      if (props.closeOnClickAction) {
-        emit(ctx, 'input', false);
-      }
-
-      Vue.nextTick(function () {
-        emit(ctx, 'select', item, index);
-      });
-    }
-
-    function OptionContent() {
-      if (loading) {
-        return h(Loading, {
-          "class": bem('loading-icon')
-        });
-      }
-
-      return [h("span", {
-        "class": bem('name')
-      }, [item.name]), item.subname && h("div", {
-        "class": bem('subname')
-      }, [item.subname])];
-    }
-
-    var hasSubName = !loading && item.subname;
-    return h("button", {
-      "attrs": {
-        "type": "button"
-      },
-      "class": [bem('item', {
-        disabled: disabled,
-        loading: loading,
-        'has-subname': hasSubName
-      }), item.className],
-      "style": {
-        color: item.color
-      },
-      "on": {
-        "click": onClickOption
-      }
-    }, [OptionContent()]);
-  }
-
-  function CancelText() {
-    if (cancelText) {
-      return [h("div", {
-        "class": bem('gap')
-      }), h("button", {
-        "attrs": {
-          "type": "button"
-        },
-        "class": bem('cancel'),
-        "on": {
-          "click": onCancel
-        }
-      }, [cancelText])];
-    }
-  }
-
-  return h(Popup, _mergeJSXProps([{
-    "class": bem(),
-    "attrs": {
-      "position": "bottom",
-      "round": props.round,
-      "value": props.value,
-      "overlay": props.overlay,
-      "duration": props.duration,
-      "lazyRender": props.lazyRender,
-      "lockScroll": props.lockScroll,
-      "getContainer": props.getContainer,
-      "closeOnPopstate": props.closeOnPopstate,
-      "closeOnClickOverlay": props.closeOnClickOverlay,
-      "safeAreaInsetBottom": props.safeAreaInsetBottom
-    }
-  }, inherit(ctx, true)]), [Header(), h("div", {
-    "class": bem('content')
-  }, [props.actions && props.actions.map(Option), slots.default == null ? void 0 : slots.default()]), CancelText()]);
-}
-
-ActionSheet.props = _extends({}, popupMixinProps, {
-  title: String,
-  actions: Array,
-  duration: [Number, String],
-  cancelText: String,
-  getContainer: [String, Function],
-  closeOnPopstate: Boolean,
-  closeOnClickAction: Boolean,
-  round: {
-    type: Boolean,
-    default: true
-  },
-  closeable: {
-    type: Boolean,
-    default: false
-  },
-  closeIcon: {
-    type: String,
-    default: 'cross'
-  },
-  safeAreaInsetBottom: {
-    type: Boolean,
-    default: true
-  },
-  overlay: {
-    type: Boolean,
-    default: true
-  },
-  closeOnClickOverlay: {
-    type: Boolean,
-    default: true
-  }
-});
-export default createComponent(ActionSheet);

package/es/action-sheet/index.less

@@ -1,132 +0,0 @@
-@import '../style/var';
-@import '../style/mixins/hairline';
-
-.zt-action-sheet {
-  display: flex;
-  flex-direction: column;
-  max-height: @action-sheet-max-height;
-  overflow: hidden;
-  color: @action-sheet-item-text-color;
-
-  &__content {
-    flex: 1 auto;
-    overflow-y: auto;
-    -webkit-overflow-scrolling: touch;
-  }
-
-  &__item,
-  &__cancel {
-    display: block;
-    width: 100%;
-    padding: 10px @padding-md;
-    font-size: @action-sheet-item-font-size;
-    line-height: @action-sheet-item-line-height;
-    background-color: @action-sheet-item-background;
-    border: none;
-    cursor: pointer;
-
-    &:active {
-      background-color: @active-color;
-    }
-  }
-
-  &__item {
-    position: relative;
-    color: @black;
-
-    &:not(:last-child)&::after {
-      .hairline-bottom(@cell-border-color);
-    }
-    
-    &--loading,
-    &--disabled {
-      color: @action-sheet-item-disabled-text-color;
-
-      &:active {
-        background-color: @action-sheet-item-background;
-      }
-    }
-
-    &--disabled {
-      cursor: not-allowed;
-    }
-
-    &--loading {
-      cursor: default;
-    }
-    
-    &--has-subname {
-      padding-top: 9px;
-      padding-bottom: 9px;
-    }
-  }
-
-  &__cancel {
-    flex-shrink: 0;
-    box-sizing: border-box;
-    color: @action-sheet-cancel-text-color;
-  }
-
-  &__subname {
-    margin-top: 2px;
-    color: @action-sheet-subname-color;
-    font-size: @action-sheet-subname-font-size;
-    line-height: @action-sheet-subname-line-height;
-  }
-
-  &__gap {
-    display: block;
-    height: @action-sheet-cancel-padding-top;
-    background-color: @action-sheet-cancel-padding-color;
-  }
-
-  &__header {
-    flex-shrink: 0;
-    font-size: @action-sheet-header-font-size;
-    line-height: @action-sheet-header-height;
-    text-align: center;
-    position: relative;
-    color: @gray-a4;
-    
-    &::after {
-      .hairline-bottom(@cell-border-color);
-    }
-    
-    &--align-start {
-      text-align: start;
-    }
-  }
-
-  &__description {
-    position: relative;
-    flex-shrink: 0;
-    padding: 20px @padding-md;
-    color: @action-sheet-description-color;
-    font-size: @action-sheet-description-font-size;
-    line-height: @action-sheet-description-line-height;
-    text-align: center;
-
-    &::after {
-      .hairline-bottom(@cell-border-color, @padding-md, @padding-md);
-    }
-  }
-
-  &__loading-icon .zt-loading__spinner {
-    width: @action-sheet-loading-icon-size;
-    height: @action-sheet-loading-icon-size;
-  }
-
-  &__close {
-    position: absolute;
-    top: 0;
-    right: 0;
-    padding: @action-sheet-close-icon-padding;
-    color: @action-sheet-close-icon-color;
-    font-size: @action-sheet-close-icon-size;
-    line-height: inherit;
-
-    &:active {
-      color: @action-sheet-close-icon-active-color;
-    }
-  }
-}

package/es/action-sheet/style/index.js

@@ -1,7 +0,0 @@
-import '../../style/base.css';
-import '../../overlay/index.css';
-import '../../info/index.css';
-import '../../icon/index.css';
-import '../../popup/index.css';
-import '../../loading/index.css';
-import '../index.css';

package/es/action-sheet/style/less.js

@@ -1,7 +0,0 @@
-import '../../style/base.less';
-import '../../overlay/index.less';
-import '../../info/index.less';
-import '../../icon/index.less';
-import '../../popup/index.less';
-import '../../loading/index.less';
-import '../index.less';