@cloudbase/weda-ui 3.5.0 → 3.5.2-mp

package/components/wxOpenApi/userInfo/index.js

@@ -0,0 +1,88 @@
+import classNames from '../../../utils/classnames';
+
+Component({
+  options: {
+    virtualHost: true,
+    multipleSlots: true,
+  },
+  properties: {
+    className: {
+      type: String,
+      value: '',
+    },
+    style: {
+      type: String,
+      value: '',
+    },
+    id: {
+      type: String,
+      value: '',
+    },
+    text: {
+      type: String,
+      value: '按钮标题',
+    },
+    size: {
+      type: String,
+      value: 'default',
+    },
+    type: {
+      type: String,
+      value: 'wechat',
+    },
+    loading: {
+      type: Boolean,
+      value: false,
+    },
+    disabled: {
+      type: Boolean,
+      value: false,
+    },
+    formType: {
+      type: String,
+    },
+    usage: {
+      type: String,
+    },
+    language: {
+      type: String,
+      value: 'zh_CN',
+    },
+  },
+  data: {
+    cls: '',
+  },
+  methods: {
+    getUserProfile() {
+      wx.getUserProfile({
+        desc: this.properties.usage,
+        lang: this.properties.language,
+        success: (userRes) => {
+          const { userInfo } = userRes;
+          this.triggerEvent('userinfosuccess', userInfo || {});
+        },
+        fail: (err) => {
+          this.triggerEvent('userinfofail', err);
+        },
+      });
+    },
+  },
+  observers: {
+    'className,size,type,disabled': function (className, size, type, disabled) {
+      const cls = classNames('weda-ui', {
+        'weda-button': true,
+        'weui-btn': true,
+        'weui-btn_mini': size === 'mini',
+        'weui-btn_large': size === 'large',
+        'weui-btn_primary': type === 'primary' || type === 'wechat',
+        'weui-btn_default': type === 'default',
+        'weui-btn_warn': type === 'warn',
+        'weui-btn_wechat': type === 'wechat',
+        'weui-btn_disabled': disabled,
+        [className]: className,
+      });
+
+      this.setData({ cls });
+    },
+  },
+});

package/components/wxOpenApi/userInfo/index.json

@@ -0,0 +1,4 @@
+{
+  "component": true,
+  "styleIsolation": "shared"
+}

package/components/wxOpenApi/userInfo/index.wxml

@@ -0,0 +1,4 @@
+<button id="{{id}}" class="{{cls}}" style="{{style}}" size="{{size}}" loading="{{loading}}" disabled="{{disabled}}" form-type="{{formType}}" bindtap="getUserProfile">
+  {{text ? text : ''}}
+  <slot name="contentSlot" wx:if="{{!text}}" />
+</button>

package/components/wxOpenApi/userInfo/index.wxss

@@ -0,0 +1,22 @@
+@import '../../../style/weda-ui.wxss';
+
+.weui-btn.weui-btn_primary:not(.weui-btn_disabled):active {
+  background-color: var(--weui-TAG-TEXT-BLUE);
+}
+
+.weui-btn.weui-btn_primary.weui-btn_wechat:not(.weui-btn_disabled):active {
+  background-color: var(--weui-TAG-TEXT-GREEN);
+}
+
+.weui-btn.weui-btn_primary.weui-btn_wechat {
+  background-color: var(--weui-WECHAT);
+}
+
+.weda-ui.weui-btn.weui-btn_large {
+  font-size: large;
+  display: block;
+  padding-left: 7px;
+  padding-right: 7px;
+  text-align: center;
+  width: 100%;
+}

package/index.json

