├── .github ├── ISSUE_TEMPLATE │ ├── bug_report.yml │ ├── config.yml │ └── feature_request.yml ├── pr-labeler.yml ├── release.yml ├── renovate.json └── workflows │ ├── deploy-site.yml │ ├── issue-close.yml │ ├── issue-labeled.yml │ ├── issue-reply.yml │ ├── pr-label.yml │ ├── release-tag.yml │ └── test.yml ├── .gitignore ├── .prettierignore ├── .prettierrc ├── .stylelintignore ├── .stylelintrc ├── LICENSE ├── README.md ├── babel.config.js ├── biome.json ├── gulpfile.js ├── jest.config.js ├── jest └── jest-setup.ts ├── lefthook.yml ├── lerna.json ├── package.json ├── packages ├── babel-preset │ ├── index.js │ └── package.json ├── cli │ └── package.json ├── commerce │ ├── .npmignore │ ├── README.md │ ├── package.json │ └── src │ │ ├── action-bar │ │ ├── README.md │ │ ├── _variables.scss │ │ ├── action-bar-button-group.scss │ │ ├── action-bar-button-group.tsx │ │ ├── action-bar-button.scss │ │ ├── action-bar-button.tsx │ │ ├── action-bar-icon-button.scss │ │ ├── action-bar-icon-button.tsx │ │ ├── action-bar.scss │ │ ├── action-bar.shared.ts │ │ ├── action-bar.tsx │ │ ├── index.scss │ │ ├── index.ts │ │ └── style │ │ │ └── index.ts │ │ ├── index.scss │ │ └── index.ts ├── core │ ├── .npmignore │ ├── README.md │ ├── docs │ │ ├── icon │ │ │ └── README.md │ │ └── style │ │ │ └── README.md │ ├── package.json │ ├── src │ │ ├── action-sheet │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── action-sheet-action.tsx │ │ │ ├── action-sheet-header.tsx │ │ │ ├── action-sheet.context.ts │ │ │ ├── action-sheet.scss │ │ │ ├── action-sheet.shared.ts │ │ │ ├── action-sheet.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── area-picker │ │ │ ├── README.md │ │ │ ├── area-picker-columns.tsx │ │ │ ├── area-picker.shared.ts │ │ │ ├── area-picker.tsx │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── avatar │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── avatar-group.scss │ │ │ ├── avatar-group.tsx │ │ │ ├── avatar.scss │ │ │ ├── avatar.shared.ts │ │ │ ├── avatar.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── back-top │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── back-top.scss │ │ │ ├── back-top.shared.ts │ │ │ ├── back-top.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── backdrop │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── backdrop.scss │ │ │ ├── backdrop.shared.ts │ │ │ ├── backdrop.tsx │ │ │ ├── index.scss │ │ │ ├── index.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── badge │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── badge.scss │ │ │ ├── badge.shared.ts │ │ │ ├── badge.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── button-base │ │ │ ├── button-base.scss │ │ │ ├── button-base.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── button │ │ │ ├── README.md │ │ │ ├── __tests__ │ │ │ │ └── button.test.tsx │ │ │ ├── _variables.scss │ │ │ ├── button-content.tsx │ │ │ ├── button-group.context.ts │ │ │ ├── button-group.scss │ │ │ ├── button-group.tsx │ │ │ ├── button.context.ts │ │ │ ├── button.scss │ │ │ ├── button.shared.ts │ │ │ ├── button.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── calendar │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── calendar-button.tsx │ │ │ ├── calendar-day.tsx │ │ │ ├── calendar-footer.tsx │ │ │ ├── calendar-header.tsx │ │ │ ├── calendar-month.tsx │ │ │ ├── calendar-weekdays.tsx │ │ │ ├── calendar.context.tsx │ │ │ ├── calendar.scss │ │ │ ├── calendar.shared.ts │ │ │ ├── calendar.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── cascader │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── cascader-header.tsx │ │ │ ├── cascader-option-base.tsx │ │ │ ├── cascader-option.tsx │ │ │ ├── cascader-tab.tsx │ │ │ ├── cascader.context.ts │ │ │ ├── cascader.scss │ │ │ ├── cascader.shared.ts │ │ │ ├── cascader.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── cell │ │ │ ├── README.md │ │ │ ├── __tests__ │ │ │ │ ├── __snapshots__ │ │ │ │ │ └── cell.test.tsx.snap │ │ │ │ └── cell.test.tsx │ │ │ ├── _variables.scss │ │ │ ├── cell-base.tsx │ │ │ ├── cell-brief.tsx │ │ │ ├── cell-group.context.ts │ │ │ ├── cell-group.scss │ │ │ ├── cell-group.tsx │ │ │ ├── cell-title.tsx │ │ │ ├── cell-value.tsx │ │ │ ├── cell.scss │ │ │ ├── cell.shared.ts │ │ │ ├── cell.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── checkbox │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── checkbox-group.context.ts │ │ │ ├── checkbox-group.scss │ │ │ ├── checkbox-group.shared.ts │ │ │ ├── checkbox-group.tsx │ │ │ ├── checkbox.scss │ │ │ ├── checkbox.shared.ts │ │ │ ├── checkbox.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── circle │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── circle-canvas.tsx │ │ │ ├── circle.hooks.ts │ │ │ ├── circle.scss │ │ │ ├── circle.shared.ts │ │ │ ├── circle.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── col │ │ │ ├── col.tsx │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── collapse │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── collapse-item.scss │ │ │ ├── collapse-item.tsx │ │ │ ├── collapse.context.ts │ │ │ ├── collapse.scss │ │ │ ├── collapse.shared.ts │ │ │ ├── collapse.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── config-provider │ │ │ ├── README.md │ │ │ ├── config-provider.shared.ts │ │ │ ├── config-provider.tsx │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── countdown │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── countdown.scss │ │ │ ├── countdown.shared.ts │ │ │ ├── countdown.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── style │ │ │ │ └── index.ts │ │ │ └── use-countdown.ts │ │ ├── datetime-picker │ │ │ ├── README.md │ │ │ ├── datetime-picker.shared.ts │ │ │ ├── datetime-picker.tsx │ │ │ ├── index.ts │ │ │ ├── style │ │ │ │ └── index.ts │ │ │ └── use-datetime-picker.ts │ │ ├── dialog │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── dialog-actions.tsx │ │ │ ├── dialog-content.tsx │ │ │ ├── dialog-header.tsx │ │ │ ├── dialog.imperative.ts │ │ │ ├── dialog.scss │ │ │ ├── dialog.shared.ts │ │ │ ├── dialog.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── divider │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── divider.scss │ │ │ ├── divider.shared.ts │ │ │ ├── divider.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── dropdown-menu │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── dropdown-menu-item.context.ts │ │ │ ├── dropdown-menu-item.scss │ │ │ ├── dropdown-menu-item.tsx │ │ │ ├── dropdown-menu-option.scss │ │ │ ├── dropdown-menu-option.tsx │ │ │ ├── dropdown-menu-title.scss │ │ │ ├── dropdown-menu-title.tsx │ │ │ ├── dropdown-menu.context.ts │ │ │ ├── dropdown-menu.scss │ │ │ ├── dropdown-menu.shared.ts │ │ │ ├── dropdown-menu.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── empty │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── empty.scss │ │ │ ├── empty.shared.ts │ │ │ ├── empty.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── field │ │ │ ├── README.md │ │ │ ├── field.tsx │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── fixed-nav │ │ │ ├── README.md │ │ │ ├── __tests__ │ │ │ │ └── fixed-nav.test.tsx │ │ │ ├── _variables.scss │ │ │ ├── fixed-nav.scss │ │ │ ├── fixed-nav.shared.ts │ │ │ ├── fixed-nav.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── fixed-view │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── fixed-view.scss │ │ │ ├── fixed-view.shared.tsx │ │ │ ├── fixed-view.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── flex │ │ │ ├── README.md │ │ │ ├── flex-item.scss │ │ │ ├── flex-item.tsx │ │ │ ├── flex.context.ts │ │ │ ├── flex.scss │ │ │ ├── flex.shared.ts │ │ │ ├── flex.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── floating-bubble │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── floating-bubble.scss │ │ │ ├── floating-bubble.shared.ts │ │ │ ├── floating-bubble.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── floating-panel │ │ │ ├── README.md │ │ │ ├── __tests__ │ │ │ │ ├── __snapshots__ │ │ │ │ │ └── floating-panel.test.tsx.snap │ │ │ │ └── floating-panel.test.tsx │ │ │ ├── _variables.scss │ │ │ ├── floating-panel.scss │ │ │ ├── floating-panel.shared.ts │ │ │ ├── floating-panel.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── form │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── control │ │ │ │ ├── form-control-handler.ts │ │ │ │ ├── form-control-handlers.tsx │ │ │ │ └── index.ts │ │ │ ├── form-control.scss │ │ │ ├── form-control.tsx │ │ │ ├── form-feedback.scss │ │ │ ├── form-feedback.tsx │ │ │ ├── form-item.context.ts │ │ │ ├── form-item.scss │ │ │ ├── form-item.tsx │ │ │ ├── form-label.scss │ │ │ ├── form-label.tsx │ │ │ ├── form-list.context.ts │ │ │ ├── form-list.tsx │ │ │ ├── form.context.ts │ │ │ ├── form.rule.ts │ │ │ ├── form.shared.ts │ │ │ ├── form.tsx │ │ │ ├── form.validate.ts │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── style │ │ │ │ └── index.ts │ │ │ ├── use-form-error.ts │ │ │ ├── use-form-field-value-effect.ts │ │ │ ├── use-form-field.ts │ │ │ ├── use-form-item.ts │ │ │ ├── use-form-list.ts │ │ │ ├── use-form-value.ts │ │ │ └── use-form.ts │ │ ├── grid │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── grid-item.scss │ │ │ ├── grid-item.tsx │ │ │ ├── grid.context.ts │ │ │ ├── grid.scss │ │ │ ├── grid.shared.ts │ │ │ ├── grid.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── hooks │ │ │ ├── index.tsx │ │ │ ├── use-canvas.ts │ │ │ ├── use-deep-compare.ts │ │ │ ├── use-did-effect.ts │ │ │ ├── use-function-interceptor.ts │ │ │ ├── use-height.ts │ │ │ ├── use-memoized-fn.ts │ │ │ ├── use-mounted.ts │ │ │ ├── use-rendered-effect.tsx │ │ │ ├── use-timeout.ts │ │ │ ├── use-unique-id.ts │ │ │ ├── use-update.ts │ │ │ └── use-window-resize.tsx │ │ ├── image │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── image-placeholder.tsx │ │ │ ├── image.scss │ │ │ ├── image.shared.ts │ │ │ ├── image.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── index-list │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index-list-anchor.scss │ │ │ ├── index-list-anchor.tsx │ │ │ ├── index-list-index.tsx │ │ │ ├── index-list-sidebar.tsx │ │ │ ├── index-list.context.ts │ │ │ ├── index-list.scss │ │ │ ├── index-list.shared.ts │ │ │ ├── index-list.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── index.scss │ │ ├── index.ts │ │ ├── input │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── input.scss │ │ │ ├── input.shared.ts │ │ │ ├── input.tsx │ │ │ ├── native-input.scss │ │ │ ├── native-input.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── list │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── list-placeholder.tsx │ │ │ ├── list.scss │ │ │ ├── list.shared.ts │ │ │ ├── list.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── loading │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── loading.scss │ │ │ ├── loading.shared.ts │ │ │ ├── loading.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── navbar │ │ │ ├── README.md │ │ │ ├── __tests__ │ │ │ │ └── navbar.test.tsx │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── navbar-left.tsx │ │ │ ├── navbar-right.tsx │ │ │ ├── navbar-title.tsx │ │ │ ├── navbar.scss │ │ │ ├── navbar.shared.ts │ │ │ ├── navbar.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── notice-bar │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── notice-bar-action.tsx │ │ │ ├── notice-bar-icon.tsx │ │ │ ├── notice-bar.scss │ │ │ ├── notice-bar.shared.ts │ │ │ ├── notice-bar.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── notify │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── notify.imperative.ts │ │ │ ├── notify.scss │ │ │ ├── notify.shared.ts │ │ │ ├── notify.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── number-keyboard │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── backspace.svg │ │ │ ├── fonts │ │ │ │ ├── number-keyboard.eot │ │ │ │ ├── number-keyboard.svg │ │ │ │ ├── number-keyboard.ttf │ │ │ │ └── number-keyboard.woff │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── keyboard-hide.svg │ │ │ ├── number-keyboard-button.tsx │ │ │ ├── number-keyboard-header.tsx │ │ │ ├── number-keyboard-icons.scss │ │ │ ├── number-keyboard-key.scss │ │ │ ├── number-keyboard-key.shared.ts │ │ │ ├── number-keyboard-key.tsx │ │ │ ├── number-keyboard-keys.tsx │ │ │ ├── number-keyboard-sidebar.tsx │ │ │ ├── number-keyboard.context.ts │ │ │ ├── number-keyboard.scss │ │ │ ├── number-keyboard.shared.ts │ │ │ ├── number-keyboard.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── pagination │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── pagination.context.ts │ │ │ ├── pagination.hooks.ts │ │ │ ├── pagination.scss │ │ │ ├── pagination.shared.ts │ │ │ ├── pagination.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── password-input │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── password-input-feedback.scss │ │ │ ├── password-input-feedback.tsx │ │ │ ├── password-input.scss │ │ │ ├── password-input.shared.ts │ │ │ ├── password-input.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── picker │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── picker-button.tsx │ │ │ ├── picker-column.scss │ │ │ ├── picker-column.tsx │ │ │ ├── picker-columns-render.tsx │ │ │ ├── picker-columns.tsx │ │ │ ├── picker-option.scss │ │ │ ├── picker-option.tsx │ │ │ ├── picker-title.tsx │ │ │ ├── picker-toolbar.tsx │ │ │ ├── picker.composition.tsx │ │ │ ├── picker.context.ts │ │ │ ├── picker.scss │ │ │ ├── picker.shared.ts │ │ │ ├── picker.tsx │ │ │ ├── style │ │ │ │ └── index.ts │ │ │ └── use-picker-options.tsx │ │ ├── placeholder │ │ │ ├── index.ts │ │ │ └── use-placeholder.tsx │ │ ├── popup │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── popup-backdrop.tsx │ │ │ ├── popup-close.tsx │ │ │ ├── popup.context.ts │ │ │ ├── popup.scss │ │ │ ├── popup.shared.ts │ │ │ ├── popup.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── progress │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── progress.scss │ │ │ ├── progress.shared.ts │ │ │ ├── progress.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── pull-refresh │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── pull-refresh-children.tsx │ │ │ ├── pull-refresh.context.ts │ │ │ ├── pull-refresh.scss │ │ │ ├── pull-refresh.shared.ts │ │ │ ├── pull-refresh.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── radio │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── radio-group.context.ts │ │ │ ├── radio-group.scss │ │ │ ├── radio-group.shared.ts │ │ │ ├── radio-group.tsx │ │ │ ├── radio.scss │ │ │ ├── radio.shared.ts │ │ │ ├── radio.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── rate │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── rate-item.tsx │ │ │ ├── rate.context.ts │ │ │ ├── rate.scss │ │ │ ├── rate.shared.ts │ │ │ ├── rate.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── rolling-text │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── rolling-text-item.tsx │ │ │ ├── rolling-text.scss │ │ │ ├── rolling-text.shared.ts │ │ │ ├── rolling-text.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── row │ │ │ ├── index.ts │ │ │ ├── row.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── safe-area │ │ │ ├── README.md │ │ │ ├── __tests__ │ │ │ │ ├── __snapshots__ │ │ │ │ │ ├── safe-area__inbrowser.test.tsx.snap │ │ │ │ │ └── safe-area__outbrowser.test.tsx.snap │ │ │ │ ├── safe-area__inbrowser.test.tsx │ │ │ │ └── safe-area__outbrowser.test.tsx │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── safe-area.scss │ │ │ ├── safe-area.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── search │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── search-action.tsx │ │ │ ├── search-input.tsx │ │ │ ├── search-label.tsx │ │ │ ├── search.context.ts │ │ │ ├── search.scss │ │ │ ├── search.shared.ts │ │ │ ├── search.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── share-sheet │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── share-sheet-header.tsx │ │ │ ├── share-sheet-option.tsx │ │ │ ├── share-sheet-options.tsx │ │ │ ├── share-sheet.context.ts │ │ │ ├── share-sheet.scss │ │ │ ├── share-sheet.shared.ts │ │ │ ├── share-sheet.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── sheet │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── sheet-button.tsx │ │ │ ├── sheet-gap.tsx │ │ │ ├── sheet-header.tsx │ │ │ ├── sheet-item.tsx │ │ │ ├── sheet.context.ts │ │ │ ├── sheet.scss │ │ │ ├── sheet.shared.ts │ │ │ ├── sheet.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── sidebar │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── sidebar-tab.scss │ │ │ ├── sidebar-tab.shared.ts │ │ │ ├── sidebar-tab.tsx │ │ │ ├── sidebar.context.ts │ │ │ ├── sidebar.scss │ │ │ ├── sidebar.shared.ts │ │ │ ├── sidebar.tsx │ │ │ └── style │ │ │ │ └── index.tsx │ │ ├── signature │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── signature.scss │ │ │ ├── signature.shared.ts │ │ │ ├── signature.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── skeleton │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── skeleton-avatar.scss │ │ │ ├── skeleton-avatar.tsx │ │ │ ├── skeleton-image.scss │ │ │ ├── skeleton-image.tsx │ │ │ ├── skeleton-paragraph.scss │ │ │ ├── skeleton-paragraph.tsx │ │ │ ├── skeleton-title.scss │ │ │ ├── skeleton-title.tsx │ │ │ ├── skeleton.scss │ │ │ ├── skeleton.shared.ts │ │ │ ├── skeleton.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── slider │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── slider-thumb.tsx │ │ │ ├── slider.context.ts │ │ │ ├── slider.scss │ │ │ ├── slider.shared.ts │ │ │ ├── slider.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── space │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── space.scss │ │ │ ├── space.shared.ts │ │ │ ├── space.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── stepper │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── stepper-button.tsx │ │ │ ├── stepper-input.tsx │ │ │ ├── stepper.context.ts │ │ │ ├── stepper.scss │ │ │ ├── stepper.shared.ts │ │ │ ├── stepper.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── steps │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── step.scss │ │ │ ├── step.tsx │ │ │ ├── steps.context.ts │ │ │ ├── steps.scss │ │ │ ├── steps.shared.ts │ │ │ ├── steps.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── sticky │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── sticky.scss │ │ │ ├── sticky.shared.ts │ │ │ ├── sticky.tsx │ │ │ └── style │ │ │ │ └── index.ts │ │ ├── styles │ │ │ ├── __tests__ │ │ │ │ └── prefix.test.tsx │ │ │ ├── _prefix.scss │ │ │ ├── _variables.scss │ │ │ ├── animation.scss │ │ │ ├── base.scss │ │ │ ├── clearfix.scss │ │ │ ├── ellipsis.scss │ │ │ ├── feedback.scss │ │ │ ├── hairline.scss │ │ │ ├── hairline.ts │ │ │ ├── index.ts │ │ │ ├── mixins │ │ │ │ ├── _clearfix.scss │ │ │ │ ├── _ellipsis.scss │ │ │ │ └── _hairline.scss │ │ │ ├── normalize.scss │ │ │ ├── prefix.ts │ │ │ ├── style │ │ │ │ └── index.ts │ │ │ └── variables.ts │ │ ├── swipe-cell │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── style │ │ │ │ └── index.ts │ │ │ ├── swipe-cell-actions.tsx │ │ │ ├── swipe-cell.scss │ │ │ ├── swipe-cell.shared.ts │ │ │ └── swipe-cell.tsx │ │ ├── swiper │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── style │ │ │ │ └── index.ts │ │ │ ├── swiper-indicator.tsx │ │ │ ├── swiper-item.tsx │ │ │ ├── swiper.context.ts │ │ │ ├── swiper.scss │ │ │ ├── swiper.shared.ts │ │ │ └── swiper.tsx │ │ ├── switch │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── style │ │ │ │ └── index.ts │ │ │ ├── switch.scss │ │ │ ├── switch.shared.ts │ │ │ └── switch.tsx │ │ ├── tabbar │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── style │ │ │ │ └── index.ts │ │ │ ├── tabbar-item.scss │ │ │ ├── tabbar-item.tsx │ │ │ ├── tabbar.context.ts │ │ │ ├── tabbar.scss │ │ │ ├── tabbar.shared.ts │ │ │ └── tabbar.tsx │ │ ├── tabs │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── style │ │ │ │ └── index.ts │ │ │ ├── tab-pane-base.tsx │ │ │ ├── tab-pane.tsx │ │ │ ├── tab.scss │ │ │ ├── tab.tsx │ │ │ ├── tabs-content.tsx │ │ │ ├── tabs-header.scss │ │ │ ├── tabs-header.tsx │ │ │ ├── tabs-line.scss │ │ │ ├── tabs-line.tsx │ │ │ ├── tabs.context.ts │ │ │ ├── tabs.scss │ │ │ ├── tabs.shared.ts │ │ │ └── tabs.tsx │ │ ├── tag │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── style │ │ │ │ └── index.ts │ │ │ ├── tag.scss │ │ │ ├── tag.shared.ts │ │ │ └── tag.tsx │ │ ├── text-ellipsis │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── style │ │ │ │ └── index.ts │ │ │ ├── text-ellipsis.scss │ │ │ └── text-ellipsis.tsx │ │ ├── textarea │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── native-textarea.scss │ │ │ ├── native-textarea.tsx │ │ │ ├── style │ │ │ │ └── index.ts │ │ │ ├── textarea.scss │ │ │ ├── textarea.shared.ts │ │ │ └── textarea.tsx │ │ ├── timeline │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── style │ │ │ │ └── index.ts │ │ │ ├── timeline-connector.scss │ │ │ ├── timeline-connector.tsx │ │ │ ├── timeline-content.scss │ │ │ ├── timeline-content.tsx │ │ │ ├── timeline-dot.scss │ │ │ ├── timeline-dot.tsx │ │ │ ├── timeline-item-base.tsx │ │ │ ├── timeline-item.scss │ │ │ ├── timeline-item.tsx │ │ │ ├── timeline-separator.scss │ │ │ ├── timeline-separator.tsx │ │ │ ├── timeline.context.ts │ │ │ ├── timeline.scss │ │ │ ├── timeline.shared.ts │ │ │ └── timeline.tsx │ │ ├── toast │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── style │ │ │ │ └── index.ts │ │ │ ├── toast.imperative.ts │ │ │ ├── toast.scss │ │ │ ├── toast.shared.ts │ │ │ └── toast.tsx │ │ ├── transition │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── shared.tsx │ │ │ ├── style │ │ │ │ └── index.ts │ │ │ ├── transition.scss │ │ │ └── transition.tsx │ │ ├── tree-select │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── style │ │ │ │ └── index.ts │ │ │ ├── tree-select-option.scss │ │ │ ├── tree-select-option.tsx │ │ │ ├── tree-select-tab.scss │ │ │ ├── tree-select-tab.tsx │ │ │ ├── tree-select.context.ts │ │ │ ├── tree-select.scss │ │ │ ├── tree-select.shared.ts │ │ │ └── tree-select.tsx │ │ ├── uploader │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── style │ │ │ │ └── index.ts │ │ │ ├── uploader-image.tsx │ │ │ ├── uploader-mask.tsx │ │ │ ├── uploader-remove.tsx │ │ │ ├── uploader-upload.tsx │ │ │ ├── uploader.context.ts │ │ │ ├── uploader.scss │ │ │ ├── uploader.shared.ts │ │ │ ├── uploader.tsx │ │ │ └── uploader.utils.ts │ │ ├── utils │ │ │ ├── base.ts │ │ │ ├── btoa.ts │ │ │ ├── children.ts │ │ │ ├── closest.ts │ │ │ ├── computed.ts │ │ │ ├── dom │ │ │ │ ├── can-use-dom.ts │ │ │ │ ├── computed-style.ts │ │ │ │ ├── element.ts │ │ │ │ ├── event.ts │ │ │ │ ├── portal.ts │ │ │ │ ├── rect.ts │ │ │ │ ├── scroll.ts │ │ │ │ ├── supports-passive.ts │ │ │ │ ├── use-lock-scroll-taro.ts │ │ │ │ └── use-lock-scroll.ts │ │ │ ├── element.ts │ │ │ ├── format │ │ │ │ ├── __tests__ │ │ │ │ │ └── unit.test.ts │ │ │ │ ├── number.ts │ │ │ │ └── unit.ts │ │ │ ├── lodash-polyfill.ts │ │ │ ├── logger.ts │ │ │ ├── merge-style.ts │ │ │ ├── promisify.ts │ │ │ ├── raf.ts │ │ │ ├── state.ts │ │ │ ├── system.ts │ │ │ ├── touch.ts │ │ │ ├── validate │ │ │ │ └── index.ts │ │ │ └── version.ts │ │ ├── watermark │ │ │ ├── README.md │ │ │ ├── _variables.scss │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── style │ │ │ │ └── index.ts │ │ │ ├── watermark.scss │ │ │ ├── watermark.shared.ts │ │ │ └── watermark.tsx │ │ └── white-space │ │ │ ├── index.scss │ │ │ ├── index.ts │ │ │ ├── style │ │ │ └── index.ts │ │ │ ├── white-space.scss │ │ │ └── white-space.tsx │ └── test │ │ ├── event.ts │ │ └── index.ts ├── demo │ ├── .editorconfig │ ├── .eslintrc │ ├── .npmrc │ ├── babel.config.js │ ├── bundles │ │ └── core │ │ │ └── number-keyboard │ │ │ └── fonts │ │ │ └── number-keyboard.svg │ ├── config │ │ ├── dev.js │ │ ├── index.js │ │ └── prod.js │ ├── package.json │ ├── project.config.json │ ├── project.qq.json │ ├── project.swan.json │ ├── project.tt.json │ ├── src │ │ ├── app.config.ts │ │ ├── app.scss │ │ ├── app.tsx │ │ ├── components │ │ │ ├── block-card.scss │ │ │ ├── block-card.tsx │ │ │ ├── block.scss │ │ │ ├── block.tsx │ │ │ ├── custom-wrapper.tsx │ │ │ ├── custom-wrapper.weapp.tsx │ │ │ ├── page.scss │ │ │ ├── page.tsx │ │ │ └── target.tsx │ │ ├── emulator.h5.ts │ │ ├── emulator.ts │ │ ├── font.scss │ │ ├── index.html │ │ ├── pages │ │ │ ├── action │ │ │ │ ├── action-sheet │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── backdrop │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── dialog │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── dropdown-menu │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── floating-bubble │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── floating-panel │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── loading │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── notify │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── pull-refresh │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── share-sheet │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ └── swipe-cell │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ ├── basic │ │ │ │ ├── button │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── cell │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── config-provider │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── fixed-view │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── flex │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── icon │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── image │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── popup │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── safe-area │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── space │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── style │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ └── toast │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ ├── commerce │ │ │ │ └── action-bar │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ ├── display │ │ │ │ ├── avatar │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── badge │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── circle │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── collapse │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── countdown │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── divider │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── empty │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── list │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── notice-bar │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── progress │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── rolling-text │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── skeleton │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── space │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── steps │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── sticky │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── swiper │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── tag │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── text-ellipsis │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── timeline │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ └── watermark │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ ├── form │ │ │ │ ├── area-picker │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── calendar │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── cascader │ │ │ │ │ ├── area.ts │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── checkbox │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── datetime-picker │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── field │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── form │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── number-keyboard │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── password-input │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── picker │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── radio │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── rate │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── search │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── signature │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── slider │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── stepper │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ ├── switch │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ │ └── uploader │ │ │ │ │ ├── index.config.ts │ │ │ │ │ ├── index.scss │ │ │ │ │ └── index.tsx │ │ │ ├── home │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ ├── index.tsx │ │ │ │ ├── nav.scss │ │ │ │ └── nav.tsx │ │ │ └── navigation │ │ │ │ ├── back-top │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ │ ├── fixed-nav │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ │ ├── grid │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ │ ├── index-list │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ │ ├── navbar │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ │ ├── pagination │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ │ ├── sidebar │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ │ ├── tabbar │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ │ ├── tabs │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ │ │ └── tree-select │ │ │ │ ├── index.config.ts │ │ │ │ ├── index.scss │ │ │ │ └── index.tsx │ │ ├── styles │ │ │ ├── _prefix.scss │ │ │ ├── index.ts │ │ │ └── prefix.ts │ │ ├── subpackages.d.ts │ │ ├── subpackages.js │ │ └── utils │ │ │ ├── framed-router.ts │ │ │ └── lorem.ts │ └── tsconfig.json ├── gulp │ ├── .npmignore │ ├── __tests__ │ │ ├── bundle.test.js │ │ ├── scss.test.js │ │ └── treeshaking-lodash.test.js │ ├── bundle.js │ ├── font.js │ ├── index.js │ ├── package.json │ ├── readme.js │ ├── scss.js │ ├── serve.js │ ├── stylelint.js │ ├── treeshaking-lodash.js │ ├── typescript.js │ └── www.js ├── hooks │ ├── .npmignore │ ├── package.json │ └── src │ │ ├── index.ts │ │ ├── use-area │ │ ├── area.shared.ts │ │ ├── index.ts │ │ └── use-area.ts │ │ ├── use-cascader │ │ ├── README.md │ │ ├── index.ts │ │ ├── use-cascader.new.ts │ │ ├── use-cascader.old.ts │ │ ├── use-cascader.shared.ts │ │ └── use-cascader.ts │ │ ├── use-force-update │ │ ├── index.ts │ │ └── use-force-update.ts │ │ ├── use-getter │ │ ├── index.ts │ │ └── use-getter.ts │ │ ├── use-to-ref │ │ ├── index.ts │ │ └── use-to-ref.ts │ │ └── use-uncontrolled │ │ ├── index.ts │ │ └── use-uncontrolled.ts ├── icons │ ├── .npmignore │ ├── README.md │ ├── package.json │ ├── scripts │ │ └── generate.js │ └── src │ │ ├── Add.tsx │ │ ├── AddOutlined.tsx │ │ ├── AddSquare.tsx │ │ ├── AfterSale.tsx │ │ ├── Aim.tsx │ │ ├── Alipay.tsx │ │ ├── AppsOutlined.tsx │ │ ├── Arrow.tsx │ │ ├── ArrowDown.tsx │ │ ├── ArrowLeft.tsx │ │ ├── ArrowRight.tsx │ │ ├── ArrowUp.tsx │ │ ├── Ascending.tsx │ │ ├── Audio.tsx │ │ ├── Award.tsx │ │ ├── AwardOutlined.tsx │ │ ├── BackTop.tsx │ │ ├── Bag.tsx │ │ ├── BagOutlined.tsx │ │ ├── BalanceList.tsx │ │ ├── BalanceListOutlined.tsx │ │ ├── BalanceOutlined.tsx │ │ ├── BalancePay.tsx │ │ ├── BarChartOutlined.tsx │ │ ├── Bars.tsx │ │ ├── Bell.tsx │ │ ├── Bill.tsx │ │ ├── BillOutlined.tsx │ │ ├── BirthdayCakeOutlined.tsx │ │ ├── Bookmark.tsx │ │ ├── BookmarkOutlined.tsx │ │ ├── BrowsingHistory.tsx │ │ ├── BrowsingHistoryOutlined.tsx │ │ ├── BrushOutlined.tsx │ │ ├── BulbOutlined.tsx │ │ ├── BullhornOutlined.tsx │ │ ├── CalendarOutlined.tsx │ │ ├── Card.tsx │ │ ├── Cart.tsx │ │ ├── CartCircle.tsx │ │ ├── CartCircleOutlined.tsx │ │ ├── CartOutlined.tsx │ │ ├── CashBackRecord.tsx │ │ ├── CashBackRecordOutlined.tsx │ │ ├── CashOnDeliver.tsx │ │ ├── CashierOutlined.tsx │ │ ├── Certificate.tsx │ │ ├── ChartTrendingOutlined.tsx │ │ ├── Chat.tsx │ │ ├── ChatOutlined.tsx │ │ ├── Checked.tsx │ │ ├── Circle.tsx │ │ ├── Clear.tsx │ │ ├── Clock.tsx │ │ ├── ClockOutlined.tsx │ │ ├── Close.tsx │ │ ├── ClosedEye.tsx │ │ ├── Cluster.tsx │ │ ├── ClusterOutlined.tsx │ │ ├── Column.tsx │ │ ├── Comment.tsx │ │ ├── CommentCircle.tsx │ │ ├── CommentCircleOutlined.tsx │ │ ├── CommentOutlined.tsx │ │ ├── Completed.tsx │ │ ├── CompletedOutlined.tsx │ │ ├── Contact.tsx │ │ ├── ContactOutlined.tsx │ │ ├── Coupon.tsx │ │ ├── CouponOutlined.tsx │ │ ├── CreditPay.tsx │ │ ├── Cross.tsx │ │ ├── DebitPay.tsx │ │ ├── Delete.tsx │ │ ├── DeleteOutlined.tsx │ │ ├── Descending.tsx │ │ ├── Description.tsx │ │ ├── DescriptionOutlined.tsx │ │ ├── DesktopOutlined.tsx │ │ ├── Diamond.tsx │ │ ├── DiamondOutlined.tsx │ │ ├── Discount.tsx │ │ ├── DiscountOutlined.tsx │ │ ├── Down.tsx │ │ ├── EcardPay.tsx │ │ ├── Edit.tsx │ │ ├── Ellipsis.tsx │ │ ├── Enlarge.tsx │ │ ├── EnvelopOutlined.tsx │ │ ├── Exchange.tsx │ │ ├── Expand.tsx │ │ ├── ExpandOutlined.tsx │ │ ├── Eye.tsx │ │ ├── EyeOutlined.tsx │ │ ├── Fail.tsx │ │ ├── Failure.tsx │ │ ├── FilterOutlined.tsx │ │ ├── Fire.tsx │ │ ├── FireOutlined.tsx │ │ ├── FlagOutlined.tsx │ │ ├── FlowerOutlined.tsx │ │ ├── Font.tsx │ │ ├── FontOutlined.tsx │ │ ├── FreePostage.tsx │ │ ├── Friends.tsx │ │ ├── FriendsOutlined.tsx │ │ ├── Gem.tsx │ │ ├── GemOutlined.tsx │ │ ├── Gift.tsx │ │ ├── GiftCard.tsx │ │ ├── GiftCardOutlined.tsx │ │ ├── GiftOutlined.tsx │ │ ├── GoldCoin.tsx │ │ ├── GoldCoinOutlined.tsx │ │ ├── GoodJob.tsx │ │ ├── GoodJobOutlined.tsx │ │ ├── GoodsCollect.tsx │ │ ├── GoodsCollectOutlined.tsx │ │ ├── Graphic.tsx │ │ ├── GuideOutlined.tsx │ │ ├── HomeOutlined.tsx │ │ ├── Hot.tsx │ │ ├── HotOutlined.tsx │ │ ├── HotSale.tsx │ │ ├── HotSaleOutlined.tsx │ │ ├── HotelOutlined.tsx │ │ ├── Idcard.tsx │ │ ├── Info.tsx │ │ ├── InfoOutlined.tsx │ │ ├── Invitation.tsx │ │ ├── Label.tsx │ │ ├── LabelOutlined.tsx │ │ ├── Like.tsx │ │ ├── LikeOutlined.tsx │ │ ├── ListSwitch.tsx │ │ ├── ListSwitching.tsx │ │ ├── Live.tsx │ │ ├── Location.tsx │ │ ├── LocationOutlined.tsx │ │ ├── Lock.tsx │ │ ├── Logistics.tsx │ │ ├── Manager.tsx │ │ ├── ManagerOutlined.tsx │ │ ├── MapMarked.tsx │ │ ├── Medal.tsx │ │ ├── MedalOutlined.tsx │ │ ├── Minus.tsx │ │ ├── More.tsx │ │ ├── MoreOutlined.tsx │ │ ├── Music.tsx │ │ ├── MusicOutlined.tsx │ │ ├── New.tsx │ │ ├── NewArrival.tsx │ │ ├── NewArrivalOutlined.tsx │ │ ├── NewOutlined.tsx │ │ ├── Newspaper.tsx │ │ ├── NewspaperOutlined.tsx │ │ ├── Notes.tsx │ │ ├── NotesOutlined.tsx │ │ ├── OrdersOutlined.tsx │ │ ├── OtherPay.tsx │ │ ├── Paid.tsx │ │ ├── Passed.tsx │ │ ├── Pause.tsx │ │ ├── PauseCircle.tsx │ │ ├── PauseCircleOutlined.tsx │ │ ├── PeerPay.tsx │ │ ├── PendingPayment.tsx │ │ ├── Phone.tsx │ │ ├── PhoneCircle.tsx │ │ ├── PhoneCircleOutlined.tsx │ │ ├── PhoneOutlined.tsx │ │ ├── Photo.tsx │ │ ├── PhotoFail.tsx │ │ ├── PhotoOutlined.tsx │ │ ├── Photograph.tsx │ │ ├── Play.tsx │ │ ├── PlayCircle.tsx │ │ ├── PlayCircleOutlined.tsx │ │ ├── Plus.tsx │ │ ├── PointGift.tsx │ │ ├── PointGiftOutlined.tsx │ │ ├── Points.tsx │ │ ├── Printer.tsx │ │ ├── Qr.tsx │ │ ├── QrInvalid.tsx │ │ ├── Question.tsx │ │ ├── QuestionOutlined.tsx │ │ ├── Records.tsx │ │ ├── RecordsOutlined.tsx │ │ ├── RefundOutlined.tsx │ │ ├── Replay.tsx │ │ ├── Revoke.tsx │ │ ├── Scan.tsx │ │ ├── Search.tsx │ │ ├── SendGift.tsx │ │ ├── SendGiftOutlined.tsx │ │ ├── Service.tsx │ │ ├── ServiceOutlined.tsx │ │ ├── Setting.tsx │ │ ├── SettingOutlined.tsx │ │ ├── Share.tsx │ │ ├── ShareOutlined.tsx │ │ ├── ShieldOutlined.tsx │ │ ├── Shop.tsx │ │ ├── ShopCollect.tsx │ │ ├── ShopCollectOutlined.tsx │ │ ├── ShopOutlined.tsx │ │ ├── ShoppingCart.tsx │ │ ├── ShoppingCartOutlined.tsx │ │ ├── Shrink.tsx │ │ ├── Sign.tsx │ │ ├── Smile.tsx │ │ ├── SmileComment.tsx │ │ ├── SmileCommentOutlined.tsx │ │ ├── SmileOutlined.tsx │ │ ├── Sort.tsx │ │ ├── Star.tsx │ │ ├── StarOutlined.tsx │ │ ├── Stop.tsx │ │ ├── StopCircle.tsx │ │ ├── StopCircleOutlined.tsx │ │ ├── Success.tsx │ │ ├── ThumbCircle.tsx │ │ ├── ThumbCircleOutlined.tsx │ │ ├── TodoList.tsx │ │ ├── TodoListOutlined.tsx │ │ ├── Tosend.tsx │ │ ├── TvOutlined.tsx │ │ ├── UmbrellaCircle.tsx │ │ ├── Underway.tsx │ │ ├── UnderwayOutlined.tsx │ │ ├── Upgrade.tsx │ │ ├── User.tsx │ │ ├── UserCircleOutlined.tsx │ │ ├── UserOutlined.tsx │ │ ├── Video.tsx │ │ ├── VideoOutlined.tsx │ │ ├── VipCard.tsx │ │ ├── VipCardOutlined.tsx │ │ ├── Volume.tsx │ │ ├── VolumeOutlined.tsx │ │ ├── WapHome.tsx │ │ ├── WapHomeOutlined.tsx │ │ ├── WapNav.tsx │ │ ├── WarnOutlined.tsx │ │ ├── Warning.tsx │ │ ├── WarningOutlined.tsx │ │ ├── WeappNav.tsx │ │ ├── Wechat.tsx │ │ ├── WechatPay.tsx │ │ ├── YouzanShield.tsx │ │ ├── index.scss │ │ ├── index.ts │ │ ├── shared.ts │ │ ├── style │ │ └── index.ts │ │ ├── styles │ │ ├── _variables.scss │ │ └── icon.scss │ │ ├── utils │ │ ├── index.ts │ │ └── unit.ts │ │ └── van │ │ ├── VanIcon.scss │ │ ├── VanIcon.tsx │ │ ├── index.scss │ │ ├── index.ts │ │ ├── names.d.ts │ │ └── names.js └── stylelint-config │ ├── index.js │ └── package.json ├── problems └── unconfirmed │ ├── .editorconfig │ ├── .eslintrc │ ├── .npmrc │ ├── babel.config.js │ ├── config │ ├── dev.js │ ├── index.js │ └── prod.js │ ├── package.json │ ├── project.config.json │ ├── project.lark.json │ ├── project.qq.json │ ├── project.swan.json │ ├── project.tt.json │ ├── src │ ├── app.config.ts │ ├── app.scss │ ├── app.ts │ ├── index.html │ └── pages │ │ └── index │ │ ├── index.config.ts │ │ ├── index.scss │ │ └── index.tsx │ └── tsconfig.json ├── scripts └── version.js ├── site ├── README.md ├── content │ ├── changelog │ │ └── index.md │ ├── contribution │ │ └── index.md │ ├── hooks │ │ └── index.md │ ├── introduce │ │ └── index.md │ ├── mcp │ │ └── index.md │ └── quickstart │ │ └── index.md ├── gatsby-browser.js ├── gatsby-config.js ├── gatsby-node.js ├── gatsby-ssr.js ├── gatsby │ ├── createPages.js │ ├── onCreateNode.js │ └── wrapPageElement.js ├── package.json ├── src │ ├── components │ │ ├── gitee.svg │ │ ├── github.svg │ │ ├── header.scss │ │ ├── header.tsx │ │ ├── layout.tsx │ │ ├── react.svg │ │ ├── side-nav.scss │ │ ├── side-nav.tsx │ │ ├── simulator.scss │ │ └── simulator.tsx │ ├── hooks │ │ ├── useFixed.tsx │ │ └── useScroll.ts │ ├── images │ │ └── icon.png │ ├── pages │ │ └── 404.js │ ├── styles │ │ ├── _prefix.scss │ │ ├── algolia.scss │ │ ├── docs.scss │ │ ├── global.scss │ │ ├── prefix.ts │ │ ├── prism.scss │ │ └── variables.scss │ ├── templates │ │ └── document-template.tsx │ └── utils │ │ ├── menus.ts │ │ └── simulator-router.ts ├── tsconfig.json └── typings.d.ts ├── tsconfig.d.json ├── tsconfig.json ├── typings.d.ts ├── wechat-qrcode.jpg └── wechatpay.png /.github/ISSUE_TEMPLATE/config.yml: -------------------------------------------------------------------------------- 1 | blank_issues_enabled: true 2 | contact_links: 3 | - name: 🤖 提问、提供反馈、分享你的项目 4 | url: https://github.com/mallfoundry/taroify/discussions 5 | about: 通过 Discussions 讨论区联系其他社区成员 6 | - name: 📱 通过微信获取帮助 7 | url: https://github.com/mallfoundry/taroify#%E5%BE%AE%E4%BF%A1%E4%BA%A4%E6%B5%81%E7%BE%A4 8 | about: 打开链接扫描二维码，通过微信讨论组获得帮助 9 | -------------------------------------------------------------------------------- /.github/pr-labeler.yml: -------------------------------------------------------------------------------- 1 | "change: feat": 2 | - "/^(feat|types|style)/" 3 | "change: fix": 4 | - "/^fix/" 5 | "change: perf": 6 | - "/^perf/" 7 | "change: breaking": 8 | - "/^breaking change/" 9 | "change: docs": 10 | - "/^docs/" 11 | -------------------------------------------------------------------------------- /.prettierignore: -------------------------------------------------------------------------------- 1 | **/* 2 | !**/*.md 3 | !**/*.mdx 4 | !**/*.html 5 | !**/*.htm 6 | !**/*.yaml 7 | !**/*.yml -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- 1 | { 2 | "printWidth": 100, 3 | "bracketSameLine": false, 4 | "endOfLine": "lf", 5 | "semi": false, 6 | "singleQuote": false, 7 | "jsxSingleQuote": false, 8 | "tabWidth": 2, 9 | "trailingComma": "all" 10 | } 11 | -------------------------------------------------------------------------------- /.stylelintignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | demo 3 | dist 4 | lib 5 | bundles 6 | *.tsx 7 | -------------------------------------------------------------------------------- /.stylelintrc: -------------------------------------------------------------------------------- 1 | { 2 | "extends": [ 3 | "@taroify/stylelint-config" 4 | ] 5 | } 6 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: ["@taroify/babel-preset"], 3 | } 4 | -------------------------------------------------------------------------------- /gulpfile.js: -------------------------------------------------------------------------------- 1 | module.exports = require("@taroify/gulp") 2 | -------------------------------------------------------------------------------- /jest/jest-setup.ts: -------------------------------------------------------------------------------- 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. 2 | // allows you to do things like: 3 | // expect(element).toHaveTextContent(/react/i) 4 | // learn more: https://github.com/testing-library/jest-dom 5 | import "@testing-library/jest-dom" 6 | -------------------------------------------------------------------------------- /lerna.json: -------------------------------------------------------------------------------- 1 | { 2 | "version": "0.8.1", 3 | "npmClient": "yarn", 4 | "useWorkspaces": true, 5 | "command": { 6 | "publish": { 7 | "registry": "https://registry.npmjs.org" 8 | } 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /packages/commerce/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | __tests__ 3 | *.log 4 | tsconfig.json 5 | yarn.lock 6 | package-lock.json 7 | -------------------------------------------------------------------------------- /packages/commerce/src/action-bar/action-bar.scss: -------------------------------------------------------------------------------- 1 | @import "./variables"; 2 | 3 | .#{$component-prefix}action-bar { 4 | box-sizing: border-box; 5 | display: flex; 6 | align-items: center; 7 | width: 100%; 8 | height: $action-bar-height; 9 | background: $action-bar-background; 10 | white-space: nowrap; 11 | } 12 | -------------------------------------------------------------------------------- /packages/commerce/src/action-bar/action-bar.shared.ts: -------------------------------------------------------------------------------- 1 | export type ActionBarButtonColor = "primary" | "info" | "success" | "warning" | "danger" 2 | 3 | export type ActionBarButtonShape = "square" | "round" 4 | -------------------------------------------------------------------------------- /packages/commerce/src/action-bar/index.scss: -------------------------------------------------------------------------------- 1 | @import "./action-bar"; 2 | @import "./action-bar-button"; 3 | @import "./action-bar-button-group"; 4 | @import "./action-bar-icon-button"; 5 | -------------------------------------------------------------------------------- /packages/commerce/src/action-bar/style/index.ts: -------------------------------------------------------------------------------- 1 | import "@taroify/core/flex/style" 2 | import "@taroify/core/fixed-view/style" 3 | import "@taroify/core/badge/style" 4 | import "@taroify/core/button/style" 5 | import "../index.scss" 6 | -------------------------------------------------------------------------------- /packages/commerce/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./action-bar"; 2 | -------------------------------------------------------------------------------- /packages/commerce/src/index.ts: -------------------------------------------------------------------------------- 1 | export { default as ActionBar } from "./action-bar" 2 | -------------------------------------------------------------------------------- /packages/core/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | __tests__ 3 | *.log 4 | tsconfig.json 5 | yarn.lock 6 | package-lock.json 7 | -------------------------------------------------------------------------------- /packages/core/src/action-sheet/action-sheet.context.ts: -------------------------------------------------------------------------------- 1 | import { createContext } from "react" 2 | import type { ActionSheetActionObject } from "./action-sheet.shared" 3 | 4 | interface ActionSheetContextProps { 5 | onSelect?: (object: ActionSheetActionObject) => void 6 | } 7 | 8 | const ActionSheetContext = createContext({}) 9 | 10 | export default ActionSheetContext 11 | -------------------------------------------------------------------------------- /packages/core/src/action-sheet/index.scss: -------------------------------------------------------------------------------- 1 | @import "./action-sheet"; -------------------------------------------------------------------------------- /packages/core/src/action-sheet/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../sheet/style" 3 | import "../index.scss" 4 | -------------------------------------------------------------------------------- /packages/core/src/area-picker/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../picker/style" 2 | -------------------------------------------------------------------------------- /packages/core/src/avatar/index.scss: -------------------------------------------------------------------------------- 1 | @import "./avatar"; 2 | @import "./avatar-group"; -------------------------------------------------------------------------------- /packages/core/src/avatar/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../image/style" 3 | import "../index.scss" 4 | -------------------------------------------------------------------------------- /packages/core/src/back-top/back-top.shared.ts: -------------------------------------------------------------------------------- 1 | export type BackTopThemeVars = { 2 | backTopSize?: string 3 | backTopIconSize?: string 4 | backTopRight?: string 5 | backTopBottom?: string 6 | backTopZIndex?: string | number 7 | backTopTextColor?: string 8 | backTopBackground?: string 9 | } 10 | -------------------------------------------------------------------------------- /packages/core/src/back-top/index.scss: -------------------------------------------------------------------------------- 1 | @import './back-top'; 2 | -------------------------------------------------------------------------------- /packages/core/src/back-top/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./back-top" 2 | 3 | export type { BackTopThemeVars } from "./back-top.shared" 4 | -------------------------------------------------------------------------------- /packages/core/src/back-top/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/backdrop/_variables.scss: -------------------------------------------------------------------------------- 1 | @import "../styles/prefix"; 2 | @import "../styles/variables"; 3 | 4 | $backdrop-z-index: var(--backdrop-z-index, 1000); 5 | $backdrop-background-color: var(--backdrop-background-color, rgba(0, 0, 0, 0.7)); 6 | -------------------------------------------------------------------------------- /packages/core/src/backdrop/backdrop.scss: -------------------------------------------------------------------------------- 1 | @import "./variables"; 2 | 3 | .#{$component-prefix}backdrop { 4 | position: fixed; 5 | top: 0; 6 | left: 0; 7 | z-index: $backdrop-z-index; 8 | width: 100%; 9 | height: 100%; 10 | background: $backdrop-background-color; 11 | } 12 | -------------------------------------------------------------------------------- /packages/core/src/backdrop/backdrop.shared.ts: -------------------------------------------------------------------------------- 1 | export type BackdropThemeVars = { 2 | backdropZIndex?: string | number 3 | backdropBackgroundColor?: string 4 | } 5 | -------------------------------------------------------------------------------- /packages/core/src/backdrop/index.scss: -------------------------------------------------------------------------------- 1 | @import "./backdrop"; 2 | -------------------------------------------------------------------------------- /packages/core/src/backdrop/index.tsx: -------------------------------------------------------------------------------- 1 | export { default } from "./backdrop" 2 | 3 | export type { BackdropThemeVars } from "./backdrop.shared" 4 | -------------------------------------------------------------------------------- /packages/core/src/backdrop/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../transition/style" 3 | import "../index.scss" 4 | -------------------------------------------------------------------------------- /packages/core/src/badge/index.scss: -------------------------------------------------------------------------------- 1 | @import "./badge"; 2 | -------------------------------------------------------------------------------- /packages/core/src/badge/index.ts: -------------------------------------------------------------------------------- 1 | import Badge from "./badge" 2 | 3 | export type { BadgeThemeVars } from "./badge.shared" 4 | 5 | export default Badge 6 | -------------------------------------------------------------------------------- /packages/core/src/badge/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/button-base/index.scss: -------------------------------------------------------------------------------- 1 | @import "./button-base"; 2 | -------------------------------------------------------------------------------- /packages/core/src/button-base/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./button-base" 2 | export type { ButtonBaseProps } from "./button-base" 3 | -------------------------------------------------------------------------------- /packages/core/src/button-base/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../index.scss" 2 | -------------------------------------------------------------------------------- /packages/core/src/button/button.context.ts: -------------------------------------------------------------------------------- 1 | import type { ITouchEvent } from "@tarojs/components" 2 | import { createContext } from "react" 3 | import type { ButtonProps } from "./button" 4 | 5 | interface ButtonContextValue { 6 | onClick?(event: ITouchEvent, props: ButtonProps): void 7 | } 8 | 9 | const ButtonContext = createContext({}) 10 | 11 | export default ButtonContext 12 | -------------------------------------------------------------------------------- /packages/core/src/button/index.scss: -------------------------------------------------------------------------------- 1 | @import "./button"; 2 | @import "./button-group"; 3 | -------------------------------------------------------------------------------- /packages/core/src/button/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../loading/style" 3 | import "../../button-base/style" 4 | 5 | import "../index.scss" 6 | -------------------------------------------------------------------------------- /packages/core/src/calendar/index.scss: -------------------------------------------------------------------------------- 1 | @import "./calendar"; 2 | -------------------------------------------------------------------------------- /packages/core/src/calendar/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../button/style" 3 | import "../../popup/style" 4 | import "../index.scss" 5 | -------------------------------------------------------------------------------- /packages/core/src/cascader/cascader-tab.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react" 2 | import type { ReactNode } from "react" 3 | 4 | export interface CascaderTabBaseProps { 5 | className?: string 6 | children?: ReactNode 7 | } 8 | 9 | function CascaderTab(props: CascaderTabBaseProps) { 10 | return <> 11 | } 12 | 13 | export default CascaderTab 14 | -------------------------------------------------------------------------------- /packages/core/src/cascader/index.scss: -------------------------------------------------------------------------------- 1 | @import "./cascader"; -------------------------------------------------------------------------------- /packages/core/src/cascader/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../tabs/style" 3 | import "../index.scss" 4 | -------------------------------------------------------------------------------- /packages/core/src/cell/cell-group.context.ts: -------------------------------------------------------------------------------- 1 | import { createContext } from "react" 2 | 3 | interface CellGroupContextValue { 4 | clickable?: boolean 5 | } 6 | 7 | const CellGroupContext = createContext({}) 8 | 9 | export default CellGroupContext 10 | -------------------------------------------------------------------------------- /packages/core/src/cell/index.scss: -------------------------------------------------------------------------------- 1 | @import "./cell"; 2 | @import "./cell-group"; 3 | -------------------------------------------------------------------------------- /packages/core/src/cell/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/checkbox/checkbox-group.scss: -------------------------------------------------------------------------------- 1 | @import "./variables"; 2 | 3 | .#{$component-prefix}checkbox-group { 4 | &--horizontal { 5 | display: flex; 6 | flex-wrap: wrap; 7 | } 8 | 9 | &--vertical { 10 | .#{$component-prefix}checkbox { 11 | display: flex; 12 | } 13 | } 14 | 15 | .#{$component-prefix}cell__value { 16 | flex: 0; 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /packages/core/src/checkbox/checkbox-group.shared.ts: -------------------------------------------------------------------------------- 1 | export type CheckboxGroupDirection = "horizontal" | "vertical" 2 | -------------------------------------------------------------------------------- /packages/core/src/checkbox/index.scss: -------------------------------------------------------------------------------- 1 | @import "./checkbox"; 2 | @import "./checkbox-group"; 3 | -------------------------------------------------------------------------------- /packages/core/src/checkbox/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/circle/index.scss: -------------------------------------------------------------------------------- 1 | @import "./circle"; -------------------------------------------------------------------------------- /packages/core/src/circle/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./circle" 2 | export type { CircleThemeVars } from "./circle.shared" 3 | -------------------------------------------------------------------------------- /packages/core/src/circle/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/col/col.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react" 2 | import Flex, { type FlexItemProps } from "../flex" 3 | 4 | function Col(props: FlexItemProps) { 5 | console.warn("[Deprecated] The Col component is deprecated. Please use the Flex.Item component.") 6 | return 7 | } 8 | 9 | export default Col 10 | -------------------------------------------------------------------------------- /packages/core/src/col/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./col" 2 | -------------------------------------------------------------------------------- /packages/core/src/col/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../flex/style" 2 | -------------------------------------------------------------------------------- /packages/core/src/collapse/collapse.context.ts: -------------------------------------------------------------------------------- 1 | import { createContext } from "react" 2 | 3 | interface CollapseContextValue { 4 | isExpanded?: (dataKey: number | string) => boolean 5 | toggleItem?: (dataKey: number | string, expanded: boolean) => void 6 | } 7 | 8 | const CollapseContext = createContext({}) 9 | 10 | export default CollapseContext 11 | -------------------------------------------------------------------------------- /packages/core/src/collapse/collapse.scss: -------------------------------------------------------------------------------- 1 | // none 2 | -------------------------------------------------------------------------------- /packages/core/src/collapse/collapse.shared.ts: -------------------------------------------------------------------------------- 1 | export type CollapseThemeVars = { 2 | collapseItemTitleDisabledColor?: string 3 | collapseItemTransitionDuration?: string 4 | collapseItemContentPadding?: string 5 | collapseItemContentFontSize?: string 6 | collapseItemContentLineHeight?: string 7 | collapseItemContentColor?: string 8 | collapseItemContentBackgroundColor?: string 9 | } 10 | -------------------------------------------------------------------------------- /packages/core/src/collapse/index.scss: -------------------------------------------------------------------------------- 1 | @import "./collapse"; 2 | @import "./collapse-item"; 3 | -------------------------------------------------------------------------------- /packages/core/src/collapse/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../cell/style" 3 | import "../index.scss" 4 | -------------------------------------------------------------------------------- /packages/core/src/config-provider/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./config-provider" 2 | export type { ConfigProviderThemeVars } from "./config-provider.shared" 3 | -------------------------------------------------------------------------------- /packages/core/src/config-provider/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | -------------------------------------------------------------------------------- /packages/core/src/countdown/_variables.scss: -------------------------------------------------------------------------------- 1 | @import "../styles/prefix"; 2 | @import "../styles/variables"; 3 | 4 | $countdown-color: var(--countdown-color, var(--text-color, $text-color)); 5 | $countdown-font-size: var(--countdown-font-size, var(--font-size-md, $font-size-md)); 6 | $countdown-line-height: var(--countdown-line-height, var(--line-height-md, $line-height-md)); 7 | -------------------------------------------------------------------------------- /packages/core/src/countdown/countdown.scss: -------------------------------------------------------------------------------- 1 | @import "./variables"; 2 | 3 | .#{$component-prefix}countdown { 4 | font-size: $countdown-font-size; 5 | line-height: $countdown-line-height; 6 | color: $countdown-color; 7 | } 8 | -------------------------------------------------------------------------------- /packages/core/src/countdown/index.scss: -------------------------------------------------------------------------------- 1 | @import "./countdown"; 2 | -------------------------------------------------------------------------------- /packages/core/src/countdown/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./countdown" 2 | export { default as useCountdown } from "./use-countdown" 3 | export type { CountdownInstance, CountdownThemeVars } from "./countdown.shared" 4 | -------------------------------------------------------------------------------- /packages/core/src/countdown/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/datetime-picker/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../picker/style" 3 | -------------------------------------------------------------------------------- /packages/core/src/dialog/index.scss: -------------------------------------------------------------------------------- 1 | @import "./dialog"; 2 | -------------------------------------------------------------------------------- /packages/core/src/dialog/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../button/style" 3 | import "../../popup/style" 4 | import "../index.scss" 5 | -------------------------------------------------------------------------------- /packages/core/src/divider/index.scss: -------------------------------------------------------------------------------- 1 | @import "./divider"; 2 | -------------------------------------------------------------------------------- /packages/core/src/divider/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./divider" 2 | export type { DividerThemeVars } from "./divider.shared" 3 | -------------------------------------------------------------------------------- /packages/core/src/divider/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/dropdown-menu/index.scss: -------------------------------------------------------------------------------- 1 | 2 | // 3 | @import "./dropdown-menu"; 4 | @import "./dropdown-menu-title"; 5 | // 6 | @import "dropdown-menu-item"; 7 | @import "dropdown-menu-option"; 8 | -------------------------------------------------------------------------------- /packages/core/src/dropdown-menu/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../cell/style" 3 | import "../../popup/style" 4 | import "../index.scss" 5 | -------------------------------------------------------------------------------- /packages/core/src/empty/empty.shared.ts: -------------------------------------------------------------------------------- 1 | export type EmptyThemeVars = { 2 | emptyPadding?: string 3 | emptyImageSize?: string 4 | emptyImageWidth?: string 5 | emptyImageHeight?: string 6 | emptyDescriptionMarginTop?: string 7 | emptyDescriptionPadding?: string 8 | emptyDescriptionColor?: string 9 | emptyDescriptionFontSize?: string 10 | emptyDescriptionLineHeight?: string 11 | } 12 | -------------------------------------------------------------------------------- /packages/core/src/empty/index.scss: -------------------------------------------------------------------------------- 1 | @import "./empty"; 2 | -------------------------------------------------------------------------------- /packages/core/src/empty/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./empty" 2 | export type { EmptyThemeVars } from "./empty.shared" 3 | -------------------------------------------------------------------------------- /packages/core/src/empty/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../image/style" 3 | import "../index.scss" 4 | -------------------------------------------------------------------------------- /packages/core/src/field/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../form/style" 2 | -------------------------------------------------------------------------------- /packages/core/src/fixed-nav/index.scss: -------------------------------------------------------------------------------- 1 | @import "./fixed-nav"; 2 | -------------------------------------------------------------------------------- /packages/core/src/fixed-nav/index.ts: -------------------------------------------------------------------------------- 1 | import FixedNav from "./fixed-nav" 2 | 3 | export type { FixedNavProps } from "./fixed-nav" 4 | export type { 5 | FixedNavDirection, 6 | FixedNavPosition, 7 | FixedNavItem, 8 | FixedNavThemeVars, 9 | } from "./fixed-nav.shared" 10 | 11 | export default FixedNav 12 | -------------------------------------------------------------------------------- /packages/core/src/fixed-nav/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../backdrop/style" 3 | import "../index.scss" 4 | -------------------------------------------------------------------------------- /packages/core/src/fixed-view/_variables.scss: -------------------------------------------------------------------------------- 1 | @import "../styles/prefix"; 2 | @import "../styles/variables"; 3 | 4 | $fixed-view-z-index: var(--fixed-view-z-index, 1); 5 | -------------------------------------------------------------------------------- /packages/core/src/fixed-view/fixed-view.scss: -------------------------------------------------------------------------------- 1 | @import "./variables"; 2 | 3 | .#{$component-prefix}fixed-view { 4 | position: fixed; 5 | right: 0; 6 | left: 0; 7 | z-index: $fixed-view-z-index; 8 | 9 | &, &__placeholder { 10 | width: 100%; 11 | } 12 | 13 | &--top { 14 | top: 0; 15 | bottom: auto; 16 | } 17 | 18 | &--bottom { 19 | top: auto; 20 | bottom: 0; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /packages/core/src/fixed-view/fixed-view.shared.tsx: -------------------------------------------------------------------------------- 1 | export type FixedViewPosition = "top" | "bottom" 2 | 3 | export type FixedViewThemeVars = { 4 | fixedViewZIndex?: string | number 5 | } 6 | -------------------------------------------------------------------------------- /packages/core/src/fixed-view/index.scss: -------------------------------------------------------------------------------- 1 | @import "./fixed-view"; 2 | -------------------------------------------------------------------------------- /packages/core/src/fixed-view/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./fixed-view" 2 | export type { FixedViewThemeVars } from "./fixed-view.shared" 3 | -------------------------------------------------------------------------------- /packages/core/src/fixed-view/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../safe-area/style" 3 | import "../index.scss" 4 | -------------------------------------------------------------------------------- /packages/core/src/flex/flex.context.ts: -------------------------------------------------------------------------------- 1 | import { createContext } from "react" 2 | 3 | interface FlexContextValue { 4 | gutter: [number | undefined, number | undefined] 5 | } 6 | 7 | const FlexContext = createContext({ 8 | gutter: [undefined, undefined], 9 | }) 10 | 11 | export default FlexContext 12 | -------------------------------------------------------------------------------- /packages/core/src/flex/index.scss: -------------------------------------------------------------------------------- 1 | @import "./flex"; 2 | @import "./flex-item"; 3 | -------------------------------------------------------------------------------- /packages/core/src/flex/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/floating-bubble/index.scss: -------------------------------------------------------------------------------- 1 | @import "floating-bubble"; 2 | -------------------------------------------------------------------------------- /packages/core/src/floating-bubble/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./floating-bubble" 2 | 3 | export type { FloatingBubbleThemeVars } from "./floating-bubble.shared" 4 | -------------------------------------------------------------------------------- /packages/core/src/floating-bubble/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/floating-panel/floating-panel.shared.ts: -------------------------------------------------------------------------------- 1 | export type FloatingPanelThemeVars = { 2 | floatingPanelZIndex?: string | number 3 | floatingPanelRoundedBorderRadius?: string 4 | floatingPanelHeaderHeight?: string 5 | floatingPanelBarHeight?: string 6 | floatingPanelBarWidth?: string 7 | floatingPanelBarColor?: string 8 | floatingPanelBackground?: string 9 | } 10 | -------------------------------------------------------------------------------- /packages/core/src/floating-panel/index.scss: -------------------------------------------------------------------------------- 1 | @import './floating-panel'; 2 | -------------------------------------------------------------------------------- /packages/core/src/floating-panel/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/form/control/index.ts: -------------------------------------------------------------------------------- 1 | import "./form-control-handlers" 2 | 3 | export { registerFormControlHandler, doFormControlHandler } from "./form-control-handler" 4 | export type { default as FormControlHandler } from "./form-control-handler" 5 | -------------------------------------------------------------------------------- /packages/core/src/form/form-item.context.ts: -------------------------------------------------------------------------------- 1 | import { createContext } from "react" 2 | import type { FormValidateStatus } from "./form.shared" 3 | 4 | interface FormItemContextValue { 5 | validateStatus?: FormValidateStatus 6 | } 7 | 8 | const FormItemContext = createContext({}) 9 | 10 | export default FormItemContext 11 | -------------------------------------------------------------------------------- /packages/core/src/form/form-list.context.ts: -------------------------------------------------------------------------------- 1 | import { createContext } from "react" 2 | 3 | interface FormListContextValue { 4 | inFormList: boolean 5 | } 6 | 7 | const formListContext = createContext({ 8 | inFormList: false, 9 | }) 10 | 11 | export default formListContext 12 | -------------------------------------------------------------------------------- /packages/core/src/form/index.scss: -------------------------------------------------------------------------------- 1 | @import "./form-label"; 2 | @import "./form-item"; 3 | @import "./form-control"; 4 | @import "./form-feedback"; 5 | -------------------------------------------------------------------------------- /packages/core/src/form/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../cell/style" 3 | import "../../input/style" 4 | import "../index.scss" 5 | -------------------------------------------------------------------------------- /packages/core/src/grid/grid.scss: -------------------------------------------------------------------------------- 1 | @import "./variables"; 2 | 3 | .#{$component-prefix}grid { 4 | display: flex; 5 | flex-wrap: wrap; 6 | } 7 | -------------------------------------------------------------------------------- /packages/core/src/grid/grid.shared.ts: -------------------------------------------------------------------------------- 1 | export type GridDirection = "horizontal" | "vertical" 2 | 3 | export type GridThemeVars = { 4 | gridItemContentPadding?: string 5 | gridItemContentBackgroundColor?: string 6 | gridItemContentActiveColor?: string 7 | gridItemIconFontSize?: string 8 | gridItemTextColor?: string 9 | gridItemTextFontSize?: string 10 | } 11 | -------------------------------------------------------------------------------- /packages/core/src/grid/index.scss: -------------------------------------------------------------------------------- 1 | @import "./grid"; 2 | @import "./grid-item"; 3 | -------------------------------------------------------------------------------- /packages/core/src/grid/index.ts: -------------------------------------------------------------------------------- 1 | import GridComponent, { type GridProps } from "./grid" 2 | import GridItem from "./grid-item" 3 | 4 | export type { GridThemeVars } from "./grid.shared" 5 | 6 | interface GridInterface { 7 | (props: GridProps): JSX.Element 8 | 9 | Item: typeof GridItem 10 | } 11 | 12 | const Grid = GridComponent as GridInterface 13 | Grid.Item = GridItem 14 | 15 | export default Grid 16 | -------------------------------------------------------------------------------- /packages/core/src/grid/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../badge/style" 3 | import "../index.scss" 4 | -------------------------------------------------------------------------------- /packages/core/src/hooks/use-mounted.ts: -------------------------------------------------------------------------------- 1 | import useRenderedEffect from "./use-rendered-effect" 2 | 3 | export default function useMounted(cb: (...args: any[]) => any) { 4 | useRenderedEffect(cb, []) 5 | } 6 | -------------------------------------------------------------------------------- /packages/core/src/hooks/use-unique-id.ts: -------------------------------------------------------------------------------- 1 | import * as _ from "lodash" 2 | import { useRef } from "react" 3 | 4 | function useUniqueId(prefix = "t_") { 5 | const uniqueIdRef = useRef(_.uniqueId(prefix)) 6 | return uniqueIdRef.current 7 | } 8 | 9 | export default useUniqueId 10 | -------------------------------------------------------------------------------- /packages/core/src/hooks/use-update.ts: -------------------------------------------------------------------------------- 1 | import useUpdate from "@taroify/hooks/use-force-update" 2 | 3 | export default useUpdate 4 | -------------------------------------------------------------------------------- /packages/core/src/image/index.scss: -------------------------------------------------------------------------------- 1 | @import "./image"; 2 | -------------------------------------------------------------------------------- /packages/core/src/image/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./image" 2 | export type { ImageMode, ImageThemeVars } from "./image.shared" 3 | -------------------------------------------------------------------------------- /packages/core/src/image/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/index-list/index.scss: -------------------------------------------------------------------------------- 1 | @import "./index-list"; 2 | @import "./index-list-anchor"; 3 | -------------------------------------------------------------------------------- /packages/core/src/index-list/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/input/index.scss: -------------------------------------------------------------------------------- 1 | @import "./native-input"; 2 | @import "./input"; 3 | -------------------------------------------------------------------------------- /packages/core/src/input/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./input" 2 | export type { InputProps } from "./input" 3 | export type { InputColor, InputAlign, InputClearTrigger, InputThemeVars } from "./input.shared" 4 | -------------------------------------------------------------------------------- /packages/core/src/input/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../index.scss" 2 | -------------------------------------------------------------------------------- /packages/core/src/list/index.scss: -------------------------------------------------------------------------------- 1 | @import "./list"; 2 | -------------------------------------------------------------------------------- /packages/core/src/list/list.shared.ts: -------------------------------------------------------------------------------- 1 | export type ListDirection = "up" | "down" 2 | 3 | export type ListThemeVars = { 4 | listTextColor?: string 5 | listTextFontSize?: string 6 | listTextLineHeight?: string 7 | listLoadingIconSize?: string 8 | listLoadingIconWidth?: string 9 | listLoadingIconHeight?: string 10 | } 11 | 12 | export interface ListInstance { 13 | check(): void 14 | } 15 | -------------------------------------------------------------------------------- /packages/core/src/list/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../loading/style" 3 | import "../index.scss" 4 | -------------------------------------------------------------------------------- /packages/core/src/loading/index.scss: -------------------------------------------------------------------------------- 1 | @import "./loading"; 2 | -------------------------------------------------------------------------------- /packages/core/src/loading/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./loading" 2 | export type { LoadingType, LoadingProps } from "./loading" 3 | export type { LoadingThemeVars } from "./loading.shared" 4 | -------------------------------------------------------------------------------- /packages/core/src/loading/loading.shared.ts: -------------------------------------------------------------------------------- 1 | export type LoadingThemeVars = { 2 | loadingColor?: string 3 | loadingSize?: string 4 | loadingAnimationDuration?: string 5 | loadingCircularBorderWidth?: string 6 | loadingTextColor?: string 7 | loadingTextFontSize?: string 8 | loadingTextLineHeight?: string 9 | } 10 | -------------------------------------------------------------------------------- /packages/core/src/loading/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/navbar/index.scss: -------------------------------------------------------------------------------- 1 | @import "./navbar"; 2 | -------------------------------------------------------------------------------- /packages/core/src/navbar/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../fixed-view/style" 3 | import "../index.scss" 4 | -------------------------------------------------------------------------------- /packages/core/src/notice-bar/index.scss: -------------------------------------------------------------------------------- 1 | @import "./notice-bar"; 2 | -------------------------------------------------------------------------------- /packages/core/src/notice-bar/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/notify/index.scss: -------------------------------------------------------------------------------- 1 | @import "./notify"; 2 | -------------------------------------------------------------------------------- /packages/core/src/notify/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../popup/style" 3 | import "../index.scss" 4 | -------------------------------------------------------------------------------- /packages/core/src/number-keyboard/fonts/number-keyboard.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mallfoundry/taroify/270e7a2ccdbea6418192326ecf9c7a4e4a4de7d3/packages/core/src/number-keyboard/fonts/number-keyboard.eot -------------------------------------------------------------------------------- /packages/core/src/number-keyboard/fonts/number-keyboard.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mallfoundry/taroify/270e7a2ccdbea6418192326ecf9c7a4e4a4de7d3/packages/core/src/number-keyboard/fonts/number-keyboard.ttf -------------------------------------------------------------------------------- /packages/core/src/number-keyboard/fonts/number-keyboard.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mallfoundry/taroify/270e7a2ccdbea6418192326ecf9c7a4e4a4de7d3/packages/core/src/number-keyboard/fonts/number-keyboard.woff -------------------------------------------------------------------------------- /packages/core/src/number-keyboard/index.scss: -------------------------------------------------------------------------------- 1 | @import "./number-keyboard-icons"; 2 | @import "./number-keyboard"; 3 | @import "./number-keyboard-key"; 4 | -------------------------------------------------------------------------------- /packages/core/src/number-keyboard/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../transition/style" 3 | import "../index.scss" 4 | -------------------------------------------------------------------------------- /packages/core/src/pagination/index.scss: -------------------------------------------------------------------------------- 1 | @import "./pagination"; 2 | -------------------------------------------------------------------------------- /packages/core/src/pagination/index.ts: -------------------------------------------------------------------------------- 1 | export { usePagination } from "./pagination.hooks" 2 | export { default } from "./pagination" 3 | export type { PaginationThemeVars } from "./pagination.shared" 4 | -------------------------------------------------------------------------------- /packages/core/src/pagination/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/password-input/index.scss: -------------------------------------------------------------------------------- 1 | @import "./password-input"; 2 | @import "./password-input-feedback"; 3 | -------------------------------------------------------------------------------- /packages/core/src/password-input/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/picker/index.scss: -------------------------------------------------------------------------------- 1 | @import "./picker"; 2 | @import "./picker-column"; 3 | @import "./picker-option"; 4 | -------------------------------------------------------------------------------- /packages/core/src/picker/picker-column.scss: -------------------------------------------------------------------------------- 1 | @import "../styles/prefix"; 2 | @import "./variables"; 3 | 4 | .#{$component-prefix}picker-column { 5 | flex: 1; 6 | overflow: hidden; 7 | font-size: var(--picker-option-font-size, $picker-option-font-size); 8 | 9 | &__wrapper { 10 | transition-timing-function: cubic-bezier(0.23, 1, 0.68, 1); 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /packages/core/src/picker/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../loading/style" 3 | import "../index.scss" 4 | -------------------------------------------------------------------------------- /packages/core/src/placeholder/index.ts: -------------------------------------------------------------------------------- 1 | export { default as usePlaceholder } from "./use-placeholder" 2 | export type { PlaceholderProps } from "./use-placeholder" 3 | -------------------------------------------------------------------------------- /packages/core/src/popup/index.scss: -------------------------------------------------------------------------------- 1 | @import "./popup"; 2 | -------------------------------------------------------------------------------- /packages/core/src/popup/popup.context.ts: -------------------------------------------------------------------------------- 1 | import { createContext } from "react" 2 | import type { PopupPlacement } from "./popup.shared" 3 | 4 | interface PopupContextProps { 5 | open?: boolean 6 | duration?: number 7 | placement?: PopupPlacement 8 | 9 | onClose?(opened: boolean): void 10 | } 11 | 12 | const PopupContext = createContext({}) 13 | export default PopupContext 14 | -------------------------------------------------------------------------------- /packages/core/src/popup/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../transition/style" 3 | import "../../backdrop/style" 4 | import "../index.scss" 5 | -------------------------------------------------------------------------------- /packages/core/src/progress/index.scss: -------------------------------------------------------------------------------- 1 | @import "./progress"; 2 | -------------------------------------------------------------------------------- /packages/core/src/progress/index.ts: -------------------------------------------------------------------------------- 1 | import Progress from "./progress" 2 | 3 | export type { ProgressThemeVars } from "./progress.shared" 4 | 5 | export default Progress 6 | -------------------------------------------------------------------------------- /packages/core/src/progress/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/pull-refresh/index.scss: -------------------------------------------------------------------------------- 1 | @import "./pull-refresh"; 2 | -------------------------------------------------------------------------------- /packages/core/src/pull-refresh/pull-refresh.shared.ts: -------------------------------------------------------------------------------- 1 | export type PullRefreshThemeVars = { 2 | pullRefreshHeadHeight?: string 3 | pullRefreshHeadLineHeight?: string 4 | pullRefreshHeadFontSize?: string 5 | pullRefreshHeadColor?: string 6 | pullRefreshLoadingIconSize?: string 7 | pullRefreshLoadingIconWidth?: string 8 | pullRefreshLoadingIconHeight?: string 9 | } 10 | -------------------------------------------------------------------------------- /packages/core/src/pull-refresh/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../loading/style" 3 | import "../index.scss" 4 | -------------------------------------------------------------------------------- /packages/core/src/radio/index.scss: -------------------------------------------------------------------------------- 1 | @import "./radio"; 2 | @import "./radio-group"; 3 | -------------------------------------------------------------------------------- /packages/core/src/radio/radio-group.scss: -------------------------------------------------------------------------------- 1 | @import "./variables"; 2 | 3 | .#{$component-prefix}radio-group { 4 | &--horizontal { 5 | display: flex; 6 | flex-wrap: wrap; 7 | } 8 | 9 | &--vertical { 10 | .#{$component-prefix}radio { 11 | display: flex; 12 | } 13 | } 14 | 15 | .#{$component-prefix}cell__value { 16 | flex: 0; 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /packages/core/src/radio/radio-group.shared.ts: -------------------------------------------------------------------------------- 1 | export type RadioGroupDirection = "horizontal" | "vertical" 2 | -------------------------------------------------------------------------------- /packages/core/src/radio/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/rate/index.scss: -------------------------------------------------------------------------------- 1 | @import "./rate"; 2 | -------------------------------------------------------------------------------- /packages/core/src/rate/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./rate" 2 | export type { RateProps } from "./rate" 3 | export type { RateThemeVars } from "./rate.shared" 4 | -------------------------------------------------------------------------------- /packages/core/src/rate/rate.context.ts: -------------------------------------------------------------------------------- 1 | import { createContext, type ReactNode } from "react" 2 | 3 | interface RateContextValue { 4 | gutter?: number 5 | count?: number 6 | icon?: ReactNode 7 | emptyIcon?: ReactNode 8 | } 9 | 10 | const RateContext = createContext({}) 11 | 12 | export default RateContext 13 | -------------------------------------------------------------------------------- /packages/core/src/rate/rate.shared.ts: -------------------------------------------------------------------------------- 1 | export enum RateStatus { 2 | Full = "full", 3 | Half = "half", 4 | Void = "void", 5 | } 6 | 7 | export type RateThemeVars = { 8 | rateIconSize?: string 9 | rateIconGutter?: string 10 | rateIconEmptyColor?: string 11 | rateIconFullColor?: string 12 | rateIconDisabledColor?: string 13 | } 14 | -------------------------------------------------------------------------------- /packages/core/src/rate/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/rolling-text/index.scss: -------------------------------------------------------------------------------- 1 | @import './rolling-text'; 2 | -------------------------------------------------------------------------------- /packages/core/src/rolling-text/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/row/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./row" 2 | -------------------------------------------------------------------------------- /packages/core/src/row/row.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react" 2 | import Flex from "../flex" 3 | import type { FlexProps } from "../flex" 4 | 5 | function Row(props: FlexProps) { 6 | console.warn("[Deprecated] The Row component is deprecated. Please use the Flex component.") 7 | return 8 | } 9 | 10 | export default Row 11 | -------------------------------------------------------------------------------- /packages/core/src/row/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../flex/style" 2 | -------------------------------------------------------------------------------- /packages/core/src/safe-area/index.scss: -------------------------------------------------------------------------------- 1 | @import "./safe-area"; 2 | -------------------------------------------------------------------------------- /packages/core/src/safe-area/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./safe-area" 2 | export type { SafeAreaPosition } from "./safe-area" 3 | -------------------------------------------------------------------------------- /packages/core/src/safe-area/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/search/index.scss: -------------------------------------------------------------------------------- 1 | @import "./search"; 2 | -------------------------------------------------------------------------------- /packages/core/src/search/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./search" 2 | export type { SearchThemeVars } from "./search.shared" 3 | -------------------------------------------------------------------------------- /packages/core/src/search/search-input.tsx: -------------------------------------------------------------------------------- 1 | import * as React from "react" 2 | import Input, { type InputProps } from "../input" 3 | 4 | interface SearchInputProps extends InputProps {} 5 | 6 | function SearchInput(props: SearchInputProps) { 7 | const { className, ...restProps } = props 8 | return 9 | } 10 | 11 | export default SearchInput 12 | -------------------------------------------------------------------------------- /packages/core/src/search/search.context.ts: -------------------------------------------------------------------------------- 1 | import type { ITouchEvent } from "@tarojs/components" 2 | import { createContext } from "react" 3 | 4 | interface SearchContextValue { 5 | onCancel?(event: ITouchEvent): void 6 | } 7 | 8 | const SearchContext = createContext({}) 9 | 10 | export default SearchContext 11 | -------------------------------------------------------------------------------- /packages/core/src/search/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../field/style" 3 | import "../index.scss" 4 | -------------------------------------------------------------------------------- /packages/core/src/share-sheet/index.scss: -------------------------------------------------------------------------------- 1 | @import "./share-sheet"; 2 | -------------------------------------------------------------------------------- /packages/core/src/share-sheet/share-sheet.context.ts: -------------------------------------------------------------------------------- 1 | import { createContext } from "react" 2 | import type { ShareSheetOptionObject } from "./share-sheet.shared" 3 | 4 | interface ShareSheetContextValue { 5 | onSelect?(event: ShareSheetOptionObject): void 6 | } 7 | 8 | const ShareSheetContext = createContext({}) 9 | 10 | export default ShareSheetContext 11 | -------------------------------------------------------------------------------- /packages/core/src/share-sheet/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../button-base/style" 3 | import "../../image/style" 4 | import "../../sheet/style" 5 | import "../index.scss" 6 | -------------------------------------------------------------------------------- /packages/core/src/sheet/index.scss: -------------------------------------------------------------------------------- 1 | @import "./sheet"; 2 | -------------------------------------------------------------------------------- /packages/core/src/sheet/sheet-gap.tsx: -------------------------------------------------------------------------------- 1 | import { View } from "@tarojs/components" 2 | import * as React from "react" 3 | import { prefixClassname } from "../styles" 4 | 5 | export default function SheetGap() { 6 | return 7 | } 8 | -------------------------------------------------------------------------------- /packages/core/src/sheet/sheet.context.ts: -------------------------------------------------------------------------------- 1 | import { createContext } from "react" 2 | import type { SheetItemObject } from "./sheet.shared" 3 | 4 | interface SheetContextProps { 5 | onSelect?(item: SheetItemObject): void 6 | 7 | onCancel?(): void 8 | } 9 | 10 | const SheetContext = createContext({}) 11 | export default SheetContext 12 | -------------------------------------------------------------------------------- /packages/core/src/sheet/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../loading/style" 3 | import "../../popup/style" 4 | import "../../button-base/style" 5 | import "../index.scss" 6 | -------------------------------------------------------------------------------- /packages/core/src/sidebar/index.scss: -------------------------------------------------------------------------------- 1 | @import "./sidebar"; 2 | @import "./sidebar-tab"; 3 | -------------------------------------------------------------------------------- /packages/core/src/sidebar/sidebar-tab.shared.ts: -------------------------------------------------------------------------------- 1 | import type { ReactNode } from "react" 2 | 3 | export type SidebarTabKey = string | number | undefined 4 | 5 | export interface SidebarTabObject { 6 | value?: any 7 | children?: ReactNode 8 | disabled?: boolean 9 | } 10 | -------------------------------------------------------------------------------- /packages/core/src/sidebar/sidebar.context.ts: -------------------------------------------------------------------------------- 1 | import { createContext } from "react" 2 | import type { SidebarTabObject } from "./sidebar-tab.shared" 3 | 4 | interface SidebarContextProps { 5 | value?: any 6 | 7 | onTabClick?(tab: SidebarTabObject): void 8 | } 9 | 10 | const SidebarContext = createContext({}) 11 | 12 | export default SidebarContext 13 | -------------------------------------------------------------------------------- /packages/core/src/sidebar/style/index.tsx: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../badge/style" 3 | import "../index.scss" 4 | -------------------------------------------------------------------------------- /packages/core/src/signature/index.scss: -------------------------------------------------------------------------------- 1 | @import "./signature.scss" 2 | -------------------------------------------------------------------------------- /packages/core/src/signature/index.ts: -------------------------------------------------------------------------------- 1 | import Signature from "./signature" 2 | 3 | export type { SignatureThemeVars, SignatureInstance } from "./signature.shared" 4 | 5 | export default Signature 6 | -------------------------------------------------------------------------------- /packages/core/src/signature/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/skeleton/index.scss: -------------------------------------------------------------------------------- 1 | @import "./skeleton"; 2 | @import "./skeleton-avatar"; 3 | @import "./skeleton-title"; 4 | @import "./skeleton-paragraph"; 5 | @import "./skeleton-image"; 6 | -------------------------------------------------------------------------------- /packages/core/src/skeleton/skeleton-paragraph.scss: -------------------------------------------------------------------------------- 1 | @import './variables'; 2 | 3 | .#{$component-prefix}skeleton__paragraph { 4 | height: $skeleton-paragraph-height; 5 | background: $skeleton-paragraph-background; 6 | 7 | &--round { 8 | border-radius: var(--border-radius-max, $border-radius-max); 9 | } 10 | 11 | &:not(:first-child) { 12 | margin-top: $skeleton-paragraph-margin-top; 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /packages/core/src/skeleton/skeleton-title.scss: -------------------------------------------------------------------------------- 1 | @import './variables'; 2 | 3 | .#{$component-prefix}skeleton__title { 4 | width: $skeleton-title-width; 5 | height: $skeleton-paragraph-height; 6 | margin: 0; 7 | background: $skeleton-paragraph-background; 8 | 9 | &--round { 10 | border-radius: var(--border-radius-max, $border-radius-max); 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /packages/core/src/skeleton/skeleton.scss: -------------------------------------------------------------------------------- 1 | @import './variables'; 2 | 3 | .#{$component-prefix}skeleton { 4 | display: flex; 5 | padding: 0 $padding-md; 6 | 7 | &__content { 8 | width: 100%; 9 | } 10 | 11 | &--animate { 12 | animation: skeleton-blink $skeleton-duration ease-in-out infinite; 13 | } 14 | } 15 | 16 | @keyframes skeleton-blink { 17 | 50% { 18 | opacity: 0.6; 19 | } 20 | } 21 | -------------------------------------------------------------------------------- /packages/core/src/skeleton/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/slider/index.scss: -------------------------------------------------------------------------------- 1 | @import "./slider"; 2 | -------------------------------------------------------------------------------- /packages/core/src/slider/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/space/index.scss: -------------------------------------------------------------------------------- 1 | @import "./space"; 2 | -------------------------------------------------------------------------------- /packages/core/src/space/index.ts: -------------------------------------------------------------------------------- 1 | import Space from "./space" 2 | 3 | export type { SpaceThemeVars } from "./space.shared" 4 | 5 | export default Space 6 | -------------------------------------------------------------------------------- /packages/core/src/space/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../flex/style" 3 | import "../index.scss" 4 | -------------------------------------------------------------------------------- /packages/core/src/stepper/index.scss: -------------------------------------------------------------------------------- 1 | @import "./stepper"; 2 | -------------------------------------------------------------------------------- /packages/core/src/stepper/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/steps/index.scss: -------------------------------------------------------------------------------- 1 | @import "./step"; 2 | @import "./steps"; 3 | -------------------------------------------------------------------------------- /packages/core/src/steps/index.ts: -------------------------------------------------------------------------------- 1 | import Step from "./step" 2 | import StepsComponent, { type StepsProps } from "./steps" 3 | 4 | export type { StepsThemeVars } from "./steps.shared" 5 | 6 | interface StepsInterface { 7 | (props: StepsProps): JSX.Element 8 | 9 | Step: typeof Step 10 | } 11 | 12 | const Steps = StepsComponent as StepsInterface 13 | 14 | Steps.Step = Step 15 | 16 | export default Steps 17 | -------------------------------------------------------------------------------- /packages/core/src/steps/steps.context.ts: -------------------------------------------------------------------------------- 1 | import { createContext } from "react" 2 | import type { StepsDirection } from "./steps.shared" 3 | 4 | interface StepsContextValue { 5 | value?: number 6 | direction?: StepsDirection 7 | alternativeLabel?: boolean 8 | } 9 | 10 | const StepsContext = createContext({}) 11 | export default StepsContext 12 | -------------------------------------------------------------------------------- /packages/core/src/steps/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/sticky/_variables.scss: -------------------------------------------------------------------------------- 1 | @import "../styles/prefix"; 2 | @import "../styles/variables"; 3 | 4 | $sticky-z-index: var(--sticky-z-index, 99); 5 | -------------------------------------------------------------------------------- /packages/core/src/sticky/index.scss: -------------------------------------------------------------------------------- 1 | @import "./sticky"; 2 | -------------------------------------------------------------------------------- /packages/core/src/sticky/index.ts: -------------------------------------------------------------------------------- 1 | import Sticky from "./sticky" 2 | 3 | export type { StickyThemeVars } from "./sticky.shared" 4 | 5 | export default Sticky 6 | -------------------------------------------------------------------------------- /packages/core/src/sticky/sticky.scss: -------------------------------------------------------------------------------- 1 | @import "./variables"; 2 | 3 | .#{$component-prefix}sticky { 4 | &--fixed { 5 | position: fixed; 6 | z-index: $sticky-z-index; 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /packages/core/src/sticky/sticky.shared.ts: -------------------------------------------------------------------------------- 1 | export type StickyThemeVars = { 2 | stickyZIndex?: string | number 3 | } 4 | -------------------------------------------------------------------------------- /packages/core/src/sticky/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/styles/__tests__/prefix.test.tsx: -------------------------------------------------------------------------------- 1 | import { prefixClassname } from "../prefix" 2 | 3 | const __PREFIX = "taroify-" 4 | 5 | describe("Prefix classname", () => { 6 | it("should be taroify-test", () => { 7 | expect(prefixClassname("test")).toBe(`${__PREFIX}test`) 8 | }) 9 | }) 10 | -------------------------------------------------------------------------------- /packages/core/src/styles/_prefix.scss: -------------------------------------------------------------------------------- 1 | $taroify-prefix: "t" + "a" + "r" + "o" + "i" + "f" + "y" + "-"; 2 | $component-prefix: $taroify-prefix; 3 | -------------------------------------------------------------------------------- /packages/core/src/styles/animation.scss: -------------------------------------------------------------------------------- 1 | @import './prefix'; 2 | @import './variables'; 3 | 4 | @keyframes #{$component-prefix}-rotate { 5 | from { 6 | transform: rotate(0deg); 7 | } 8 | 9 | to { 10 | transform: rotate(360deg); 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /packages/core/src/styles/base.scss: -------------------------------------------------------------------------------- 1 | @import "./normalize"; 2 | @import "./animation"; 3 | @import "./clearfix"; 4 | @import "./ellipsis"; 5 | @import "./hairline"; 6 | @import "./feedback" 7 | -------------------------------------------------------------------------------- /packages/core/src/styles/clearfix.scss: -------------------------------------------------------------------------------- 1 | @import './prefix'; 2 | @import './mixins/clearfix'; 3 | 4 | .#{$component-prefix}clearfix { 5 | @include clearfix(); 6 | } 7 | -------------------------------------------------------------------------------- /packages/core/src/styles/ellipsis.scss: -------------------------------------------------------------------------------- 1 | @import './prefix'; 2 | @import './mixins/ellipsis'; 3 | 4 | .#{$component-prefix}ellipsis { 5 | @include ellipsis(); 6 | } 7 | 8 | .#{$component-prefix}ellipsis--l2 { 9 | @include ellipsis(2); 10 | } 11 | 12 | .#{$component-prefix}ellipsis--l3 { 13 | @include ellipsis(3); 14 | } 15 | -------------------------------------------------------------------------------- /packages/core/src/styles/feedback.scss: -------------------------------------------------------------------------------- 1 | @import './prefix'; 2 | @import './variables'; 3 | 4 | .#{$component-prefix}haptics-feedback { 5 | cursor: pointer; 6 | 7 | &:active { 8 | opacity: $active-opacity; 9 | } 10 | } 11 | 12 | .#{$component-prefix}click-feedback { 13 | cursor: pointer; 14 | 15 | &:active { 16 | background: $active-color; 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /packages/core/src/styles/index.ts: -------------------------------------------------------------------------------- 1 | export { prefixClassname } from "./prefix" 2 | -------------------------------------------------------------------------------- /packages/core/src/styles/mixins/_clearfix.scss: -------------------------------------------------------------------------------- 1 | @mixin clearfix { 2 | &::after { 3 | display: table; 4 | clear: both; 5 | content: ''; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /packages/core/src/styles/prefix.ts: -------------------------------------------------------------------------------- 1 | const COMPONENT_PREFIX = "\u0074\u0061\u0072\u006f\u0069\u0066\u0079-" 2 | 3 | export function prefixClassname(component: string) { 4 | return `${COMPONENT_PREFIX}${component}` 5 | } 6 | -------------------------------------------------------------------------------- /packages/core/src/styles/style/index.ts: -------------------------------------------------------------------------------- 1 | import "@taroify/icons/style" 2 | import "../base.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/styles/variables.ts: -------------------------------------------------------------------------------- 1 | export const RED = "#ee0a24" 2 | export const BLUE = "#1989fa" 3 | export const WHITE = "#fff" 4 | export const GREEN = "#07c160" 5 | export const ORANGE = "#ff976a" 6 | export const GRAY = "#323233" 7 | export const GRAY_DARK = "#969799" 8 | -------------------------------------------------------------------------------- /packages/core/src/swipe-cell/_variables.scss: -------------------------------------------------------------------------------- 1 | @import "../styles/prefix"; 2 | @import "../styles/variables"; 3 | -------------------------------------------------------------------------------- /packages/core/src/swipe-cell/index.scss: -------------------------------------------------------------------------------- 1 | @import "./swipe-cell"; 2 | -------------------------------------------------------------------------------- /packages/core/src/swipe-cell/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/swipe-cell/swipe-cell.shared.ts: -------------------------------------------------------------------------------- 1 | export enum SwipeCellSide { 2 | Left = "left", 3 | Right = "right", 4 | } 5 | -------------------------------------------------------------------------------- /packages/core/src/swiper/index.scss: -------------------------------------------------------------------------------- 1 | @import "./swiper"; 2 | -------------------------------------------------------------------------------- /packages/core/src/swiper/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/switch/index.scss: -------------------------------------------------------------------------------- 1 | @import "./switch"; 2 | -------------------------------------------------------------------------------- /packages/core/src/switch/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./switch" 2 | export type { SwitchProps } from "./switch" 3 | 4 | export type { SwitchThemeVars } from "./switch.shared" 5 | -------------------------------------------------------------------------------- /packages/core/src/switch/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../loading/style" 3 | import "../index.scss" 4 | -------------------------------------------------------------------------------- /packages/core/src/tabbar/index.scss: -------------------------------------------------------------------------------- 1 | @import "./tabbar"; 2 | @import "./tabbar-item"; 3 | -------------------------------------------------------------------------------- /packages/core/src/tabbar/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../fixed-view/style" 3 | import "../../badge/style" 4 | import "../index.scss" 5 | -------------------------------------------------------------------------------- /packages/core/src/tabbar/tabbar.context.ts: -------------------------------------------------------------------------------- 1 | import { createContext } from "react" 2 | 3 | interface TabbarContextProps { 4 | value?: string | number 5 | onItemClick?: (value?: any) => void 6 | } 7 | 8 | const TabbarContext = createContext({}) 9 | 10 | export default TabbarContext 11 | -------------------------------------------------------------------------------- /packages/core/src/tabbar/tabbar.scss: -------------------------------------------------------------------------------- 1 | @import "./variables"; 2 | 3 | .#{$component-prefix}tabbar { 4 | z-index: $tabbar-z-index; 5 | box-sizing: content-box; 6 | display: flex; 7 | width: 100%; 8 | height: $tabbar-height; 9 | background: $tabbar-background-color; 10 | } 11 | -------------------------------------------------------------------------------- /packages/core/src/tabs/index.scss: -------------------------------------------------------------------------------- 1 | @import "./tab"; 2 | @import "./tabs"; 3 | @import "./tabs-header"; 4 | @import "./tabs-line"; 5 | -------------------------------------------------------------------------------- /packages/core/src/tabs/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../sticky/style" 3 | import "../../swiper/style" 4 | import "../../badge/style" 5 | import "../index.scss" 6 | -------------------------------------------------------------------------------- /packages/core/src/tabs/tabs-line.scss: -------------------------------------------------------------------------------- 1 | @import "./variables"; 2 | 3 | .#{$component-prefix}tabs__line { 4 | position: absolute; 5 | bottom: 0; 6 | z-index: 1; 7 | width: $tabs-line-width; 8 | height: $tabs-line-height; 9 | background: $tabs-line-background-color; 10 | border-radius: $tabs-line-border-radius; 11 | transform: scale(0); 12 | 13 | &--active { 14 | transform: scale(1); 15 | } 16 | } 17 | -------------------------------------------------------------------------------- /packages/core/src/tag/index.scss: -------------------------------------------------------------------------------- 1 | @import "./tag"; 2 | -------------------------------------------------------------------------------- /packages/core/src/tag/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./tag" 2 | 3 | export type { TagThemeVars } from "./tag.shared" 4 | -------------------------------------------------------------------------------- /packages/core/src/tag/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/text-ellipsis/index.scss: -------------------------------------------------------------------------------- 1 | @import "./text-ellipsis.scss"; 2 | -------------------------------------------------------------------------------- /packages/core/src/text-ellipsis/index.ts: -------------------------------------------------------------------------------- 1 | import TextEllipsis, { type TextEllipsisProps, type TextEllipsisInstance } from "./text-ellipsis" 2 | 3 | export type { TextEllipsisProps, TextEllipsisInstance } 4 | 5 | export default TextEllipsis 6 | -------------------------------------------------------------------------------- /packages/core/src/text-ellipsis/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/textarea/index.scss: -------------------------------------------------------------------------------- 1 | @import "./native-textarea"; 2 | @import "./textarea"; 3 | -------------------------------------------------------------------------------- /packages/core/src/textarea/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./textarea" 2 | export type { TextareaThemeVars } from "./textarea.shared" 3 | -------------------------------------------------------------------------------- /packages/core/src/textarea/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/timeline/index.scss: -------------------------------------------------------------------------------- 1 | @import "./timeline"; 2 | @import "./timeline-item"; 3 | @import "./timeline-connector"; 4 | @import "./timeline-separator"; 5 | @import "./timeline-dot"; 6 | @import "./timeline-content"; 7 | -------------------------------------------------------------------------------- /packages/core/src/timeline/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../flex/style" 3 | import "../index.scss" 4 | -------------------------------------------------------------------------------- /packages/core/src/timeline/timeline-separator.scss: -------------------------------------------------------------------------------- 1 | @import "./variables"; 2 | 3 | .#{$component-prefix}timeline-separator { 4 | position: relative; 5 | display: flex; 6 | flex-direction: column; 7 | align-items: center; 8 | justify-content: flex-start; 9 | } 10 | -------------------------------------------------------------------------------- /packages/core/src/timeline/timeline.context.ts: -------------------------------------------------------------------------------- 1 | import { createContext } from "react" 2 | import type { TimelinePosition } from "./timeline.shared" 3 | 4 | interface TimelineContextValue { 5 | position?: TimelinePosition 6 | } 7 | 8 | const TimelineContext = createContext({}) 9 | 10 | export default TimelineContext 11 | -------------------------------------------------------------------------------- /packages/core/src/timeline/timeline.scss: -------------------------------------------------------------------------------- 1 | @import "./variables"; 2 | 3 | .#{$component-prefix}timeline { 4 | display: flex; 5 | flex-direction: column; 6 | justify-content: space-between; 7 | } 8 | -------------------------------------------------------------------------------- /packages/core/src/toast/index.scss: -------------------------------------------------------------------------------- 1 | @import "./toast"; 2 | -------------------------------------------------------------------------------- /packages/core/src/toast/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../loading/style" 3 | import "../../popup/style" 4 | import "../index.scss" 5 | -------------------------------------------------------------------------------- /packages/core/src/transition/_variables.scss: -------------------------------------------------------------------------------- 1 | @import "../styles/prefix"; 2 | @import "../styles/variables"; 3 | -------------------------------------------------------------------------------- /packages/core/src/transition/index.scss: -------------------------------------------------------------------------------- 1 | @import "./transition"; 2 | -------------------------------------------------------------------------------- /packages/core/src/transition/index.ts: -------------------------------------------------------------------------------- 1 | export { default, TransitionName } from "./transition" 2 | -------------------------------------------------------------------------------- /packages/core/src/transition/shared.tsx: -------------------------------------------------------------------------------- 1 | export const DEFAULT_FADE_TRANSITION_DURATION = 300 2 | -------------------------------------------------------------------------------- /packages/core/src/transition/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/tree-select/index.scss: -------------------------------------------------------------------------------- 1 | @import "./tree-select"; 2 | @import "./tree-select-option"; 3 | @import "./tree-select-tab"; 4 | -------------------------------------------------------------------------------- /packages/core/src/tree-select/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../sidebar/style" 3 | import "../index.scss" 4 | -------------------------------------------------------------------------------- /packages/core/src/tree-select/tree-select-tab.scss: -------------------------------------------------------------------------------- 1 | @import "./variables"; 2 | 3 | .#{$component-prefix}tree-select-tab { 4 | padding: $tree-select-tab-padding; 5 | } 6 | -------------------------------------------------------------------------------- /packages/core/src/uploader/index.scss: -------------------------------------------------------------------------------- 1 | @import "./uploader"; 2 | -------------------------------------------------------------------------------- /packages/core/src/uploader/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../../loading/style" 3 | import "../../image/style" 4 | import "../index.scss" 5 | -------------------------------------------------------------------------------- /packages/core/src/uploader/uploader.context.ts: -------------------------------------------------------------------------------- 1 | import { createContext } from "react" 2 | 3 | interface UploaderContextValue { 4 | removable?: boolean 5 | disabled?: boolean 6 | 7 | onUpload?(): void 8 | 9 | onRemove?(): void 10 | } 11 | 12 | const UploaderContext = createContext({}) 13 | 14 | export default UploaderContext 15 | -------------------------------------------------------------------------------- /packages/core/src/utils/closest.ts: -------------------------------------------------------------------------------- 1 | export const closest = (arr: number[], target: number) => 2 | arr.reduce((pre, cur) => (Math.abs(pre - target) < Math.abs(cur - target) ? pre : cur)) 3 | -------------------------------------------------------------------------------- /packages/core/src/utils/dom/can-use-dom.ts: -------------------------------------------------------------------------------- 1 | export const canUseDom = !!( 2 | typeof window !== "undefined" && 3 | typeof document !== "undefined" && 4 | window.document && 5 | window.document.createElement 6 | ) 7 | -------------------------------------------------------------------------------- /packages/core/src/utils/dom/supports-passive.ts: -------------------------------------------------------------------------------- 1 | import { canUseDom } from "./can-use-dom" 2 | 3 | export let supportsPassive = false 4 | 5 | if (canUseDom) { 6 | try { 7 | const opts = Object.defineProperty({}, "passive", { 8 | get: () => { 9 | supportsPassive = true 10 | }, 11 | }) 12 | window.addEventListener("testPassive", null as never, opts) 13 | } catch (e) {} 14 | } 15 | -------------------------------------------------------------------------------- /packages/core/src/utils/format/__tests__/unit.test.ts: -------------------------------------------------------------------------------- 1 | import { unitToPx } from "../unit" 2 | 3 | describe("Unit", () => { 4 | // The default button contains prefix--contained --medium --default 5 | it("10px should be 10", () => { 6 | const unit = unitToPx("10px") 7 | expect(unit).toBe(10) 8 | }) 9 | }) 10 | -------------------------------------------------------------------------------- /packages/core/src/watermark/_variables.scss: -------------------------------------------------------------------------------- 1 | @import "../styles/prefix"; 2 | 3 | $watermark-z-index: var(--watermark-z-index, 100); 4 | -------------------------------------------------------------------------------- /packages/core/src/watermark/index.scss: -------------------------------------------------------------------------------- 1 | @import "./watermark"; 2 | -------------------------------------------------------------------------------- /packages/core/src/watermark/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./watermark" 2 | 3 | export type { WatermarkThemeVars } from "./watermark.shared" 4 | -------------------------------------------------------------------------------- /packages/core/src/watermark/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/src/watermark/watermark.shared.ts: -------------------------------------------------------------------------------- 1 | export type WatermarkThemeVars = { 2 | watermarkZIndex?: string 3 | } 4 | -------------------------------------------------------------------------------- /packages/core/src/white-space/index.scss: -------------------------------------------------------------------------------- 1 | @import "./white-space"; 2 | -------------------------------------------------------------------------------- /packages/core/src/white-space/index.ts: -------------------------------------------------------------------------------- 1 | import WhiteSpace from "./white-space" 2 | 3 | export { WhiteSpaceSize } from "./white-space" 4 | 5 | export default WhiteSpace 6 | -------------------------------------------------------------------------------- /packages/core/src/white-space/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../../styles/style" 2 | import "../index.scss" 3 | -------------------------------------------------------------------------------- /packages/core/test/event.ts: -------------------------------------------------------------------------------- 1 | import { fireEvent } from "@testing-library/react" 2 | 3 | export function touchEvent(el: Element | Node | Document | Window, clientX = 0, clientY = 0) { 4 | fireEvent.touchStart(el, { touches: [{ clientX: 0, clientY: 0 }] }) 5 | fireEvent.touchMove(el, { touches: [{ clientX, clientY }] }) 6 | fireEvent.touchEnd(el) 7 | } 8 | -------------------------------------------------------------------------------- /packages/core/test/index.ts: -------------------------------------------------------------------------------- 1 | export function sleep(time: number): Promise { 2 | return new Promise((resolve) => { 3 | setTimeout(resolve, time) 4 | }) 5 | } 6 | 7 | export * from "./event" 8 | -------------------------------------------------------------------------------- /packages/demo/.editorconfig: -------------------------------------------------------------------------------- 1 | # http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | indent_style = space 6 | indent_size = 2 7 | charset = utf-8 8 | trim_trailing_whitespace = true 9 | insert_final_newline = true 10 | 11 | [*.md] 12 | trim_trailing_whitespace = false 13 | -------------------------------------------------------------------------------- /packages/demo/.eslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "extends": [ 3 | "taro/react" 4 | ], 5 | "rules": { 6 | "react/jsx-uses-react": "off", 7 | "react/react-in-jsx-scope": "off", 8 | "react/no-children-prop": "off", 9 | "no-console": "warn", 10 | "quotes": [ 11 | "error", 12 | "double" 13 | ], 14 | "jsx-quotes": [ 15 | "error", 16 | "prefer-double" 17 | ] 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /packages/demo/project.swan.json: -------------------------------------------------------------------------------- 1 | { 2 | "miniprogramRoot": "./dist/swan", 3 | "projectname": "taroify-demo", 4 | "description": "", 5 | "appid": "17767960", 6 | "setting": { 7 | "urlCheck": true, 8 | "es6": false, 9 | "postcss": false, 10 | "minified": false 11 | }, 12 | "compileType": "miniprogram" 13 | } 14 | -------------------------------------------------------------------------------- /packages/demo/project.tt.json: -------------------------------------------------------------------------------- 1 | { 2 | "miniprogramRoot": "./", 3 | "projectname": "taroify-demo", 4 | "appid": "testAppId", 5 | "setting": { 6 | "es6": false, 7 | "minified": false 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /packages/demo/src/app.tsx: -------------------------------------------------------------------------------- 1 | import { ReactNode } from "react" 2 | import "./app.scss" 3 | import "./emulator" 4 | 5 | interface AppProps { 6 | children?: ReactNode 7 | } 8 | 9 | function App({ children }: AppProps) { 10 | return children 11 | } 12 | 13 | export default App 14 | -------------------------------------------------------------------------------- /packages/demo/src/components/block-card.scss: -------------------------------------------------------------------------------- 1 | @import "../styles/prefix"; 2 | @import "~@taroify/core/styles/variables"; 3 | 4 | .#{$demo-prefix}block-card { 5 | margin: 12px * $hd 12px * $hd 0; 6 | overflow: hidden; 7 | border-radius: 8px; 8 | } 9 | -------------------------------------------------------------------------------- /packages/demo/src/components/custom-wrapper.tsx: -------------------------------------------------------------------------------- 1 | import { ReactNode } from "react" 2 | 3 | interface CustomWrapperProps { 4 | children?: ReactNode 5 | } 6 | 7 | function CustomWrapper(props: CustomWrapperProps) { 8 | return props.children as JSX.Element 9 | } 10 | 11 | export default CustomWrapper 12 | -------------------------------------------------------------------------------- /packages/demo/src/components/custom-wrapper.weapp.tsx: -------------------------------------------------------------------------------- 1 | import { CustomWrapper as TaroCustomWrapper } from "@tarojs/components" 2 | import { ReactNode } from "react" 3 | 4 | interface CustomWrapperProps { 5 | children?: ReactNode 6 | } 7 | 8 | function CustomWrapper(props: CustomWrapperProps) { 9 | return 10 | } 11 | 12 | export default CustomWrapper 13 | -------------------------------------------------------------------------------- /packages/demo/src/emulator.h5.ts: -------------------------------------------------------------------------------- 1 | import "@vant/touch-emulator" 2 | -------------------------------------------------------------------------------- /packages/demo/src/emulator.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mallfoundry/taroify/270e7a2ccdbea6418192326ecf9c7a4e4a4de7d3/packages/demo/src/emulator.ts -------------------------------------------------------------------------------- /packages/demo/src/pages/action/action-sheet/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "ActionSheet 动作面板", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/action/action-sheet/index.scss: -------------------------------------------------------------------------------- 1 | .action-sheet-demo { 2 | } 3 | -------------------------------------------------------------------------------- /packages/demo/src/pages/action/backdrop/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Backdrop 背景暗化", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/action/dialog/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Dialog 弹出框", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/action/dialog/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/variables"; 2 | @import "../../../styles/prefix"; 3 | 4 | 5 | .dialog-demo { 6 | } 7 | -------------------------------------------------------------------------------- /packages/demo/src/pages/action/dropdown-menu/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "DropdownMenu 下拉菜单", 3 | enablePageMeta: true 4 | } 5 | -------------------------------------------------------------------------------- /packages/demo/src/pages/action/floating-bubble/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "FloatingBubble 浮动气泡", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/action/floating-bubble/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/prefix"; 2 | @import "~@taroify/core/styles/variables"; 3 | @import "../../../styles/prefix"; 4 | 5 | .floating-bubble-demo { 6 | height: 100vh; 7 | } 8 | -------------------------------------------------------------------------------- /packages/demo/src/pages/action/floating-panel/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "FloatingPanel 浮动面板", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/action/floating-panel/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/prefix"; 2 | @import "~@taroify/core/styles/variables"; 3 | @import "../../../styles/prefix"; 4 | 5 | .floating-panel-demo { 6 | height: 100vh; 7 | } 8 | -------------------------------------------------------------------------------- /packages/demo/src/pages/action/loading/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Loading 加载", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/action/notify/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Notify 消息提示", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/action/notify/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/variables"; 2 | @import "../../../styles/prefix"; 3 | 4 | .notify-demo { 5 | // none 6 | } 7 | -------------------------------------------------------------------------------- /packages/demo/src/pages/action/pull-refresh/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "PullRefresh 下拉刷新", 3 | disableScroll: true, 4 | } 5 | -------------------------------------------------------------------------------- /packages/demo/src/pages/action/share-sheet/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "ShareSheet 分享面板", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/action/share-sheet/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/prefix"; 2 | @import "~@taroify/core/styles/variables"; 3 | @import "../../../styles/prefix"; 4 | 5 | .share-sheet-demo { 6 | } 7 | -------------------------------------------------------------------------------- /packages/demo/src/pages/action/swipe-cell/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "SwipeCell 滑动单元格", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/basic/button/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Button 按钮", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/basic/button/index.scss: -------------------------------------------------------------------------------- 1 | .button-demo { 2 | background: #fff; 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/basic/cell/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Cell 单元格", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/basic/cell/index.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/prefix"; 2 | 3 | .cell-demo { 4 | .#{$demo-prefix}block__content { 5 | padding: 0; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /packages/demo/src/pages/basic/config-provider/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "ConfigProvider 全局配置", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/basic/config-provider/index.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/prefix"; 2 | 3 | .config-provider-demo { 4 | .#{$demo-prefix}block__content { 5 | padding: 0; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /packages/demo/src/pages/basic/fixed-view/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "FixedView 固定视图", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/basic/fixed-view/index.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/prefix"; 2 | 3 | .fixed-view-demo { 4 | .#{$demo-prefix}page__content { 5 | padding: 0; 6 | text-align: center; 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /packages/demo/src/pages/basic/fixed-view/index.tsx: -------------------------------------------------------------------------------- 1 | import { FixedView } from "@taroify/core" 2 | import Page from "../../../components/page" 3 | 4 | import "./index.scss" 5 | 6 | export default function FixedViewDemo() { 7 | return ( 8 | 9 | 固定在底部 10 | 11 | ) 12 | } 13 | -------------------------------------------------------------------------------- /packages/demo/src/pages/basic/flex/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Flex 布局", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/basic/icon/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Icon 图标", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/basic/image/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Image 图片", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/basic/popup/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Popup 弹出层", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/basic/safe-area/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "SafeArea 安全区域", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/basic/safe-area/index.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/prefix"; 2 | 3 | .safe-area-demo { 4 | .#{$demo-prefix}page__content { 5 | padding: 0; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /packages/demo/src/pages/basic/space/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Space 间距", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/basic/space/index.scss: -------------------------------------------------------------------------------- 1 | .space-demo { 2 | // none 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/basic/style/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "内置样式", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/basic/toast/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Toast 轻提示", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/basic/toast/index.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/prefix"; 2 | 3 | .toast-demo { 4 | } 5 | -------------------------------------------------------------------------------- /packages/demo/src/pages/commerce/action-bar/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "ActionBar 动作栏", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/commerce/action-bar/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/prefix"; 2 | @import "~@taroify/core/styles/variables"; 3 | @import "../../../styles/prefix"; 4 | 5 | .action-bar-demo { 6 | .#{$demo-prefix}block__content { 7 | padding: 0; 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/avatar/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Avatar 头像", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/badge/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Badge 徽标", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/circle/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Circle 环形进度条", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/circle/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/prefix"; 2 | @import "~@taroify/core/styles/variables"; 3 | @import "../../../styles/prefix"; 4 | 5 | .circle-demo { 6 | } 7 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/collapse/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Collapse 折叠面板", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/countdown/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Countdown 倒计时", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/divider/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Divider 分割线", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/divider/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/variables"; 2 | @import "../../../styles/prefix"; 3 | 4 | .divider-demo { 5 | background: #fff; 6 | 7 | .#{$demo-prefix}page__content { 8 | background: inherit; 9 | padding: 0 0 20px * $hd 0; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/empty/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Empty 空状态", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/list/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "List 列表", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/list/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/prefix"; 2 | @import "~@taroify/core/styles/variables"; 3 | 4 | .list-demo { 5 | background: #fff; 6 | 7 | .#{$component-prefix}cell__value { 8 | text-align: center; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/notice-bar/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "NoticeBar 通知栏", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/progress/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Progress 进度条", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/rolling-text/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "RollingText 翻滚文本动效", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/skeleton/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Skeleton 骨架屏", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/space/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Space 间隔", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/steps/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Steps 步骤条", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/sticky/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Sticky 粘性布局", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/swiper/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Swiper 轮播", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/tag/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Tag 标签", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/tag/index.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/prefix"; 2 | 3 | .tag-demo { 4 | :global { 5 | .#{$demo-prefix}page__content { 6 | padding: 0; 7 | } 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/text-ellipsis/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "TextEllipsis 文本省略", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/text-ellipsis/index.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/prefix"; 2 | 3 | .text-props-ellipsis-demo { 4 | background-color: white; 5 | .#{$demo-prefix}page__content { 6 | padding: 0; 7 | // --text-ellipsis-content-font-size: 0.5rem; 8 | 9 | .taroify-demo-block__title { 10 | padding: 0.8rem; 11 | padding-bottom: 0.2rem; 12 | } 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/timeline/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Timeline 时间轴", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/display/watermark/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Watermark 水印", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/area-picker/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "AreaPicker 省市区选择器", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/area-picker/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/prefix"; 2 | @import "../../../styles/prefix"; 3 | 4 | .area-picker-demo { 5 | .#{$component-prefix}toast { 6 | text-align: left; 7 | } 8 | 9 | .#{$demo-prefix}block__content { 10 | padding: 0; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/calendar/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Calendar 日历", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/cascader/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Cascader 级联选择", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/cascader/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/prefix"; 2 | @import "~@taroify/core/styles/variables"; 3 | @import "../../../styles/prefix"; 4 | 5 | .cascader-demo { 6 | 7 | .custom-color { 8 | --tabs-active-color: red; 9 | --cascader-active-color: red; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/checkbox/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Checkbox 复选框", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/datetime-picker/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "DatetimePicker 时间选择", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/datetime-picker/index.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/prefix"; 2 | 3 | .datetime-picker-demo { 4 | .#{$demo-prefix}block__content { 5 | padding: 0; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/field/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Field 输入框", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/field/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/prefix"; 2 | @import "~@taroify/core/styles/variables"; 3 | @import "../../../styles/prefix"; 4 | 5 | .field-demo { 6 | .#{$demo-prefix}block__content { 7 | padding: 0; 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/form/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Form 表单", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/form/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/prefix"; 2 | @import "~@taroify/core/styles/variables"; 3 | @import "../../../styles/prefix"; 4 | 5 | .form-demo { 6 | .#{$demo-prefix}block__content { 7 | padding: 0; 8 | } 9 | 10 | .#{$component-prefix}toast { 11 | text-align: left; 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/number-keyboard/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "NumberKeyboard 数字键盘", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/number-keyboard/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/prefix"; 2 | @import "~@taroify/core/styles/variables"; 3 | @import "../../../styles/prefix"; 4 | 5 | .number-keyboard-demo { 6 | .#{$demo-prefix}block__content { 7 | padding: 0; 8 | } 9 | 10 | .#{$component-prefix}cell__value { 11 | flex: 0; 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/password-input/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "PasswordInput 密码输入框", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/password-input/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/prefix"; 2 | @import "~@taroify/core/styles/variables"; 3 | @import "../../../styles/prefix"; 4 | 5 | .password-input-demo { 6 | min-height: 150vh; 7 | 8 | .#{$demo-prefix}block__content { 9 | padding: 0; 10 | } 11 | } 12 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/picker/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Picker 选择器", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/picker/index.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/prefix"; 2 | 3 | .picker-demo { 4 | .#{$demo-prefix}block__content { 5 | padding: 0; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/radio/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Radio 单选框", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/rate/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Rate 评分", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/rate/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/prefix"; 2 | @import "~@taroify/core/styles/variables"; 3 | @import "../../../styles/prefix"; 4 | 5 | .rate-demo { 6 | .custom-color { 7 | --rate-icon-empty-color: #eee; 8 | --rate-icon-full-color: #ffd21e; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/search/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Search 搜索", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/search/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/prefix"; 2 | @import "~@taroify/core/styles/variables"; 3 | @import "../../../styles/prefix"; 4 | 5 | .search-demo { 6 | .#{$demo-prefix}block__content { 7 | padding: 0; 8 | } 9 | 10 | .background { 11 | --search-background-color: #4fc08d; 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/signature/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Signature 签名", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/signature/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/prefix"; 2 | @import "~@taroify/core/styles/variables"; 3 | @import "../../../styles/prefix"; 4 | 5 | .signature-demo { 6 | .#{$demo-prefix}block__content { 7 | padding: 0; 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/slider/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Slider 滑块", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/stepper/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Stepper 步进器", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/stepper/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/prefix"; 2 | @import "~@taroify/core/styles/variables"; 3 | @import "../../../styles/prefix"; 4 | 5 | .stepper-demo { 6 | } 7 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/switch/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Switch 开关", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/form/uploader/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Uploader 文件上传", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/home/index.config.ts: -------------------------------------------------------------------------------- 1 | export default definePageConfig({ 2 | enableShareAppMessage: true, 3 | navigationBarTitleText: "首页", 4 | }) 5 | -------------------------------------------------------------------------------- /packages/demo/src/pages/navigation/back-top/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "BackTop 回到顶部", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/navigation/back-top/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/variables"; 2 | @import "../../../styles/prefix"; 3 | 4 | .back-top-demo { 5 | --tab-font-size: 22px; 6 | 7 | .custom-back-top { 8 | width: 160px; 9 | font-size: 28px; 10 | text-align: center; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /packages/demo/src/pages/navigation/fixed-nav/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "FixedNav 悬浮导航", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/navigation/grid/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Grid 宫格", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/navigation/grid/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/variables"; 2 | @import "../../../styles/prefix"; 3 | 4 | .grid-demo { 5 | 6 | .grid-image { 7 | width: 100%; 8 | height: 100%; 9 | } 10 | 11 | .#{$demo-prefix}page__content { 12 | padding: 0 0 20px * $hd 0; 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /packages/demo/src/pages/navigation/index-list/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "IndexList 索引栏", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/navigation/index-list/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/prefix"; 2 | @import "../../../styles/prefix"; 3 | 4 | .index-list-demo { 5 | .#{$demo-prefix}block__content { 6 | padding: 0; 7 | } 8 | 9 | &_btn { 10 | margin: 40px 0; 11 | } 12 | 13 | &_wrap { 14 | padding-top: 80px; 15 | box-sizing: border-box; 16 | height: 100%; 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /packages/demo/src/pages/navigation/navbar/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Navbar 导航栏", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/navigation/navbar/index.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/prefix"; 2 | 3 | .navbar-demo { 4 | .#{$demo-prefix}block__content { 5 | padding: 0; 6 | } 7 | } 8 | -------------------------------------------------------------------------------- /packages/demo/src/pages/navigation/pagination/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Pagination 分页", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/navigation/pagination/index.scss: -------------------------------------------------------------------------------- 1 | @import "../../../styles/prefix"; 2 | 3 | .pagination-demo { 4 | // none 5 | } 6 | -------------------------------------------------------------------------------- /packages/demo/src/pages/navigation/sidebar/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Sidebar 侧边导航", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/navigation/sidebar/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/prefix"; 2 | @import "~@taroify/core/styles/variables"; 3 | @import "../../../styles/prefix"; 4 | 5 | .sidebar-demo { 6 | height: 100%; 7 | background: #fff; 8 | 9 | .#{$demo-prefix}block__title { 10 | padding-left: 0; 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /packages/demo/src/pages/navigation/tabbar/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Tabbar 标签栏", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/navigation/tabbar/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/prefix"; 2 | @import "../../../styles/prefix"; 3 | 4 | .tabbar-demo { 5 | .#{$demo-prefix}block__content { 6 | padding: 0; 7 | } 8 | 9 | .custom-color { 10 | --tabbar-item-color: #000; 11 | --tabbar-item-active-color: #ee0a24; 12 | } 13 | } 14 | -------------------------------------------------------------------------------- /packages/demo/src/pages/navigation/tabs/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "Tabs 标签页", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/navigation/tree-select/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "TreeSelect 分类选择", 3 | } 4 | -------------------------------------------------------------------------------- /packages/demo/src/pages/navigation/tree-select/index.scss: -------------------------------------------------------------------------------- 1 | @import "~@taroify/core/styles/prefix"; 2 | @import "~@taroify/core/styles/variables"; 3 | @import "../../../styles/prefix"; 4 | 5 | .tree-select-demo { 6 | 7 | .#{$demo-prefix}block__content { 8 | padding: 0; 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /packages/demo/src/styles/_prefix.scss: -------------------------------------------------------------------------------- 1 | $demo-prefix: "taroify-demo-"; 2 | -------------------------------------------------------------------------------- /packages/demo/src/styles/index.ts: -------------------------------------------------------------------------------- 1 | export { demoPrefix } from "./prefix" 2 | -------------------------------------------------------------------------------- /packages/demo/src/styles/prefix.ts: -------------------------------------------------------------------------------- 1 | const DEMO_PREFIX = "taroify-demo-" 2 | 3 | export function demoPrefixClassname(component: string) { 4 | return `${DEMO_PREFIX}${component}` 5 | } 6 | -------------------------------------------------------------------------------- /packages/demo/src/subpackages.d.ts: -------------------------------------------------------------------------------- 1 | export interface Page { 2 | title: string 3 | name?: string 4 | path?: string 5 | } 6 | 7 | export interface Subpackage { 8 | root: string 9 | title: string 10 | pages: Page[] 11 | } 12 | 13 | declare const subpackages: Subpackage[] 14 | 15 | export default subpackages 16 | -------------------------------------------------------------------------------- /packages/demo/src/utils/lorem.ts: -------------------------------------------------------------------------------- 1 | import { LoremIpsum } from "lorem-ipsum" 2 | 3 | const lorem = new LoremIpsum({ 4 | sentencesPerParagraph: { 5 | max: 8, 6 | min: 4, 7 | }, 8 | wordsPerSentence: { 9 | max: 16, 10 | min: 4, 11 | }, 12 | }) 13 | 14 | export default lorem 15 | -------------------------------------------------------------------------------- /packages/gulp/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | __tests__ 3 | *.log 4 | tsconfig.json 5 | yarn.lock 6 | package-lock.json 7 | -------------------------------------------------------------------------------- /packages/gulp/__tests__/bundle.test.js: -------------------------------------------------------------------------------- 1 | const bundle = require("../bundle") 2 | 3 | describe("gulp bundle", () => { 4 | it("init packageJson", () => { 5 | // bundle.createBundle("core")() 6 | }) 7 | }) 8 | -------------------------------------------------------------------------------- /packages/gulp/__tests__/scss.test.js: -------------------------------------------------------------------------------- 1 | describe("gulp scss", () => { 2 | it("dist ?? bundle", () => { 3 | const bundle = "core" 4 | const dist = undefined 5 | expect(dist ?? bundle).toBe("core") 6 | }) 7 | }) 8 | -------------------------------------------------------------------------------- /packages/hooks/.npmignore: -------------------------------------------------------------------------------- 1 | src 2 | __tests__ 3 | *.log 4 | tsconfig.json 5 | yarn.lock 6 | package-lock.json 7 | -------------------------------------------------------------------------------- /packages/hooks/src/index.ts: -------------------------------------------------------------------------------- 1 | export { default as useArea } from "./use-area" 2 | export { default as useCascader } from "./use-cascader" 3 | export { default as useForceUpdate } from "./use-force-update" 4 | export { default as useGetter } from "./use-getter" 5 | export { default as useToRef } from "./use-to-ref" 6 | export { default as useUncontrolled } from "./use-uncontrolled" 7 | -------------------------------------------------------------------------------- /packages/hooks/src/use-area/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./use-area" 2 | export type { AreaFormatter } from "./use-area" 3 | export type { AreaData } from "./area.shared" 4 | -------------------------------------------------------------------------------- /packages/hooks/src/use-cascader/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./use-cascader" 2 | -------------------------------------------------------------------------------- /packages/hooks/src/use-force-update/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./use-force-update" 2 | -------------------------------------------------------------------------------- /packages/hooks/src/use-force-update/use-force-update.ts: -------------------------------------------------------------------------------- 1 | import { useReducer } from "react" 2 | 3 | const updateReducer = (num: number): number => (num + 1) % 1_000_000 4 | 5 | function useForceUpdate(): () => void { 6 | const [, update] = useReducer(updateReducer, 0) 7 | 8 | return update 9 | } 10 | 11 | export default useForceUpdate 12 | -------------------------------------------------------------------------------- /packages/hooks/src/use-getter/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./use-getter" 2 | -------------------------------------------------------------------------------- /packages/hooks/src/use-getter/use-getter.ts: -------------------------------------------------------------------------------- 1 | import * as _ from "lodash" 2 | import { useMemo } from "react" 3 | 4 | export default function useGetter(state?: T | (() => T)) { 5 | return useMemo(() => { 6 | if (_.isFunction(state)) { 7 | return state 8 | } 9 | return () => state 10 | }, [state]) 11 | } 12 | -------------------------------------------------------------------------------- /packages/hooks/src/use-to-ref/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./use-to-ref" 2 | -------------------------------------------------------------------------------- /packages/hooks/src/use-to-ref/use-to-ref.ts: -------------------------------------------------------------------------------- 1 | import { type MutableRefObject, useRef } from "react" 2 | 3 | export default function useToRef(value: T): MutableRefObject { 4 | const stateRef = useRef() 5 | stateRef.current = value 6 | return stateRef as MutableRefObject 7 | } 8 | -------------------------------------------------------------------------------- /packages/hooks/src/use-uncontrolled/index.ts: -------------------------------------------------------------------------------- 1 | export { default } from "./use-uncontrolled" 2 | -------------------------------------------------------------------------------- /packages/icons/.npmignore: -------------------------------------------------------------------------------- 1 | scripts 2 | src 3 | __tests__ 4 | *.log 5 | tsconfig.json 6 | yarn.lock 7 | package-lock.json 8 | -------------------------------------------------------------------------------- /packages/icons/src/Add.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Add = createVanIconComponent("add") 4 | export default Add 5 | -------------------------------------------------------------------------------- /packages/icons/src/AddOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const AddOutlined = createVanIconComponent("add-o") 4 | export default AddOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/AddSquare.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const AddSquare = createVanIconComponent("add-square") 4 | export default AddSquare 5 | -------------------------------------------------------------------------------- /packages/icons/src/AfterSale.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const AfterSale = createVanIconComponent("after-sale") 4 | export default AfterSale 5 | -------------------------------------------------------------------------------- /packages/icons/src/Aim.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Aim = createVanIconComponent("aim") 4 | export default Aim 5 | -------------------------------------------------------------------------------- /packages/icons/src/Alipay.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Alipay = createVanIconComponent("alipay") 4 | export default Alipay 5 | -------------------------------------------------------------------------------- /packages/icons/src/AppsOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const AppsOutlined = createVanIconComponent("apps-o") 4 | export default AppsOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Arrow.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Arrow = createVanIconComponent("arrow") 4 | export default Arrow 5 | -------------------------------------------------------------------------------- /packages/icons/src/ArrowDown.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const ArrowDown = createVanIconComponent("arrow-down") 4 | export default ArrowDown 5 | -------------------------------------------------------------------------------- /packages/icons/src/ArrowLeft.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const ArrowLeft = createVanIconComponent("arrow-left") 4 | export default ArrowLeft 5 | -------------------------------------------------------------------------------- /packages/icons/src/ArrowRight.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const ArrowRight = createVanIconComponent("arrow") 4 | export default ArrowRight 5 | -------------------------------------------------------------------------------- /packages/icons/src/ArrowUp.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const ArrowUp = createVanIconComponent("arrow-up") 4 | export default ArrowUp 5 | -------------------------------------------------------------------------------- /packages/icons/src/Ascending.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Ascending = createVanIconComponent("ascending") 4 | export default Ascending 5 | -------------------------------------------------------------------------------- /packages/icons/src/Audio.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Audio = createVanIconComponent("audio") 4 | export default Audio 5 | -------------------------------------------------------------------------------- /packages/icons/src/Award.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Award = createVanIconComponent("award") 4 | export default Award 5 | -------------------------------------------------------------------------------- /packages/icons/src/AwardOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const AwardOutlined = createVanIconComponent("award-o") 4 | export default AwardOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/BackTop.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const BackTop = createVanIconComponent("back-top") 4 | export default BackTop 5 | -------------------------------------------------------------------------------- /packages/icons/src/Bag.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Bag = createVanIconComponent("bag") 4 | export default Bag 5 | -------------------------------------------------------------------------------- /packages/icons/src/BagOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const BagOutlined = createVanIconComponent("bag-o") 4 | export default BagOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/BalanceList.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const BalanceList = createVanIconComponent("balance-list") 4 | export default BalanceList 5 | -------------------------------------------------------------------------------- /packages/icons/src/BalanceListOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const BalanceListOutlined = createVanIconComponent("balance-list-o") 4 | export default BalanceListOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/BalanceOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const BalanceOutlined = createVanIconComponent("balance-o") 4 | export default BalanceOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/BalancePay.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const BalancePay = createVanIconComponent("balance-pay") 4 | export default BalancePay 5 | -------------------------------------------------------------------------------- /packages/icons/src/BarChartOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const BarChartOutlined = createVanIconComponent("bar-chart-o") 4 | export default BarChartOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Bars.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Bars = createVanIconComponent("bars") 4 | export default Bars 5 | -------------------------------------------------------------------------------- /packages/icons/src/Bell.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Bell = createVanIconComponent("bell") 4 | export default Bell 5 | -------------------------------------------------------------------------------- /packages/icons/src/Bill.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Bill = createVanIconComponent("bill") 4 | export default Bill 5 | -------------------------------------------------------------------------------- /packages/icons/src/BillOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const BillOutlined = createVanIconComponent("bill-o") 4 | export default BillOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/BirthdayCakeOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const BirthdayCakeOutlined = createVanIconComponent("birthday-cake-o") 4 | export default BirthdayCakeOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Bookmark.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Bookmark = createVanIconComponent("bookmark") 4 | export default Bookmark 5 | -------------------------------------------------------------------------------- /packages/icons/src/BookmarkOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const BookmarkOutlined = createVanIconComponent("bookmark-o") 4 | export default BookmarkOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/BrowsingHistory.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const BrowsingHistory = createVanIconComponent("browsing-history") 4 | export default BrowsingHistory 5 | -------------------------------------------------------------------------------- /packages/icons/src/BrowsingHistoryOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const BrowsingHistoryOutlined = createVanIconComponent("browsing-history-o") 4 | export default BrowsingHistoryOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/BrushOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const BrushOutlined = createVanIconComponent("brush-o") 4 | export default BrushOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/BulbOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const BulbOutlined = createVanIconComponent("bulb-o") 4 | export default BulbOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/BullhornOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const BullhornOutlined = createVanIconComponent("bullhorn-o") 4 | export default BullhornOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/CalendarOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const CalendarOutlined = createVanIconComponent("calendar-o") 4 | export default CalendarOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Card.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Card = createVanIconComponent("card") 4 | export default Card 5 | -------------------------------------------------------------------------------- /packages/icons/src/Cart.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Cart = createVanIconComponent("cart") 4 | export default Cart 5 | -------------------------------------------------------------------------------- /packages/icons/src/CartCircle.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const CartCircle = createVanIconComponent("cart-circle") 4 | export default CartCircle 5 | -------------------------------------------------------------------------------- /packages/icons/src/CartCircleOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const CartCircleOutlined = createVanIconComponent("cart-circle-o") 4 | export default CartCircleOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/CartOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const CartOutlined = createVanIconComponent("cart-o") 4 | export default CartOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/CashBackRecord.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const CashBackRecord = createVanIconComponent("cash-back-record") 4 | export default CashBackRecord 5 | -------------------------------------------------------------------------------- /packages/icons/src/CashBackRecordOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const CashBackRecord = createVanIconComponent("cash-back-record-o") 4 | export default CashBackRecord 5 | -------------------------------------------------------------------------------- /packages/icons/src/CashOnDeliver.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const CashOnDeliver = createVanIconComponent("cash-on-deliver") 4 | export default CashOnDeliver 5 | -------------------------------------------------------------------------------- /packages/icons/src/CashierOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const CashierOutlined = createVanIconComponent("cashier-o") 4 | export default CashierOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Certificate.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Certificate = createVanIconComponent("certificate") 4 | export default Certificate 5 | -------------------------------------------------------------------------------- /packages/icons/src/ChartTrendingOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const ChartTrendingOutlined = createVanIconComponent("chart-trending-o") 4 | export default ChartTrendingOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Chat.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Chat = createVanIconComponent("chat") 4 | export default Chat 5 | -------------------------------------------------------------------------------- /packages/icons/src/ChatOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const ChatOutlined = createVanIconComponent("chat-o") 4 | export default ChatOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Checked.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Checked = createVanIconComponent("checked") 4 | export default Checked 5 | -------------------------------------------------------------------------------- /packages/icons/src/Circle.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Circle = createVanIconComponent("circle") 4 | export default Circle 5 | -------------------------------------------------------------------------------- /packages/icons/src/Clear.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Clear = createVanIconComponent("clear") 4 | export default Clear 5 | -------------------------------------------------------------------------------- /packages/icons/src/Clock.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Clock = createVanIconComponent("clock") 4 | export default Clock 5 | -------------------------------------------------------------------------------- /packages/icons/src/ClockOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const ClockOutlined = createVanIconComponent("clock-o") 4 | export default ClockOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Close.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Close = createVanIconComponent("close") 4 | export default Close 5 | -------------------------------------------------------------------------------- /packages/icons/src/ClosedEye.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const ClosedEye = createVanIconComponent("closed-eye") 4 | export default ClosedEye 5 | -------------------------------------------------------------------------------- /packages/icons/src/Cluster.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Cluster = createVanIconComponent("cluster") 4 | export default Cluster 5 | -------------------------------------------------------------------------------- /packages/icons/src/ClusterOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const ClusterOutlined = createVanIconComponent("cluster-o") 4 | export default ClusterOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Column.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Column = createVanIconComponent("column") 4 | export default Column 5 | -------------------------------------------------------------------------------- /packages/icons/src/Comment.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Comment = createVanIconComponent("comment") 4 | export default Comment 5 | -------------------------------------------------------------------------------- /packages/icons/src/CommentCircle.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const CommentCircle = createVanIconComponent("comment-circle") 4 | export default CommentCircle 5 | -------------------------------------------------------------------------------- /packages/icons/src/CommentCircleOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const CommentCircleOutlined = createVanIconComponent("comment-circle-o") 4 | export default CommentCircleOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/CommentOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const CommentOutlined = createVanIconComponent("comment-o") 4 | export default CommentOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Completed.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Completed = createVanIconComponent("completed") 4 | export default Completed 5 | -------------------------------------------------------------------------------- /packages/icons/src/CompletedOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Completed = createVanIconComponent("completed-o") 4 | export default Completed 5 | -------------------------------------------------------------------------------- /packages/icons/src/Contact.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Contact = createVanIconComponent("contact") 4 | export default Contact 5 | -------------------------------------------------------------------------------- /packages/icons/src/ContactOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Contact = createVanIconComponent("contact-o") 4 | export default Contact 5 | -------------------------------------------------------------------------------- /packages/icons/src/Coupon.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Coupon = createVanIconComponent("coupon") 4 | export default Coupon 5 | -------------------------------------------------------------------------------- /packages/icons/src/CouponOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const CouponOutlined = createVanIconComponent("coupon-o") 4 | export default CouponOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/CreditPay.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const CreditPay = createVanIconComponent("credit-pay") 4 | export default CreditPay 5 | -------------------------------------------------------------------------------- /packages/icons/src/Cross.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Cross = createVanIconComponent("cross") 4 | export default Cross 5 | -------------------------------------------------------------------------------- /packages/icons/src/DebitPay.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const DebitPay = createVanIconComponent("debit-pay") 4 | export default DebitPay 5 | -------------------------------------------------------------------------------- /packages/icons/src/Delete.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Delete = createVanIconComponent("delete") 4 | export default Delete 5 | -------------------------------------------------------------------------------- /packages/icons/src/DeleteOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const DeleteOutlined = createVanIconComponent("delete-o") 4 | export default DeleteOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Descending.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Descending = createVanIconComponent("descending") 4 | export default Descending 5 | -------------------------------------------------------------------------------- /packages/icons/src/Description.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Description = createVanIconComponent("description") 4 | export default Description 5 | -------------------------------------------------------------------------------- /packages/icons/src/DescriptionOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Description = createVanIconComponent("description-o") 4 | export default Description 5 | -------------------------------------------------------------------------------- /packages/icons/src/DesktopOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const DesktopOutlined = createVanIconComponent("desktop-o") 4 | export default DesktopOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Diamond.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Diamond = createVanIconComponent("diamond") 4 | export default Diamond 5 | -------------------------------------------------------------------------------- /packages/icons/src/DiamondOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const DiamondOutlined = createVanIconComponent("diamond-o") 4 | export default DiamondOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Discount.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Discount = createVanIconComponent("discount") 4 | export default Discount 5 | -------------------------------------------------------------------------------- /packages/icons/src/DiscountOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Discount = createVanIconComponent("discount-o") 4 | export default Discount 5 | -------------------------------------------------------------------------------- /packages/icons/src/Down.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Down = createVanIconComponent("down") 4 | export default Down 5 | -------------------------------------------------------------------------------- /packages/icons/src/EcardPay.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const EcardPay = createVanIconComponent("ecard-pay") 4 | export default EcardPay 5 | -------------------------------------------------------------------------------- /packages/icons/src/Edit.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Edit = createVanIconComponent("edit") 4 | export default Edit 5 | -------------------------------------------------------------------------------- /packages/icons/src/Ellipsis.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Ellipsis = createVanIconComponent("ellipsis") 4 | export default Ellipsis 5 | -------------------------------------------------------------------------------- /packages/icons/src/Enlarge.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Enlarge = createVanIconComponent("enlarge") 4 | export default Enlarge 5 | -------------------------------------------------------------------------------- /packages/icons/src/EnvelopOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const EnvelopOutlined = createVanIconComponent("envelop-o") 4 | export default EnvelopOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Exchange.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Exchange = createVanIconComponent("exchange") 4 | export default Exchange 5 | -------------------------------------------------------------------------------- /packages/icons/src/Expand.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Expand = createVanIconComponent("expand") 4 | export default Expand 5 | -------------------------------------------------------------------------------- /packages/icons/src/ExpandOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const ExpandOutlined = createVanIconComponent("expand-o") 4 | export default ExpandOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Eye.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Eye = createVanIconComponent("eye") 4 | export default Eye 5 | -------------------------------------------------------------------------------- /packages/icons/src/EyeOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const EyeOutlined = createVanIconComponent("eye-o") 4 | export default EyeOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Fail.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Fail = createVanIconComponent("fail") 4 | export default Fail 5 | -------------------------------------------------------------------------------- /packages/icons/src/Failure.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Failure = createVanIconComponent("failure") 4 | export default Failure 5 | -------------------------------------------------------------------------------- /packages/icons/src/FilterOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const FilterOutlined = createVanIconComponent("filter-o") 4 | export default FilterOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Fire.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Fire = createVanIconComponent("fire") 4 | export default Fire 5 | -------------------------------------------------------------------------------- /packages/icons/src/FireOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const FireOutlined = createVanIconComponent("fire-o") 4 | export default FireOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/FlagOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const FlagOutlined = createVanIconComponent("flag-o") 4 | export default FlagOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/FlowerOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const FlowerOutlined = createVanIconComponent("flower-o") 4 | export default FlowerOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Font.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Font = createVanIconComponent("font") 4 | export default Font 5 | -------------------------------------------------------------------------------- /packages/icons/src/FontOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const FontOutlined = createVanIconComponent("font-o") 4 | export default FontOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/FreePostage.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const FreePostage = createVanIconComponent("free-postage") 4 | export default FreePostage 5 | -------------------------------------------------------------------------------- /packages/icons/src/Friends.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Friends = createVanIconComponent("friends") 4 | export default Friends 5 | -------------------------------------------------------------------------------- /packages/icons/src/FriendsOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const FriendsOutlined = createVanIconComponent("friends-o") 4 | export default FriendsOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Gem.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Gem = createVanIconComponent("gem") 4 | export default Gem 5 | -------------------------------------------------------------------------------- /packages/icons/src/GemOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const GemOutlined = createVanIconComponent("gem-o") 4 | export default GemOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Gift.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Gift = createVanIconComponent("gift") 4 | export default Gift 5 | -------------------------------------------------------------------------------- /packages/icons/src/GiftCard.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const GiftCard = createVanIconComponent("gift-card") 4 | export default GiftCard 5 | -------------------------------------------------------------------------------- /packages/icons/src/GiftCardOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const GiftCardOutlined = createVanIconComponent("gift-card-o") 4 | export default GiftCardOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/GiftOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const GiftOutlined = createVanIconComponent("gift-o") 4 | export default GiftOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/GoldCoin.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const GoldCoin = createVanIconComponent("gold-coin") 4 | export default GoldCoin 5 | -------------------------------------------------------------------------------- /packages/icons/src/GoldCoinOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const GoldCoinOutlined = createVanIconComponent("gold-coin-o") 4 | export default GoldCoinOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/GoodJob.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const GoodJob = createVanIconComponent("good-job") 4 | export default GoodJob 5 | -------------------------------------------------------------------------------- /packages/icons/src/GoodJobOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const GoodJobOutlined = createVanIconComponent("good-job-o") 4 | export default GoodJobOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/GoodsCollect.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const GoodsCollect = createVanIconComponent("goods-collect") 4 | export default GoodsCollect 5 | -------------------------------------------------------------------------------- /packages/icons/src/GoodsCollectOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const GoodsCollectOutlined = createVanIconComponent("goods-collect-o") 4 | export default GoodsCollectOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Graphic.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Graphic = createVanIconComponent("graphic") 4 | export default Graphic 5 | -------------------------------------------------------------------------------- /packages/icons/src/GuideOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const GuideOutlined = createVanIconComponent("guide-o") 4 | export default GuideOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/HomeOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const HomeOutlined = createVanIconComponent("home-o") 4 | export default HomeOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Hot.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Hot = createVanIconComponent("hot") 4 | export default Hot 5 | -------------------------------------------------------------------------------- /packages/icons/src/HotOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const HotOutlined = createVanIconComponent("hot-o") 4 | export default HotOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/HotSale.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const HotSale = createVanIconComponent("hot-sale") 4 | export default HotSale 5 | -------------------------------------------------------------------------------- /packages/icons/src/HotSaleOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const HotSaleOutlined = createVanIconComponent("hot-sale-o") 4 | export default HotSaleOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/HotelOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const HotelOutlined = createVanIconComponent("hotel-o") 4 | export default HotelOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Idcard.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Idcard = createVanIconComponent("idcard") 4 | export default Idcard 5 | -------------------------------------------------------------------------------- /packages/icons/src/Info.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Info = createVanIconComponent("info") 4 | export default Info 5 | -------------------------------------------------------------------------------- /packages/icons/src/InfoOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const InfoOutlined = createVanIconComponent("info-o") 4 | export default InfoOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Invitation.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Invitation = createVanIconComponent("invitation") 4 | export default Invitation 5 | -------------------------------------------------------------------------------- /packages/icons/src/Label.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Label = createVanIconComponent("label") 4 | export default Label 5 | -------------------------------------------------------------------------------- /packages/icons/src/LabelOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const LabelOutlined = createVanIconComponent("label-o") 4 | export default LabelOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Like.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Like = createVanIconComponent("like") 4 | export default Like 5 | -------------------------------------------------------------------------------- /packages/icons/src/LikeOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const LikeOutlined = createVanIconComponent("like-o") 4 | export default LikeOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/ListSwitch.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Add = createVanIconComponent("list-switch") 4 | export default Add 5 | -------------------------------------------------------------------------------- /packages/icons/src/ListSwitching.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Add = createVanIconComponent("list-switching") 4 | export default Add 5 | -------------------------------------------------------------------------------- /packages/icons/src/Live.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Live = createVanIconComponent("live") 4 | export default Live 5 | -------------------------------------------------------------------------------- /packages/icons/src/Location.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Location = createVanIconComponent("location") 4 | export default Location 5 | -------------------------------------------------------------------------------- /packages/icons/src/LocationOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const LocationOutlined = createVanIconComponent("location-o") 4 | export default LocationOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Lock.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Lock = createVanIconComponent("lock") 4 | export default Lock 5 | -------------------------------------------------------------------------------- /packages/icons/src/Logistics.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Logistics = createVanIconComponent("logistics") 4 | export default Logistics 5 | -------------------------------------------------------------------------------- /packages/icons/src/Manager.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Manager = createVanIconComponent("manager") 4 | export default Manager 5 | -------------------------------------------------------------------------------- /packages/icons/src/ManagerOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const ManagerOutlined = createVanIconComponent("manager-o") 4 | export default ManagerOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/MapMarked.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const MapMarked = createVanIconComponent("map-marked") 4 | export default MapMarked 5 | -------------------------------------------------------------------------------- /packages/icons/src/Medal.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Medal = createVanIconComponent("medal") 4 | export default Medal 5 | -------------------------------------------------------------------------------- /packages/icons/src/MedalOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const MedalOutlined = createVanIconComponent("medal-o") 4 | export default MedalOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Minus.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Minus = createVanIconComponent("minus") 4 | export default Minus 5 | -------------------------------------------------------------------------------- /packages/icons/src/More.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const More = createVanIconComponent("more") 4 | export default More 5 | -------------------------------------------------------------------------------- /packages/icons/src/MoreOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const MoreOutlined = createVanIconComponent("more-o") 4 | export default MoreOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Music.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Music = createVanIconComponent("music") 4 | export default Music 5 | -------------------------------------------------------------------------------- /packages/icons/src/MusicOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const MusicOutlined = createVanIconComponent("music-o") 4 | export default MusicOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/New.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const New = createVanIconComponent("new") 4 | export default New 5 | -------------------------------------------------------------------------------- /packages/icons/src/NewArrival.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const NewArrival = createVanIconComponent("new-arrival") 4 | export default NewArrival 5 | -------------------------------------------------------------------------------- /packages/icons/src/NewArrivalOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const NewArrivalOutlined = createVanIconComponent("new-arrival-o") 4 | export default NewArrivalOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/NewOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const NewOutlined = createVanIconComponent("new-o") 4 | export default NewOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Newspaper.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const NewspaperOutlined = createVanIconComponent("newspaper") 4 | export default NewspaperOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/NewspaperOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const NewspaperOutlined = createVanIconComponent("newspaper-o") 4 | export default NewspaperOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Notes.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const NotesOutlined = createVanIconComponent("notes") 4 | export default NotesOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/NotesOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const NotesOutlined = createVanIconComponent("notes-o") 4 | export default NotesOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/OrdersOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const OrdersOutlined = createVanIconComponent("orders-o") 4 | export default OrdersOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/OtherPay.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const OtherPay = createVanIconComponent("other-pay") 4 | export default OtherPay 5 | -------------------------------------------------------------------------------- /packages/icons/src/Paid.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Paid = createVanIconComponent("paid") 4 | export default Paid 5 | -------------------------------------------------------------------------------- /packages/icons/src/Passed.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Passed = createVanIconComponent("passed") 4 | export default Passed 5 | -------------------------------------------------------------------------------- /packages/icons/src/Pause.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Pause = createVanIconComponent("pause") 4 | export default Pause 5 | -------------------------------------------------------------------------------- /packages/icons/src/PauseCircle.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const PauseCircle = createVanIconComponent("pause-circle") 4 | export default PauseCircle 5 | -------------------------------------------------------------------------------- /packages/icons/src/PauseCircleOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const PauseCircleOutlined = createVanIconComponent("pause-circle-o") 4 | export default PauseCircleOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/PeerPay.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const PeerPay = createVanIconComponent("peer-pay") 4 | export default PeerPay 5 | -------------------------------------------------------------------------------- /packages/icons/src/PendingPayment.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const PendingPayment = createVanIconComponent("pending-payment") 4 | export default PendingPayment 5 | -------------------------------------------------------------------------------- /packages/icons/src/Phone.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Phone = createVanIconComponent("phone") 4 | export default Phone 5 | -------------------------------------------------------------------------------- /packages/icons/src/PhoneCircle.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const PhoneCircle = createVanIconComponent("phone-circle") 4 | export default PhoneCircle 5 | -------------------------------------------------------------------------------- /packages/icons/src/PhoneCircleOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const PhoneCircleOutlined = createVanIconComponent("phone-circle-o") 4 | export default PhoneCircleOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/PhoneOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const PhoneOutlined = createVanIconComponent("phone-o") 4 | export default PhoneOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Photo.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Photo = createVanIconComponent("photo") 4 | export default Photo 5 | -------------------------------------------------------------------------------- /packages/icons/src/PhotoFail.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const PhotoFail = createVanIconComponent("photo-fail") 4 | export default PhotoFail 5 | -------------------------------------------------------------------------------- /packages/icons/src/PhotoOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const PhotoOutlined = createVanIconComponent("photo-o") 4 | export default PhotoOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Photograph.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Photograph = createVanIconComponent("photograph") 4 | export default Photograph 5 | -------------------------------------------------------------------------------- /packages/icons/src/Play.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Play = createVanIconComponent("play") 4 | export default Play 5 | -------------------------------------------------------------------------------- /packages/icons/src/PlayCircle.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const PlayCircle = createVanIconComponent("play-circle") 4 | export default PlayCircle 5 | -------------------------------------------------------------------------------- /packages/icons/src/PlayCircleOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const PlayCircleOutlined = createVanIconComponent("play-circle-o") 4 | export default PlayCircleOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Plus.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Plus = createVanIconComponent("plus") 4 | export default Plus 5 | -------------------------------------------------------------------------------- /packages/icons/src/PointGift.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const PointGift = createVanIconComponent("point-gift") 4 | export default PointGift 5 | -------------------------------------------------------------------------------- /packages/icons/src/PointGiftOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const PointGiftOutlined = createVanIconComponent("point-gift-o") 4 | export default PointGiftOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Points.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Points = createVanIconComponent("points") 4 | export default Points 5 | -------------------------------------------------------------------------------- /packages/icons/src/Printer.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Printer = createVanIconComponent("printer") 4 | export default Printer 5 | -------------------------------------------------------------------------------- /packages/icons/src/Qr.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Qr = createVanIconComponent("qr") 4 | export default Qr 5 | -------------------------------------------------------------------------------- /packages/icons/src/QrInvalid.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const QrInvalid = createVanIconComponent("qr-invalid") 4 | export default QrInvalid 5 | -------------------------------------------------------------------------------- /packages/icons/src/Question.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Question = createVanIconComponent("question") 4 | export default Question 5 | -------------------------------------------------------------------------------- /packages/icons/src/QuestionOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const QuestionOutlined = createVanIconComponent("question-o") 4 | export default QuestionOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Records.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Records = createVanIconComponent("records") 4 | export default Records 5 | -------------------------------------------------------------------------------- /packages/icons/src/RecordsOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Records = createVanIconComponent("records-o") 4 | export default Records 5 | -------------------------------------------------------------------------------- /packages/icons/src/RefundOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const RefundOutlined = createVanIconComponent("refund-o") 4 | export default RefundOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Replay.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Replay = createVanIconComponent("replay") 4 | export default Replay 5 | -------------------------------------------------------------------------------- /packages/icons/src/Revoke.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Revoke = createVanIconComponent("revoke") 4 | export default Revoke 5 | -------------------------------------------------------------------------------- /packages/icons/src/Scan.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Scan = createVanIconComponent("scan") 4 | export default Scan 5 | -------------------------------------------------------------------------------- /packages/icons/src/Search.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Search = createVanIconComponent("search") 4 | export default Search 5 | -------------------------------------------------------------------------------- /packages/icons/src/SendGift.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const SendGift = createVanIconComponent("send-gift") 4 | export default SendGift 5 | -------------------------------------------------------------------------------- /packages/icons/src/SendGiftOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const SendGiftOutlined = createVanIconComponent("send-gift-o") 4 | export default SendGiftOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Service.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Service = createVanIconComponent("service") 4 | export default Service 5 | -------------------------------------------------------------------------------- /packages/icons/src/ServiceOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const ServiceOutlined = createVanIconComponent("service-o") 4 | export default ServiceOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Setting.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Setting = createVanIconComponent("setting") 4 | export default Setting 5 | -------------------------------------------------------------------------------- /packages/icons/src/SettingOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const SettingOutlined = createVanIconComponent("setting-o") 4 | export default SettingOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Share.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Share = createVanIconComponent("share") 4 | export default Share 5 | -------------------------------------------------------------------------------- /packages/icons/src/ShareOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const ShareOutlined = createVanIconComponent("share-o") 4 | export default ShareOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/ShieldOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const ShieldOutlined = createVanIconComponent("shield-o") 4 | export default ShieldOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Shop.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Shop = createVanIconComponent("shop") 4 | export default Shop 5 | -------------------------------------------------------------------------------- /packages/icons/src/ShopCollect.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const ShopCollect = createVanIconComponent("shop-collect") 4 | export default ShopCollect 5 | -------------------------------------------------------------------------------- /packages/icons/src/ShopCollectOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const ShopCollectOutlined = createVanIconComponent("shop-collect-o") 4 | export default ShopCollectOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/ShopOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const ShopOutlined = createVanIconComponent("shop-o") 4 | export default ShopOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/ShoppingCart.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const ShoppingCart = createVanIconComponent("shopping-cart") 4 | export default ShoppingCart 5 | -------------------------------------------------------------------------------- /packages/icons/src/ShoppingCartOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const ShoppingCartOutlined = createVanIconComponent("shopping-cart-o") 4 | export default ShoppingCartOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Shrink.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Shrink = createVanIconComponent("shrink") 4 | export default Shrink 5 | -------------------------------------------------------------------------------- /packages/icons/src/Sign.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Sign = createVanIconComponent("sign") 4 | export default Sign 5 | -------------------------------------------------------------------------------- /packages/icons/src/Smile.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Smile = createVanIconComponent("smile") 4 | export default Smile 5 | -------------------------------------------------------------------------------- /packages/icons/src/SmileComment.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const SmileComment = createVanIconComponent("smile-comment") 4 | export default SmileComment 5 | -------------------------------------------------------------------------------- /packages/icons/src/SmileCommentOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const SmileCommentOutlined = createVanIconComponent("smile-comment-o") 4 | export default SmileCommentOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/SmileOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const SmileOutlined = createVanIconComponent("smile-o") 4 | export default SmileOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Sort.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Sort = createVanIconComponent("sort") 4 | export default Sort 5 | -------------------------------------------------------------------------------- /packages/icons/src/Star.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Star = createVanIconComponent("star") 4 | export default Star 5 | -------------------------------------------------------------------------------- /packages/icons/src/StarOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const StarOutlined = createVanIconComponent("star-o") 4 | export default StarOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Stop.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Stop = createVanIconComponent("stop") 4 | export default Stop 5 | -------------------------------------------------------------------------------- /packages/icons/src/StopCircle.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const StopCircle = createVanIconComponent("stop-circle") 4 | export default StopCircle 5 | -------------------------------------------------------------------------------- /packages/icons/src/StopCircleOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const StopCircleOutlined = createVanIconComponent("stop-circle-o") 4 | export default StopCircleOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Success.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Success = createVanIconComponent("success") 4 | export default Success 5 | -------------------------------------------------------------------------------- /packages/icons/src/ThumbCircle.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const ThumbCircle = createVanIconComponent("thumb-circle") 4 | export default ThumbCircle 5 | -------------------------------------------------------------------------------- /packages/icons/src/ThumbCircleOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const ThumbCircleOutlined = createVanIconComponent("thumb-circle-o") 4 | export default ThumbCircleOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/TodoList.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const TodoList = createVanIconComponent("todo-list") 4 | export default TodoList 5 | -------------------------------------------------------------------------------- /packages/icons/src/TodoListOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const TodoListOutlined = createVanIconComponent("todo-list-o") 4 | export default TodoListOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Tosend.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Tosend = createVanIconComponent("tosend") 4 | export default Tosend 5 | -------------------------------------------------------------------------------- /packages/icons/src/TvOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const TvOutlined = createVanIconComponent("tv-o") 4 | export default TvOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/UmbrellaCircle.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const UmbrellaCircle = createVanIconComponent("umbrella-circle") 4 | export default UmbrellaCircle 5 | -------------------------------------------------------------------------------- /packages/icons/src/Underway.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Underway = createVanIconComponent("underway") 4 | export default Underway 5 | -------------------------------------------------------------------------------- /packages/icons/src/UnderwayOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const UnderwayOutlined = createVanIconComponent("underway-o") 4 | export default UnderwayOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Upgrade.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Upgrade = createVanIconComponent("upgrade") 4 | export default Upgrade 5 | -------------------------------------------------------------------------------- /packages/icons/src/User.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const UserOutlined = createVanIconComponent("user") 4 | export default UserOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/UserCircleOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const UserCircleOutlined = createVanIconComponent("user-circle-o") 4 | export default UserCircleOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/UserOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const UserOutlined = createVanIconComponent("user-o") 4 | export default UserOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Video.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Video = createVanIconComponent("video") 4 | export default Video 5 | -------------------------------------------------------------------------------- /packages/icons/src/VideoOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const VideoOutlined = createVanIconComponent("video-o") 4 | export default VideoOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/VipCard.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const VipCard = createVanIconComponent("vip-card") 4 | export default VipCard 5 | -------------------------------------------------------------------------------- /packages/icons/src/VipCardOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const VipCardOutlined = createVanIconComponent("vip-card-o") 4 | export default VipCardOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Volume.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Volume = createVanIconComponent("volume") 4 | export default Volume 5 | -------------------------------------------------------------------------------- /packages/icons/src/VolumeOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const VolumeOutlined = createVanIconComponent("volume-o") 4 | export default VolumeOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/WapHome.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const WapHome = createVanIconComponent("wap-home") 4 | export default WapHome 5 | -------------------------------------------------------------------------------- /packages/icons/src/WapHomeOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const WapHomeOutlined = createVanIconComponent("wap-home-o") 4 | export default WapHomeOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/WapNav.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const WapNav = createVanIconComponent("wap-nav") 4 | export default WapNav 5 | -------------------------------------------------------------------------------- /packages/icons/src/WarnOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const WarnOutlined = createVanIconComponent("warn-o") 4 | export default WarnOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/Warning.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Warning = createVanIconComponent("warning") 4 | export default Warning 5 | -------------------------------------------------------------------------------- /packages/icons/src/WarningOutlined.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const WarningOutlined = createVanIconComponent("warning-o") 4 | export default WarningOutlined 5 | -------------------------------------------------------------------------------- /packages/icons/src/WeappNav.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const WeappNav = createVanIconComponent("weapp-nav") 4 | export default WeappNav 5 | -------------------------------------------------------------------------------- /packages/icons/src/Wechat.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const Wechat = createVanIconComponent("wechat") 4 | export default Wechat 5 | -------------------------------------------------------------------------------- /packages/icons/src/WechatPay.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const WechatPay = createVanIconComponent("wechat-pay") 4 | export default WechatPay 5 | -------------------------------------------------------------------------------- /packages/icons/src/YouzanShield.tsx: -------------------------------------------------------------------------------- 1 | import { createVanIconComponent } from "./van" 2 | 3 | const YouzanShield = createVanIconComponent("youzan-shield") 4 | export default YouzanShield 5 | -------------------------------------------------------------------------------- /packages/icons/src/index.scss: -------------------------------------------------------------------------------- 1 | @import "./van"; 2 | @import "./styles/icon"; 3 | -------------------------------------------------------------------------------- /packages/icons/src/style/index.ts: -------------------------------------------------------------------------------- 1 | import "../van/index.scss" 2 | import "../styles/icon.scss" 3 | -------------------------------------------------------------------------------- /packages/icons/src/styles/_variables.scss: -------------------------------------------------------------------------------- 1 | // Icon Colors 2 | $default-color: #323233; 3 | $primary-color: #1989fa; 4 | $info-color: #2db7f5; 5 | $success-color: #07c160; 6 | $warning-color: #ff976a; 7 | $danger-color: #ee0a24; 8 | 9 | // Font 10 | $font-size-xs: 10px *2; 11 | $font-size-sm: 12px *2; 12 | $font-size-md: 14px *2; 13 | $font-size-lg: 16px *2; 14 | -------------------------------------------------------------------------------- /packages/icons/src/van/index.scss: -------------------------------------------------------------------------------- 1 | @import "./VanIcon"; 2 | -------------------------------------------------------------------------------- /packages/icons/src/van/index.ts: -------------------------------------------------------------------------------- 1 | export { default as VanIcon, createVanIconComponent } from "./VanIcon" 2 | -------------------------------------------------------------------------------- /packages/icons/src/van/names.d.ts: -------------------------------------------------------------------------------- 1 | declare const names: { 2 | basic: string[] 3 | outlined: string[] 4 | filled: string[] 5 | } 6 | export default names 7 | -------------------------------------------------------------------------------- /problems/unconfirmed/.editorconfig: -------------------------------------------------------------------------------- 1 | # http://editorconfig.org 2 | root = true 3 | 4 | [*] 5 | indent_style = space 6 | indent_size = 2 7 | charset = utf-8 8 | trim_trailing_whitespace = true 9 | insert_final_newline = true 10 | 11 | [*.md] 12 | trim_trailing_whitespace = false 13 | -------------------------------------------------------------------------------- /problems/unconfirmed/project.lark.json: -------------------------------------------------------------------------------- 1 | { 2 | "miniprogramRoot": "./dist/lark", 3 | "projectname": "@taroify/unconfirmed", 4 | "appid": "touristappid", 5 | "setting": { 6 | "urlCheck": true, 7 | "es6": true, 8 | "postcss": false, 9 | "minified": false 10 | }, 11 | "compileType": "miniprogram" 12 | 13 | } 14 | -------------------------------------------------------------------------------- /problems/unconfirmed/project.swan.json: -------------------------------------------------------------------------------- 1 | { 2 | "miniprogramRoot": "./dist/swan", 3 | "projectname": "@taroify/unconfirmed", 4 | "description": "", 5 | "appid": "17767960", 6 | "setting": { 7 | "urlCheck": true, 8 | "es6": false, 9 | "postcss": false, 10 | "minified": false 11 | }, 12 | "compileType": "miniprogram" 13 | } 14 | -------------------------------------------------------------------------------- /problems/unconfirmed/project.tt.json: -------------------------------------------------------------------------------- 1 | { 2 | "miniprogramRoot": "./", 3 | "projectname": "@taroify/unconfirmed", 4 | "appid": "testAppId", 5 | "setting": { 6 | "es6": false, 7 | "minified": false 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /problems/unconfirmed/src/app.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | pages: ["pages/index/index"], 3 | window: { 4 | backgroundTextStyle: "light", 5 | navigationBarBackgroundColor: "#fff", 6 | navigationBarTitleText: "WeChat", 7 | navigationBarTextStyle: "black", 8 | }, 9 | } 10 | -------------------------------------------------------------------------------- /problems/unconfirmed/src/app.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mallfoundry/taroify/270e7a2ccdbea6418192326ecf9c7a4e4a4de7d3/problems/unconfirmed/src/app.scss -------------------------------------------------------------------------------- /problems/unconfirmed/src/app.ts: -------------------------------------------------------------------------------- 1 | import { Component } from "react" 2 | import "./app.scss" 3 | 4 | class App extends Component { 5 | componentDidMount() {} 6 | 7 | componentDidShow() {} 8 | 9 | componentDidHide() {} 10 | 11 | componentDidCatchError() {} 12 | 13 | // this.props.children 是将要会渲染的页面 14 | render() { 15 | return this.props.children 16 | } 17 | } 18 | 19 | export default App 20 | -------------------------------------------------------------------------------- /problems/unconfirmed/src/pages/index/index.config.ts: -------------------------------------------------------------------------------- 1 | export default { 2 | navigationBarTitleText: "首页", 3 | } 4 | -------------------------------------------------------------------------------- /problems/unconfirmed/src/pages/index/index.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mallfoundry/taroify/270e7a2ccdbea6418192326ecf9c7a4e4a4de7d3/problems/unconfirmed/src/pages/index/index.scss -------------------------------------------------------------------------------- /problems/unconfirmed/src/pages/index/index.tsx: -------------------------------------------------------------------------------- 1 | import { View } from "@tarojs/components" 2 | import * as React from "react" 3 | import "./index.scss" 4 | 5 | function Index() { 6 | return Test 7 | } 8 | 9 | export default Index 10 | -------------------------------------------------------------------------------- /site/README.md: -------------------------------------------------------------------------------- 1 | Move To [introduce](https://taroify.github.io/taroify.com/introduce/). 2 | -------------------------------------------------------------------------------- /site/gatsby-browser.js: -------------------------------------------------------------------------------- 1 | import "@docsearch/css" 2 | import "normalize.css/normalize.css" 3 | import "prismjs/themes/prism.css" 4 | import "./src/styles/global.scss" 5 | import "./src/styles/prism.scss" 6 | import "./src/styles/docs.scss" 7 | import "./src/styles/algolia.scss" 8 | export { default as wrapPageElement } from "./gatsby/wrapPageElement" 9 | -------------------------------------------------------------------------------- /site/gatsby-node.js: -------------------------------------------------------------------------------- 1 | exports.createPages = require("./gatsby/createPages") 2 | exports.onCreateNode = require("./gatsby/onCreateNode") 3 | -------------------------------------------------------------------------------- /site/gatsby-ssr.js: -------------------------------------------------------------------------------- 1 | export { default as wrapPageElement } from "./gatsby/wrapPageElement" 2 | -------------------------------------------------------------------------------- /site/gatsby/wrapPageElement.js: -------------------------------------------------------------------------------- 1 | // eslint-disable-next-line no-use-before-define 2 | import * as React from "react" 3 | import Layout from "../src/components/layout" 4 | 5 | const wrapPageElement = ({ element, props }) => { 6 | return {element} 7 | } 8 | 9 | export default wrapPageElement 10 | -------------------------------------------------------------------------------- /site/src/images/icon.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mallfoundry/taroify/270e7a2ccdbea6418192326ecf9c7a4e4a4de7d3/site/src/images/icon.png -------------------------------------------------------------------------------- /site/src/styles/_prefix.scss: -------------------------------------------------------------------------------- 1 | $taroify-prefix: "t" + "a" + "r" + "o" + "i" + "f" + "y" + "-"; 2 | $component-prefix: $taroify-prefix; 3 | -------------------------------------------------------------------------------- /site/src/styles/global.scss: -------------------------------------------------------------------------------- 1 | @import "./variables"; 2 | 3 | body { 4 | font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 5 | Helvetica, Segoe UI, Arial, Roboto, 'PingFang SC', 'miui', 6 | 'Hiragino Sans GB', 'Microsoft Yahei', sans-serif; 7 | background-color: $vant-background-color; 8 | } 9 | a { 10 | cursor: pointer; 11 | } 12 | -------------------------------------------------------------------------------- /site/src/styles/prefix.ts: -------------------------------------------------------------------------------- 1 | const COMPONENT_PREFIX = "\u0074\u0061\u0072\u006f\u0069\u0066\u0079-" 2 | 3 | export function prefixClassname(component: string) { 4 | return `${COMPONENT_PREFIX}${component}` 5 | } 6 | -------------------------------------------------------------------------------- /tsconfig.d.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./tsconfig.json", 3 | "compilerOptions": { 4 | "noImplicitAny": false, 5 | "emitDeclarationOnly": true, 6 | "declaration": true 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /wechat-qrcode.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mallfoundry/taroify/270e7a2ccdbea6418192326ecf9c7a4e4a4de7d3/wechat-qrcode.jpg -------------------------------------------------------------------------------- /wechatpay.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/mallfoundry/taroify/270e7a2ccdbea6418192326ecf9c7a4e4a4de7d3/wechatpay.png --------------------------------------------------------------------------------