@@ -0,0 +1,124 @@
+{
+  "components": {
+    "WdAudio": "components/wd-audio/index",
+    "WdAd": "components/wd-ad/index",
+    "WdTabBar": "components/wd-tabbar/index",
+    "WdCanvas": "components/wd-canvas/index",
+    "WdMenuBaseLayout": "components/wd-menu-base-layout/index",
+    "WdMenuHorizontalLayout": "components/wd-menu-horizontal-layout/index",
+    "WdMenuPlantLayout": "components/wd-menu-plant-layout/index",
+    "WdMenuVerticalLayout": "components/wd-menu-vertical-layout/index",
+    "WdMenuTabLayout": "components/wd-menu-tab-layout/index",
+    "WdMenuNavLayout": "components/wd-menu-nav-layout/index",
+    "WdMenuLayout": "components/wd-menu-layout/index",
+    "WdMenuList": "components/wd-menu-list/index",
+    "WdModal": "components/wd-modal/index",
+    "WdOfficialAccount": "components/wd-official-account/index",
+    "CustomerService": "components/customer-service/index",
+    "FormTime": "components/form-time/index",
+    "FormRegion": "components/form-region/index",
+    "FormDate": "components/form-date/index",
+    "FormSelect": "components/form-select/index",
+    "FormSelectMultiple": "components/form-select-multiple/index",
+    "FormMultiRegion": "components/form-multi-region/index",
+    "FormUploadFile": "components/form-upload-file/index",
+    "FormImageUploader": "components/form-image-uploader/index",
+    "FormLocation": "components/form-location/index",
+    "FormSwitch": "components/form-switch/index",
+    "FormPhone": "components/form-phone/index",
+    "FormUrl": "components/form-url/index",
+    "FormEmail": "components/form-email/index",
+    "FormCheckbox": "components/form-checkbox/index",
+    "FormRadio": "components/form-radio/index",
+    "FormTextArea": "components/form-text-area/index",
+    "FormInput": "components/form-input/index",
+    "WdForm": "components/wd-form/index",
+    "WdInput": "components/wd-input/index",
+    "WdInputUrl": "components/wd-input-url/index",
+    "WdInputPhone": "components/wd-input-phone/index",
+    "WdInputEmail": "components/wd-input-email/index",
+    "WdInputNumber": "components/wd-input-number/index",
+    "WdTextarea": "components/wd-textarea/index",
+    "WdSwitch": "components/wd-switch/index",
+    "WdRadioList": "components/wd-radio-list/index",
+    "WdCheckboxList": "components/wd-checkbox-list/index",
+    "WdDate": "components/wd-date/index",
+    "WdDateRange": "components/wd-date-range/index",
+    "WdTime": "components/wd-time/index",
+    "WdCard": "components/wd-card/index",
+    "WdLayout": "components/wd-layout/index",
+    "QrCode": "components/qrcode/index",
+    "WdIcon": "components/wd-icon/index",
+    "WdText": "components/wd-text/index",
+    "WdButton": "components/wd-button/index",
+    "WdImage": "components/wd-image/index",
+    "WdDivider": "components/wd-divider/index",
+    "WebView": "components/web-view/index",
+    "FormDetail": "components/formdetail/index",
+    "WdFormDetail": "components/formdetail/index",
+    "Button": "components/button/index",
+    "Text": "components/text/index",
+    "Image": "components/image/index",
+    "Form": "components/form/form/index",
+    "Radio": "components/form/radio/index",
+    "Checkbox": "components/form/checkbox/index",
+    "Switch": "components/form/switch/index",
+    "Input": "components/form/input/index",
+    "Location": "components/form/location/index",
+    "Textarea": "components/form/textarea/index",
+    "Select": "components/form/select/index",
+    "SelectMultiple": "components/form/SelectMultiple/index",
+    "Uploader": "components/form/uploader/index",
+    "UploaderFile": "components/form/uploaderFile/index",
+    "Container": "components/container/index",
+    "Slot": {
+      "type": "native",
+      "path": "slot"
+    },
+    "Swiper": {
+      "type": "native",
+      "path": "swiper"
+    },
+    "Carousel": "components/carousel/index",
+    "WedaVideo": "components/wedaVideo/index",
+    "ScrollView": "components/scrollView/index",
+    "Tips": "components/form/tips/index",
+    "RichTextView": "components/richText/index",
+    "Tabs": "components/tabs/index",
+    "ListView": "components/listView/index",
+    "NavigationBar": "components/navigationBar/index",
+    "DataView": "components/dataView/index",
+    "Calendar": "components/calendar/index",
+    "NavLayout": "components/navLayout/index",
+    "Line": "components/chart/line/index",
+    "Bar": "components/chart/bar/index",
+    "Pie": "components/chart/pie/index",
+    "StatisticsCard": "components/chart/statisticsCard/index",
+    "GraphicCard": "components/graphicCard/index",
+    "UserInfo": "components/wxOpenApi/userInfo/index",
+    "Phone": "components/wxOpenApi/phone/index",
+    "Share": "components/wxOpenApi/share/index",
+    "Lottery": "components/lottery/index",
+    "PhoneCode": "components/wxOpenApi/phoneCode/index",
+    "Modal": "components/modal/index",
+    "Row": "components/grid/row/index",
+    "Col": "components/grid/col/index",
+    "Grid": "components/grid/index",
+    "WdSideTab": "components/wd-side-tab/index",
+    "WdTopTab": "components/wd-top-tab/index",
+    "WdSelect": "components/wd-select/index",
+    "WdSelectMultiple": "components/wd-select-multiple/index",
+    "WdRegion": "components/wd-region/index",
+    "WdLocation": "components/wd-location/index",
+    "WdUploadImage": "components/wd-upload-image/index",
+    "WdUploadFile": "components/wd-upload-file/index",
+    "WdCalendar": "components/wd-calendar/index",
+    "WdTag": "components/wd-tag/index",
+    "WdTagSelect": "components/wd-tag-select/index"
+  },
+  "actions": {
+    "showToast": "actions/showToast/index",
+    "showModal": "actions/showModal/index",
+    "showMessage": "actions/showMessage/index"
+  }
+}

package/package.json

@@ -1,254 +1,15 @@
 {
   "name": "@cloudbase/weda-ui",
-  "version": "3.5.0",
-  "main": "./dist/index.js",
-  "module": "./dist/index",
-  "miniprogram": "mpdist",
-  "engines": {
-    "node": "^14.13.1 || >=16.0.0",
-    "@cloudbase/lowcode-cli": ">=0.17.0"
-  },
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "**/*.{css,scss,less}",
-    "src/web/utils/date.js",
-    "src/web/**/style.js",
-    "src/web/**/style.ts",
-    "src/web/**/style/*",
-    "src/web/components/chart/common/echarts.ts",
-    "src/web/components/flow/**/*",
-    "src/web/components/flow-*/**/*",
-    "src/web/components/form/userOrgSelect/**/*",
-    "src/web/components/form/select/moment-locale.{ts,js}",
-    "src/web/components/form-input-hooks/validator.ts"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "dev": "tcb lowcode debug",
-    "develop": "tsc --noEmit false -w",
-    "build": "tsc --noEmit false && npm run build-mp && node scripts/build.js",
-    "build:cli": "tcb lowcode build",
-    "build:analyze": "cross-env ANALYZER=1 tcb lowcode build",
-    "test": "npm run test:jest",
-    "test:jest": "jest test --env=jsdom --maxWorkers 2",
-    "test:watch": "npm run test:jest -- --watch",
-    "prestart:e2e-server": "node ./tools/e2e-prepare.mjs",
-    "start:e2e-server": "node ./lowcode-comps/e2e-server.js",
-    "test:e2e-component": "npm run build-mp && npx cypress run --component",
-    "test:e2e-cals": "start-server-and-test start:e2e-server 2333 'npx cypress run -b chrome --headless'",
-    "test:e2e": "npm run test:e2e-component && npm run test:e2e-cals",
-    "posttest:e2e-cals": "npm run e2e:report",
-    "pree2e:report": "npx mkdirp cypress/report && npx mochawesome-merge 'cypress/results/*.json' > cypress/report/mochawesome_full.json",
-    "e2e:report": "npx marge -o  storybook-static/e2e-report cypress/report/mochawesome_full.json",
-    "test:all": "node tools/test-ci.mjs",
-    "test:coverage": "node tools/test-ci.mjs --coverage=true",
-    "e2e": "npx cypress open --component",
-    "pretest:all": "rimraf .nyc_output || true",
-    "storybook": "start-storybook -p 6006",
-    "build-storybook": "build-storybook",
-    "lint": "eslint --ext .js,.jsx,.ts,.tsx .",
-    "lint:fix": "npm run lint -- --fix",
-    "prepare": "husky install || true",
-    "postprepare": "npm run build-mp",
-    "build-npm": "rimraf dist && mkdir dist && cp -r src/web dist/ && cp -r src/configs dist/ && cp src/index.js dist/",
-    "build-mp": "rimraf mpdist && npx gulp -f tools/build-mp/gulpfile.mjs",
-    "dev-mp:ide": "node tools/dev-mp-in-ide.mjs",
-    "dev-mp": "npx gulp dev -f tools/build-mp/gulpfile.mjs",
-    "convert-rpx": "npx gulp -f tools/convert-rpx/gulpfile.mjs",
-    "clear:snap": "rimraf ./src/test/__snapshots__",
-    "size": "npm run build-mp && npm run build:cli && size-limit",
-    "new": "npx hygen comp new",
-    "_postinstall": "node tools/post-install.mjs",
-    "prepack": "pinst --disable",
-    "postpack": "pinst --enable"
-  },
-  "keywords": [
-    "weda",
-    "lowcode",
-    "components"
-  ],
-  "author": "cloudbase team",
-  "license": "MIT",
-  "description": "腾讯云微搭低代码组件库模板",
-  "dependencies": {
-    "@antv/g6": "^4.8.5",
-    "@loadable/component": "^5.15.2",
-    "@react-hookz/web": "^14.7.1",
-    "@sinclair/typebox": "^0.25.3",
-    "@storybook/addons": "^6.5.16",
-    "@tcwd/style-wedatheme": "^1.0.4",
-    "@use-gesture/react": "^10.2.14",
-    "await-to-js": "3.0.0",
-    "bootstrap": "^5.2.3",
-    "dayjs": "^1.10.7",
-    "destr": "^1.1.1",
-    "echarts": "^5.3.0",
-    "echarts-for-react": "^3.0.2",
-    "jsonexport": "3.2.0",
-    "kedao": "^0.1.24",
-    "lodash.get": "^4.4.2",
-    "lodash.isequal": "^4.5.0",
-    "lodash.set": "^4.3.2",
-    "moment": "^2.29.4",
-    "object.fromentries": "^2.0.5",
-    "prop-types": "^15.7.2",
-    "qrcode.react": "^3.1.0",
-    "react-easy-swipe": "0.0.22",
-    "react-error-boundary": "^3.1.4",
-    "react-highlight-within-textarea": "3.1.1",
-    "react-infinite-scroll-component": "6.1.0",
-    "react-transition-group": "^4.4.5",
-    "spark-md5": "^3.0.2",
-    "swr": "^2.0.4",
-    "tdesign-icons-react": "0.0.8",
-    "tea-component": "^2.7.8",
-    "uuid": "8.3.2",
-    "video.js": "7.20.3",
-    "weui": "^2.5.9",
-    "weui.js": "1.2.2",
-    "xlsx": "0.18.5"
-  },
+  "miniprogram": "./",
+  "packageManager": "yarn@3.0.2",
+  "dependencies": {},
+  "version": "3.5.2-mp",
+  "main": "./",
   "peerDependencies": {
-    "react": ">=16.8.0"
-  },
-  "devDependencies": {
-    "@babel/preset-env": "^7.18.6",
-    "@babel/preset-react": "^7.18.6",
-    "@babel/preset-typescript": "^7.18.6",
-    "@cloudbase/cals": "^0.5.1-beta.8",
-    "@cloudbase/lowcode-cli": "^0.18.3",
-    "@cloudbase/weda-client": "^0.2.45",
-    "@cloudbase/weda-cloud-sdk": "^1.0.26",
-    "@commitlint/cli": "^16.0.2",
-    "@commitlint/config-conventional": "^17.0.0",
-    "@craco/craco": "^7.0.0-alpha.7",
-    "@cypress/code-coverage": "^3.10.0",
-    "@cypress/react": "^6.0.0",
-    "@cypress/skip-test": "^2.6.1",
-    "@cypress/webpack-dev-server": "~2.0.0",
-    "@istanbuljs/nyc-config-typescript": "^1.0.2",
-    "@shopify/semaphore": "^3.0.1",
-    "@size-limit/preset-big-lib": "^7.0.8",
-    "@storybook/addon-a11y": "^6.5.16",
-    "@storybook/addon-actions": "^6.5.16",
-    "@storybook/addon-essentials": "^6.5.16",
-    "@storybook/addon-links": "^6.5.16",
-    "@storybook/addon-storyshots": "^6.5.16",
-    "@storybook/builder-webpack5": "^6.5.16",
-    "@storybook/manager-webpack5": "^6.5.16",
-    "@storybook/react": "^6.5.16",
-    "@swc/core": "1.3.37",
-    "@swc/jest": "^0.2.24",
-    "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/react": "^12.1.5",
-    "@testing-library/react-hooks": "^8.0.1",
-    "@types/glob": "^8.0.0",
-    "@types/jest": "^27.5.1",
-    "@types/lodash.get": "^4.4.7",
-    "@types/lodash.set": "^4.3.7",
-    "@types/make-fetch-happen": "^10.0.0",
-    "@types/resize-observer-browser": "^0.1.7",
-    "@types/testing-library__jest-dom": "^5.14.5",
-    "@typescript-eslint/eslint-plugin": "^5.44.0",
-    "@typescript-eslint/parser": "^5.44.0",
-    "@welldone-software/why-did-you-render": "^7.0.1",
-    "babel-loader": "^8.2.5",
-    "babel-plugin-istanbul": "^6.1.1",
-    "cross-env": "^7.0.3",
-    "cypress": "~12.7.0",
-    "cypress-image-diff-js": "^1.23.0",
-    "cypress-wait-until": "^1.7.2",
-    "eslint": "^8.28.0",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-config-tencent": "^1.0.4",
-    "eslint-import-resolver-typescript": "^3.5.2",
-    "eslint-plugin-cypress": "^2.12.1",
-    "eslint-plugin-import": "^2.26.0",
-    "eslint-plugin-jest": "^27.1.6",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-react": "^7.31.11",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-rulesdir": "^0.2.1",
-    "eslint-plugin-storybook": "^0.6.11",
-    "eslint-plugin-tree-shaking": "^1.10.0",
-    "fs-extra": "^10.1.0",
-    "glob": "^8.0.3",
-    "gulp": "^4.0.2",
-    "gulp-dart-sass": "^1.0.2",
-    "gulp-rename": "^2.0.0",
-    "gulp-replace": "^1.1.3",
-    "husky": "^8.0.1",
-    "identity-obj-proxy": "^3.0.0",
-    "is-builtin-module": "^3.2.0",
-    "jest": "^27.5.1",
-    "jest_workaround": "0.1.14",
-    "jest-canvas-mock": "^2.4.0",
-    "jest-environment-jsdom": "^27",
-    "jest-preview": "^0.2.6",
-    "json-schema-to-ts": "^2.5.5",
-    "make-fetch-happen": "^11.0.1",
-    "miniprogram-simulate": "^1.5.9",
-    "mkdirp": "^1.0.4",
-    "mochawesome": "^7.1.3",
-    "mochawesome-merge": "^4.2.1",
-    "mochawesome-report-generator": "^6.2.0",
-    "nano-staged": "^0.8.0",
-    "pinst": "^3.0.0",
-    "prettier": "^2.7.1",
-    "react": "^17.0.2",
-    "react-dom": "^17.0.2",
-    "react-scripts": "^5.0.1",
-    "react-test-renderer": "^17",
-    "recast": "^0.21.5",
-    "regenerator-runtime": "^0.13.9",
-    "resize-observer-polyfill": "^1.5.1",
-    "rimraf": "^3.0.2",
-    "sass": "^1.56.1",
-    "size-limit": "^7.0.8",
-    "start-server-and-test": "^1.14.0",
-    "storybook-addon-sass-postcss": "^0.1.3",
-    "storybook-addon-swc": "^1.1.9",
-    "storybook-docs-toc": "^1.7.0",
-    "swc-loader": "0.2.3",
-    "swc-plugin-coverage-instrument": "^0.0.14",
-    "through2": "^4.0.2",
-    "ts-branding": "npm:type-brandy@^1.0.0",
-    "ts-loader": "^9.3.1",
-    "ts-node": "^10.9.1",
-    "type-fest": "^3.2.0",
-    "typescript": "^4.9.3",
-    "webpack": "^5.73.0",
-    "webpack-cli": "^4.10.0",
-    "webpack-dev-server": "^4.9.3",
-    "zx": "^5.2.0"
-  },
-  "nano-staged": {
-    "*.{js,jsx,ts,tsx}": [
-      "eslint --fix",
-      "prettier --write"
-    ],
-    "*.{json,html,wxml,wxss,yaml,yml,mdx}": [
-      "prettier -w"
-    ]
-  },
-  "size-limit": [
-    {
-      "path": [
-        ".temp/dist/*.main.css",
-        ".temp/dist/*.main.js",
-        "!.temp/dist/*.map"
-      ],
-      "webpack": false,
-      "limit": "550 KB"
-    }
-  ],
-  "nyc": {
-    "extends": "@istanbuljs/nyc-config-typescript",
-    "excludeAfterRemap": false,
-    "report-dir": "cypress-coverage"
+    "@cloudbase/weda-client": ">=1.0.31",
+    "miniprogram-gesture": "^1",
+    "miniprogram-api-promise": "^1",
+    "lodash.get": "*",
+    "lodash.set": "*"
   }
-}
+}

package/style/utils.wxss

@@ -0,0 +1,162 @@
+@charset "UTF-8";
+.wd-g-text-default {
+  color: var(--wd-color-text-default);
+}
+
+.wd-g-text-secondary {
+  color: var(--wd-color-text-secondary);
+}
+
+.wd-g-text-placeholder {
+  color: var(--wd-color-text-placeholder);
+}
+
+.wd-g-text-disabled {
+  color: var(--wd-color-text-disabled);
+}
+
+.wd-g-text-brand {
+  color: var(--wd-color-text-brand);
+}
+
+.wd-g-text-error {
+  color: var(--wd-color-text-error);
+}
+
+.wd-g-text-success {
+  color: var(--wd-color-text-success);
+}
+
+.wd-g-text-refresh {
+  color: var(--wd-color-brand);
+}
+
+.wd-g-text-warning,
+.wd-g-text-warn {
+  color: var(--wd-color-text-warning);
+}
+
+.wd-g-text-ellipsis-1 {
+  /*将对象作为弹性伸缩盒子模型显示*/
+  display: -webkit-box;
+  overflow: hidden;
+  /*-webkit-line-clamp不是一个规范的属性，只有chrome浏览器支持，兼容性不好，适用于移动端，因为移动设备浏览器更多是基于webkit内核*/
+  -webkit-line-clamp: 1;
+  /*设置或检索伸缩盒对象的子元素的排列方式*/
+  -webkit-box-orient: vertical;
+}
+
+.wd-g-text-ellipsis-2 {
+  /*将对象作为弹性伸缩盒子模型显示*/
+  display: -webkit-box;
+  overflow: hidden;
+  /*-webkit-line-clamp不是一个规范的属性，只有chrome浏览器支持，兼容性不好，适用于移动端，因为移动设备浏览器更多是基于webkit内核*/
+  -webkit-line-clamp: 2;
+  /*设置或检索伸缩盒对象的子元素的排列方式*/
+  -webkit-box-orient: vertical;
+}
+
+.wd-g-text-ellipsis-3 {
+  /*将对象作为弹性伸缩盒子模型显示*/
+  display: -webkit-box;
+  overflow: hidden;
+  /*-webkit-line-clamp不是一个规范的属性，只有chrome浏览器支持，兼容性不好，适用于移动端，因为移动设备浏览器更多是基于webkit内核*/
+  -webkit-line-clamp: 3;
+  /*设置或检索伸缩盒对象的子元素的排列方式*/
+  -webkit-box-orient: vertical;
+}
+
+.wd-g-text-ellipsis-4 {
+  /*将对象作为弹性伸缩盒子模型显示*/
+  display: -webkit-box;
+  overflow: hidden;
+  /*-webkit-line-clamp不是一个规范的属性，只有chrome浏览器支持，兼容性不好，适用于移动端，因为移动设备浏览器更多是基于webkit内核*/
+  -webkit-line-clamp: 4;
+  /*设置或检索伸缩盒对象的子元素的排列方式*/
+  -webkit-box-orient: vertical;
+}
+
+.wd-g-text-ellipsis-5 {
+  /*将对象作为弹性伸缩盒子模型显示*/
+  display: -webkit-box;
+  overflow: hidden;
+  /*-webkit-line-clamp不是一个规范的属性，只有chrome浏览器支持，兼容性不好，适用于移动端，因为移动设备浏览器更多是基于webkit内核*/
+  -webkit-line-clamp: 5;
+  /*设置或检索伸缩盒对象的子元素的排列方式*/
+  -webkit-box-orient: vertical;
+}
+
+.wd-g-text-ellipsis-6 {
+  /*将对象作为弹性伸缩盒子模型显示*/
+  display: -webkit-box;
+  overflow: hidden;
+  /*-webkit-line-clamp不是一个规范的属性，只有chrome浏览器支持，兼容性不好，适用于移动端，因为移动设备浏览器更多是基于webkit内核*/
+  -webkit-line-clamp: 6;
+  /*设置或检索伸缩盒对象的子元素的排列方式*/
+  -webkit-box-orient: vertical;
+}
+
+.wd-g-text-ellipsis-7 {
+  /*将对象作为弹性伸缩盒子模型显示*/
+  display: -webkit-box;
+  overflow: hidden;
+  /*-webkit-line-clamp不是一个规范的属性，只有chrome浏览器支持，兼容性不好，适用于移动端，因为移动设备浏览器更多是基于webkit内核*/
+  -webkit-line-clamp: 7;
+  /*设置或检索伸缩盒对象的子元素的排列方式*/
+  -webkit-box-orient: vertical;
+}
+
+.wd-g-text-ellipsis-8 {
+  /*将对象作为弹性伸缩盒子模型显示*/
+  display: -webkit-box;
+  overflow: hidden;
+  /*-webkit-line-clamp不是一个规范的属性，只有chrome浏览器支持，兼容性不好，适用于移动端，因为移动设备浏览器更多是基于webkit内核*/
+  -webkit-line-clamp: 8;
+  /*设置或检索伸缩盒对象的子元素的排列方式*/
+  -webkit-box-orient: vertical;
+}
+
+.wd-g-text-ellipsis-9 {
+  /*将对象作为弹性伸缩盒子模型显示*/
+  display: -webkit-box;
+  overflow: hidden;
+  /*-webkit-line-clamp不是一个规范的属性，只有chrome浏览器支持，兼容性不好，适用于移动端，因为移动设备浏览器更多是基于webkit内核*/
+  -webkit-line-clamp: 9;
+  /*设置或检索伸缩盒对象的子元素的排列方式*/
+  -webkit-box-orient: vertical;
+}
+
+.wd-g-text-ellipsis-10 {
+  /*将对象作为弹性伸缩盒子模型显示*/
+  display: -webkit-box;
+  overflow: hidden;
+  /*-webkit-line-clamp不是一个规范的属性，只有chrome浏览器支持，兼容性不好，适用于移动端，因为移动设备浏览器更多是基于webkit内核*/
+  -webkit-line-clamp: 10;
+  /*设置或检索伸缩盒对象的子元素的排列方式*/
+  -webkit-box-orient: vertical;
+}
+
+.wd-g-user-select-auto {
+  user-select: auto;
+}
+
+.wd-g-user-select-none {
+  user-select: none;
+}
+
+.wd-g-white-space-pre-line {
+  white-space: pre-line;
+}
+
+.wd-g-white-space-pre-wrap {
+  white-space: pre-wrap;
+}
+
+.wd-g-white-space-pre {
+  white-space: pre;
+}
+
+.wd-g-word-break {
+  word-wrap: break-word;
+  word-break: break-word;
+}