@tarojs/components 3.6.0 → 3.6.1-alpha.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/LICENSE +119 -1
- package/dist/cjs/loader.cjs.js +1 -1
- package/dist/cjs/taro-components.cjs.js +1 -1
- package/dist/cjs/taro-input-core.cjs.entry.js +1 -1
- package/dist/cjs/taro-input-core.cjs.entry.js.map +1 -1
- package/dist/cjs/taro-navigator-core.cjs.entry.js.map +1 -1
- package/dist/cjs/taro-scroll-view-core.cjs.entry.js +46 -50
- package/dist/cjs/taro-scroll-view-core.cjs.entry.js.map +1 -1
- package/dist/collection/components/input/input.js +6 -2
- package/dist/collection/components/input/input.js.map +1 -1
- package/dist/collection/components/navigator/navigator.js +0 -16
- package/dist/collection/components/navigator/navigator.js.map +1 -1
- package/dist/collection/components/scroll-view/scroll-view.js +93 -51
- package/dist/collection/components/scroll-view/scroll-view.js.map +1 -1
- package/dist/components/taro-input-core.js +1 -1
- package/dist/components/taro-input-core.js.map +1 -1
- package/dist/components/taro-navigator-core.js.map +1 -1
- package/dist/components/taro-scroll-view-core.js +49 -51
- package/dist/components/taro-scroll-view-core.js.map +1 -1
- package/dist/esm/loader.js +1 -1
- package/dist/esm/taro-components.js +1 -1
- package/dist/esm/taro-input-core.entry.js +1 -1
- package/dist/esm/taro-input-core.entry.js.map +1 -1
- package/dist/esm/taro-navigator-core.entry.js.map +1 -1
- package/dist/esm/taro-scroll-view-core.entry.js +46 -50
- package/dist/esm/taro-scroll-view-core.entry.js.map +1 -1
- package/dist/esm-es5/loader.js +1 -1
- package/dist/esm-es5/loader.js.map +1 -1
- package/dist/esm-es5/taro-components.js +1 -1
- package/dist/esm-es5/taro-components.js.map +1 -1
- package/dist/esm-es5/taro-input-core.entry.js +1 -1
- package/dist/esm-es5/taro-input-core.entry.js.map +1 -1
- package/dist/esm-es5/taro-navigator-core.entry.js.map +1 -1
- package/dist/esm-es5/taro-scroll-view-core.entry.js +1 -1
- package/dist/esm-es5/taro-scroll-view-core.entry.js.map +1 -1
- package/dist/taro-components/p-10046f1a.system.entry.js +2 -0
- package/dist/taro-components/p-10046f1a.system.entry.js.map +1 -0
- package/dist/taro-components/p-1c446c65.system.js +1 -1
- package/dist/taro-components/p-1c446c65.system.js.map +1 -1
- package/dist/taro-components/p-9bc9f3a0.entry.js +2 -0
- package/dist/taro-components/p-9bc9f3a0.entry.js.map +1 -0
- package/dist/taro-components/p-c6385fc2.system.entry.js +2 -0
- package/dist/taro-components/p-c6385fc2.system.entry.js.map +1 -0
- package/dist/taro-components/p-d621d190.entry.js.map +1 -1
- package/dist/taro-components/p-de356b29.system.entry.js.map +1 -1
- package/dist/taro-components/{p-5208792d.entry.js → p-fe58b450.entry.js} +2 -2
- package/dist/taro-components/p-fe58b450.entry.js.map +1 -0
- package/dist/taro-components/taro-components.esm.js +1 -1
- package/dist/taro-components/taro-components.esm.js.map +1 -1
- package/dist/types/components/input/input.d.ts +1 -1
- package/dist/types/components/navigator/navigator.d.ts +0 -16
- package/dist/types/components/scroll-view/scroll-view.d.ts +4 -1
- package/dist/types/components.d.ts +5 -2
- package/lib/react/component-lib/index.d.ts +55 -0
- package/lib/react/component-lib/index.js +68 -0
- package/lib/react/component-lib/index.js.map +1 -0
- package/lib/react/component-lib/input.d.ts +3 -0
- package/lib/react/component-lib/input.js +17 -0
- package/lib/react/component-lib/input.js.map +1 -0
- package/lib/react/component-lib/reactify-wc.d.ts +7 -0
- package/lib/react/component-lib/reactify-wc.js +176 -0
- package/lib/react/component-lib/reactify-wc.js.map +1 -0
- package/lib/react/react-component-lib/utils/attachProps.d.ts +1 -1
- package/lib/react/react-component-lib/utils/attachProps.js +1 -15
- package/lib/react/react-component-lib/utils/attachProps.js.map +1 -1
- package/lib/vue2/component-lib/components.d.ts +111 -0
- package/lib/vue2/component-lib/components.js +74 -0
- package/lib/vue2/component-lib/components.js.map +1 -0
- package/lib/vue2/component-lib/createComponent.d.ts +14 -0
- package/lib/vue2/component-lib/createComponent.js +23 -0
- package/lib/vue2/component-lib/createComponent.js.map +1 -0
- package/lib/vue2/component-lib/createFormsComponent.d.ts +22 -0
- package/lib/vue2/component-lib/createFormsComponent.js +53 -0
- package/lib/vue2/component-lib/createFormsComponent.js.map +1 -0
- package/lib/vue2/component-lib/icon.d.ts +16 -0
- package/lib/vue2/component-lib/icon.js +23 -0
- package/lib/vue2/component-lib/icon.js.map +1 -0
- package/lib/vue2/component-lib/image.d.ts +16 -0
- package/lib/vue2/component-lib/image.js +24 -0
- package/lib/vue2/component-lib/image.js.map +1 -0
- package/lib/vue2/component-lib/index.d.ts +1 -0
- package/lib/vue2/component-lib/index.js +30 -0
- package/lib/vue2/component-lib/index.js.map +1 -0
- package/lib/vue2/component-lib/mixins/listeners.d.ts +6 -0
- package/lib/vue2/component-lib/mixins/listeners.js +14 -0
- package/lib/vue2/component-lib/mixins/listeners.js.map +1 -0
- package/lib/vue2/component-lib/mixins/refs.d.ts +5 -0
- package/lib/vue2/component-lib/mixins/refs.js +53 -0
- package/lib/vue2/component-lib/mixins/refs.js.map +1 -0
- package/lib/vue2/component-lib/picker.d.ts +25 -0
- package/lib/vue2/component-lib/picker.js +41 -0
- package/lib/vue2/component-lib/picker.js.map +1 -0
- package/lib/vue2/component-lib/scroll-view.d.ts +17 -0
- package/lib/vue2/component-lib/scroll-view.js +35 -0
- package/lib/vue2/component-lib/scroll-view.js.map +1 -0
- package/lib/vue2/component-lib/text.d.ts +16 -0
- package/lib/vue2/component-lib/text.js +24 -0
- package/lib/vue2/component-lib/text.js.map +1 -0
- package/lib/vue2/components.d.ts +5 -2
- package/lib/vue2/components.js +29 -5
- package/lib/vue2/components.js.map +1 -1
- package/lib/vue2/index.js +2 -0
- package/lib/vue2/index.js.map +1 -1
- package/lib/vue2/node_modules/.pnpm/registry.npmjs.org_vue-fragment@1.6.0_vue@2.6.14/node_modules/vue-fragment/dist/vue-fragment.esm.js +4 -0
- package/lib/vue2/node_modules/.pnpm/registry.npmjs.org_vue-fragment@1.6.0_vue@2.6.14/node_modules/vue-fragment/dist/vue-fragment.esm.js.map +1 -0
- package/lib/vue2/vue-component-lib/utils.js +3 -1
- package/lib/vue2/vue-component-lib/utils.js.map +1 -1
- package/lib/vue3/component-lib/createComponent.d.ts +10 -0
- package/lib/vue3/component-lib/createComponent.js +21 -0
- package/lib/vue3/component-lib/createComponent.js.map +1 -0
- package/lib/vue3/component-lib/createFormsComponent.d.ts +11 -0
- package/lib/vue3/component-lib/createFormsComponent.js +38 -0
- package/lib/vue3/component-lib/createFormsComponent.js.map +1 -0
- package/lib/vue3/component-lib/forwardRef.d.ts +2 -0
- package/lib/vue3/component-lib/forwardRef.js +13 -0
- package/lib/vue3/component-lib/forwardRef.js.map +1 -0
- package/lib/vue3/component-lib/icon.d.ts +11 -0
- package/lib/vue3/component-lib/icon.js +20 -0
- package/lib/vue3/component-lib/icon.js.map +1 -0
- package/lib/vue3/component-lib/image.d.ts +11 -0
- package/lib/vue3/component-lib/image.js +21 -0
- package/lib/vue3/component-lib/image.js.map +1 -0
- package/lib/vue3/component-lib/index.d.ts +442 -0
- package/lib/vue3/component-lib/index.js +68 -0
- package/lib/vue3/component-lib/index.js.map +1 -0
- package/lib/vue3/component-lib/scroll-view.d.ts +11 -0
- package/lib/vue3/component-lib/scroll-view.js +27 -0
- package/lib/vue3/component-lib/scroll-view.js.map +1 -0
- package/lib/vue3/component-lib/text.d.ts +11 -0
- package/lib/vue3/component-lib/text.js +21 -0
- package/lib/vue3/component-lib/text.js.map +1 -0
- package/lib/vue3/components.d.ts +2 -2
- package/lib/vue3/components.js +9 -8
- package/lib/vue3/components.js.map +1 -1
- package/lib/vue3/vue-component-lib/utils.js +1 -1
- package/lib/vue3/vue-component-lib/utils.js.map +1 -1
- package/package.json +8 -8
- package/types/ChannelLive.d.ts +1 -1
- package/types/CommentList.d.ts +1 -0
- package/types/Form.d.ts +0 -6
- package/types/Navigator.d.ts +8 -8
- package/types/RootPortal.d.ts +0 -1
- package/dist/taro-components/p-5208792d.entry.js.map +0 -1
- package/dist/taro-components/p-5beca045.system.entry.js +0 -2
- package/dist/taro-components/p-5beca045.system.entry.js.map +0 -1
- package/dist/taro-components/p-6de64a4b.system.entry.js +0 -2
- package/dist/taro-components/p-6de64a4b.system.entry.js.map +0 -1
- package/dist/taro-components/p-71155a2c.entry.js +0 -2
- package/dist/taro-components/p-71155a2c.entry.js.map +0 -1
|
@@ -138,7 +138,7 @@ export class Input {
|
|
|
138
138
|
this.name = undefined;
|
|
139
139
|
this.nativeProps = {};
|
|
140
140
|
}
|
|
141
|
-
focus() {
|
|
141
|
+
async focus() {
|
|
142
142
|
this.inputRef.focus();
|
|
143
143
|
}
|
|
144
144
|
watchAutoFocus(newValue, oldValue) {
|
|
@@ -496,7 +496,11 @@ export class Input {
|
|
|
496
496
|
"complexType": {
|
|
497
497
|
"signature": "() => Promise<void>",
|
|
498
498
|
"parameters": [],
|
|
499
|
-
"references": {
|
|
499
|
+
"references": {
|
|
500
|
+
"Promise": {
|
|
501
|
+
"location": "global"
|
|
502
|
+
}
|
|
503
|
+
},
|
|
500
504
|
"return": "Promise<void>"
|
|
501
505
|
},
|
|
502
506
|
"docs": {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, ComponentInterface, Prop, Event, EventEmitter, Element, Watch, Method } from '@stencil/core'\nimport { EventHandler, TaroEvent } from '../../../types'\n\nfunction getTrueType (type: string | undefined, confirmType: string, password: boolean) {\n if (confirmType === 'search') type = 'search'\n if (password) type = 'password'\n if (typeof type === 'undefined') {\n return 'text';\n }\n if (!type) {\n throw new Error('unexpected type')\n }\n if (type === 'digit') type = 'number'\n\n return type\n}\n\nfunction fixControlledValue (value?: string) {\n return value ?? ''\n}\n\n@Component({\n tag: 'taro-input-core',\n styleUrl: 'index.scss'\n})\nexport class Input implements ComponentInterface {\n private inputRef: HTMLInputElement\n private isOnComposition = false\n private isOnPaste = false\n private onInputExcuted = false\n private fileListener: EventHandler\n\n @Prop({ mutable: true }) value: string\n @Prop() type: string\n @Prop() password = false\n @Prop() placeholder: string\n @Prop() disabled = false\n @Prop() maxlength = 140\n @Prop({ attribute: 'focus', reflect: true }) autoFocus = false\n @Prop() confirmType = 'done'\n @Prop() name: string\n @Prop() nativeProps = {}\n\n @Element() el: HTMLElement\n\n @Method()\n focus() {\n this.inputRef.focus()\n }\n\n @Watch('autoFocus')\n watchAutoFocus (newValue: boolean, oldValue: boolean) {\n if (!oldValue && newValue) {\n this.inputRef?.focus()\n }\n }\n\n @Watch('value')\n watchValue (newValue: string) {\n const value = fixControlledValue(newValue)\n if (this.inputRef.value !== value) {\n this.inputRef.value = value\n }\n }\n\n @Event({\n eventName: 'input'\n }) onInput: EventEmitter\n\n @Event({\n eventName: 'paste'\n }) onPaste: EventEmitter\n\n @Event({\n eventName: 'focus'\n }) onFocus: EventEmitter\n\n @Event({\n eventName: 'blur'\n }) onBlur: EventEmitter\n\n @Event({\n eventName: 'confirm'\n }) onConfirm: EventEmitter\n\n @Event({\n eventName: 'change'\n }) onChange: EventEmitter\n\n @Event({\n eventName: 'keydown'\n }) onKeyDown: EventEmitter\n\n componentDidLoad () {\n if (this.type === 'file') {\n this.fileListener = () => {\n this.onInput.emit()\n }\n this.inputRef?.addEventListener('change', this.fileListener)\n } else {\n this.inputRef?.addEventListener('compositionstart', this.handleComposition)\n this.inputRef?.addEventListener('compositionend', this.handleComposition)\n this.inputRef?.addEventListener('beforeinput', this.handleBeforeinput)\n this.inputRef?.addEventListener('textInput', this.handleBeforeinput)\n }\n\n Object.defineProperty(this.el, 'value', {\n get: () => this.inputRef.value,\n set: value => (this.value = value),\n configurable: true\n })\n }\n\n disconnectedCallback () {\n if (this.type === 'file') {\n this.inputRef?.removeEventListener('change', this.fileListener)\n } else {\n this.inputRef?.removeEventListener('compositionstart', this.handleComposition)\n this.inputRef?.removeEventListener('compositionend', this.handleComposition)\n this.inputRef?.removeEventListener('beforeinput', this.handleBeforeinput)\n this.inputRef?.removeEventListener('textInput', this.handleBeforeinput)\n }\n }\n\n handleInput = (e: TaroEvent<HTMLInputElement>) => {\n e.stopPropagation()\n const {\n type,\n maxlength,\n confirmType,\n password\n } = this\n if (!this.isOnComposition && !this.onInputExcuted) {\n let value = e.target.value\n const inputType = getTrueType(type, confirmType, password)\n this.onInputExcuted = true\n /* 修复 number 类型 maxlength 无效 */\n if (inputType === 'number' && value && maxlength > -1 && maxlength <= value.length) {\n value = value.substring(0, maxlength)\n e.target.value = value\n }\n\n // 修复 IOS 光标跳转问题\n // if (!(['number', 'file'].indexOf(inputType) >= 0)) {\n // const pos = e.target.selectionEnd\n // setTimeout(\n // () => {\n // e.target.selectionStart = pos\n // e.target.selectionEnd = pos\n // }\n // )\n // }\n\n this.value = value\n this.onInput.emit({\n value,\n cursor: value.length\n })\n this.onInputExcuted = false\n }\n }\n\n handlePaste = (e: TaroEvent<HTMLInputElement> & ClipboardEvent) => {\n e.stopPropagation()\n this.isOnPaste = true\n this.onPaste.emit({\n value: e.target.value\n })\n }\n\n handleFocus = (e: TaroEvent<HTMLInputElement> & FocusEvent) => {\n e.stopPropagation()\n this.onInputExcuted = false\n this.onFocus.emit({\n value: e.target.value\n })\n }\n\n handleBlur = (e: TaroEvent<HTMLInputElement> & FocusEvent) => {\n e.stopPropagation()\n this.onBlur.emit({\n value: e.target.value\n })\n }\n\n handleChange = (e: TaroEvent<HTMLInputElement>) => {\n e.stopPropagation()\n this.onChange.emit({\n value: e.target.value\n })\n\n if (this.isOnPaste) {\n this.isOnPaste = false\n this.value = e.target.value\n this.onInput.emit({\n value: e.target.value,\n cursor: e.target.value.length\n })\n }\n }\n\n handleKeyDown = (e: TaroEvent<HTMLInputElement> & KeyboardEvent) => {\n e.stopPropagation()\n const { value } = e.target\n const keyCode = e.keyCode || e.code\n this.onInputExcuted = false\n\n this.onKeyDown.emit({\n value,\n cursor: value.length,\n keyCode\n })\n\n keyCode === 13 && this.onConfirm.emit({ value })\n }\n\n handleComposition = (e: Event) => {\n e.stopPropagation()\n if (!(e.target instanceof HTMLInputElement)) return\n\n if (e.type === 'compositionend') {\n this.isOnComposition = false\n this.value = e.target.value\n this.onInput.emit({\n value: e.target.value,\n cursor: e.target.value.length\n })\n } else {\n this.isOnComposition = true\n }\n }\n\n handleBeforeinput = (e) => {\n if (!e.data) return\n const isNumber = e.data && /[0-9]/.test(e.data)\n if (this.type === 'number' && !isNumber) {\n e.preventDefault()\n }\n if (this.type === 'digit' && !isNumber) {\n if (e.data !== '.' || (e.data === '.' && e.target.value.indexOf('.') > -1)) {\n e.preventDefault()\n }\n }\n }\n\n render () {\n const {\n value,\n type,\n password,\n placeholder,\n autoFocus,\n disabled,\n maxlength,\n confirmType,\n name,\n nativeProps\n } = this\n\n return (\n <input\n ref={input => {\n this.inputRef = input!\n if (autoFocus && input) input.focus()\n }}\n class='weui-input'\n type={getTrueType(type, confirmType, password)}\n placeholder={placeholder}\n autoFocus={autoFocus}\n disabled={disabled}\n maxlength={maxlength}\n name={name}\n onInput={this.handleInput}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n onChange={this.handleChange}\n onKeyDown={this.handleKeyDown}\n onPaste={this.handlePaste}\n onCompositionStart={this.handleComposition}\n onCompositionEnd={this.handleComposition}\n {...nativeProps}\n value={fixControlledValue(value)}\n />\n )\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"input.js","sourceRoot":"","sources":["../../../src/components/input/input.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, ComponentInterface, Prop, Event, EventEmitter, Element, Watch, Method } from '@stencil/core'\nimport { EventHandler, TaroEvent } from '../../../types'\n\nfunction getTrueType (type: string | undefined, confirmType: string, password: boolean) {\n if (confirmType === 'search') type = 'search'\n if (password) type = 'password'\n if (typeof type === 'undefined') {\n return 'text';\n }\n if (!type) {\n throw new Error('unexpected type')\n }\n if (type === 'digit') type = 'number'\n\n return type\n}\n\nfunction fixControlledValue (value?: string) {\n return value ?? ''\n}\n\n@Component({\n tag: 'taro-input-core',\n styleUrl: 'index.scss'\n})\nexport class Input implements ComponentInterface {\n private inputRef: HTMLInputElement\n private isOnComposition = false\n private isOnPaste = false\n private onInputExcuted = false\n private fileListener: EventHandler\n\n @Prop({ mutable: true }) value: string\n @Prop() type: string\n @Prop() password = false\n @Prop() placeholder: string\n @Prop() disabled = false\n @Prop() maxlength = 140\n @Prop({ attribute: 'focus', reflect: true }) autoFocus = false\n @Prop() confirmType = 'done'\n @Prop() name: string\n @Prop() nativeProps = {}\n\n @Element() el: HTMLElement\n\n @Method()\n async focus() {\n this.inputRef.focus()\n }\n\n @Watch('autoFocus')\n watchAutoFocus (newValue: boolean, oldValue: boolean) {\n if (!oldValue && newValue) {\n this.inputRef?.focus()\n }\n }\n\n @Watch('value')\n watchValue (newValue: string) {\n const value = fixControlledValue(newValue)\n if (this.inputRef.value !== value) {\n this.inputRef.value = value\n }\n }\n\n @Event({\n eventName: 'input'\n }) onInput: EventEmitter\n\n @Event({\n eventName: 'paste'\n }) onPaste: EventEmitter\n\n @Event({\n eventName: 'focus'\n }) onFocus: EventEmitter\n\n @Event({\n eventName: 'blur'\n }) onBlur: EventEmitter\n\n @Event({\n eventName: 'confirm'\n }) onConfirm: EventEmitter\n\n @Event({\n eventName: 'change'\n }) onChange: EventEmitter\n\n @Event({\n eventName: 'keydown'\n }) onKeyDown: EventEmitter\n\n componentDidLoad () {\n if (this.type === 'file') {\n this.fileListener = () => {\n this.onInput.emit()\n }\n this.inputRef?.addEventListener('change', this.fileListener)\n } else {\n this.inputRef?.addEventListener('compositionstart', this.handleComposition)\n this.inputRef?.addEventListener('compositionend', this.handleComposition)\n this.inputRef?.addEventListener('beforeinput', this.handleBeforeinput)\n this.inputRef?.addEventListener('textInput', this.handleBeforeinput)\n }\n\n Object.defineProperty(this.el, 'value', {\n get: () => this.inputRef.value,\n set: value => (this.value = value),\n configurable: true\n })\n }\n\n disconnectedCallback () {\n if (this.type === 'file') {\n this.inputRef?.removeEventListener('change', this.fileListener)\n } else {\n this.inputRef?.removeEventListener('compositionstart', this.handleComposition)\n this.inputRef?.removeEventListener('compositionend', this.handleComposition)\n this.inputRef?.removeEventListener('beforeinput', this.handleBeforeinput)\n this.inputRef?.removeEventListener('textInput', this.handleBeforeinput)\n }\n }\n\n handleInput = (e: TaroEvent<HTMLInputElement>) => {\n e.stopPropagation()\n const {\n type,\n maxlength,\n confirmType,\n password\n } = this\n if (!this.isOnComposition && !this.onInputExcuted) {\n let value = e.target.value\n const inputType = getTrueType(type, confirmType, password)\n this.onInputExcuted = true\n /* 修复 number 类型 maxlength 无效 */\n if (inputType === 'number' && value && maxlength > -1 && maxlength <= value.length) {\n value = value.substring(0, maxlength)\n e.target.value = value\n }\n\n // 修复 IOS 光标跳转问题\n // if (!(['number', 'file'].indexOf(inputType) >= 0)) {\n // const pos = e.target.selectionEnd\n // setTimeout(\n // () => {\n // e.target.selectionStart = pos\n // e.target.selectionEnd = pos\n // }\n // )\n // }\n\n this.value = value\n this.onInput.emit({\n value,\n cursor: value.length\n })\n this.onInputExcuted = false\n }\n }\n\n handlePaste = (e: TaroEvent<HTMLInputElement> & ClipboardEvent) => {\n e.stopPropagation()\n this.isOnPaste = true\n this.onPaste.emit({\n value: e.target.value\n })\n }\n\n handleFocus = (e: TaroEvent<HTMLInputElement> & FocusEvent) => {\n e.stopPropagation()\n this.onInputExcuted = false\n this.onFocus.emit({\n value: e.target.value\n })\n }\n\n handleBlur = (e: TaroEvent<HTMLInputElement> & FocusEvent) => {\n e.stopPropagation()\n this.onBlur.emit({\n value: e.target.value\n })\n }\n\n handleChange = (e: TaroEvent<HTMLInputElement>) => {\n e.stopPropagation()\n this.onChange.emit({\n value: e.target.value\n })\n\n if (this.isOnPaste) {\n this.isOnPaste = false\n this.value = e.target.value\n this.onInput.emit({\n value: e.target.value,\n cursor: e.target.value.length\n })\n }\n }\n\n handleKeyDown = (e: TaroEvent<HTMLInputElement> & KeyboardEvent) => {\n e.stopPropagation()\n const { value } = e.target\n const keyCode = e.keyCode || e.code\n this.onInputExcuted = false\n\n this.onKeyDown.emit({\n value,\n cursor: value.length,\n keyCode\n })\n\n keyCode === 13 && this.onConfirm.emit({ value })\n }\n\n handleComposition = (e: Event) => {\n e.stopPropagation()\n if (!(e.target instanceof HTMLInputElement)) return\n\n if (e.type === 'compositionend') {\n this.isOnComposition = false\n this.value = e.target.value\n this.onInput.emit({\n value: e.target.value,\n cursor: e.target.value.length\n })\n } else {\n this.isOnComposition = true\n }\n }\n\n handleBeforeinput = (e) => {\n if (!e.data) return\n const isNumber = e.data && /[0-9]/.test(e.data)\n if (this.type === 'number' && !isNumber) {\n e.preventDefault()\n }\n if (this.type === 'digit' && !isNumber) {\n if (e.data !== '.' || (e.data === '.' && e.target.value.indexOf('.') > -1)) {\n e.preventDefault()\n }\n }\n }\n\n render () {\n const {\n value,\n type,\n password,\n placeholder,\n autoFocus,\n disabled,\n maxlength,\n confirmType,\n name,\n nativeProps\n } = this\n\n return (\n <input\n ref={input => {\n this.inputRef = input!\n if (autoFocus && input) input.focus()\n }}\n class='weui-input'\n type={getTrueType(type, confirmType, password)}\n placeholder={placeholder}\n autoFocus={autoFocus}\n disabled={disabled}\n maxlength={maxlength}\n name={name}\n onInput={this.handleInput}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n onChange={this.handleChange}\n onKeyDown={this.handleKeyDown}\n onPaste={this.handlePaste}\n onCompositionStart={this.handleComposition}\n onCompositionEnd={this.handleComposition}\n {...nativeProps}\n value={fixControlledValue(value)}\n />\n )\n }\n}\n"]}
|
|
@@ -1,22 +1,6 @@
|
|
|
1
1
|
import { h, Host } from '@stencil/core';
|
|
2
2
|
import Taro from '@tarojs/taro';
|
|
3
3
|
import classNames from 'classnames';
|
|
4
|
-
/**
|
|
5
|
-
* Navigator组件参数
|
|
6
|
-
* @typedef NavigatorProps
|
|
7
|
-
* @property {String} appId 当target="miniProgram"时有效,要打开的小程序 appId
|
|
8
|
-
* @property {String} ariaLabel 无障碍访问,(属性)元素的额外描述
|
|
9
|
-
* @property {Number} delta 当 openType 为 'navigateBack' 时有效,表示回退的层数
|
|
10
|
-
* @property {Object} extraData 当target="miniProgram"时有效,需要传递给目标小程序的数据,目标小程序可在 App.onLaunch(),App.onShow() 中获取到这份数据。详情
|
|
11
|
-
* @property {String} [openType=navigate] 跳转方式
|
|
12
|
-
* @property {String} path 当target="miniProgram"时有效,打开的页面路径,如果为空则打开首页
|
|
13
|
-
* @property {String} [target=self] 在哪个目标上发生跳转,默认当前小程序,可选值self/miniProgram
|
|
14
|
-
* @property {String} url 当前小程序内的跳转链接
|
|
15
|
-
* @property {version} [version=release] 当target="miniProgram"时有效,要打开的小程序版本,有效值 develop(开发版),trial(体验版),release(正式版),仅在当前小程序为开发版或体验版时此参数有效;如果当前小程序是 *式版,则打开的小程序必定是正式版。
|
|
16
|
-
* @property {String} onFail 当target="miniProgram"时有效,跳转小程序失败
|
|
17
|
-
* @property {String} onComplete 当target="miniProgram"时有效,跳转小程序完成
|
|
18
|
-
* @property {String} onSuccess 当target="miniProgram"时有效,跳转小程序成功
|
|
19
|
-
*/
|
|
20
4
|
/**
|
|
21
5
|
* TODO: 参数还需要进一步细化对齐
|
|
22
6
|
* Navigator组件
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"navigator.js","sourceRoot":"","sources":["../../../src/components/navigator/navigator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAsB,IAAI,EAAE,MAAM,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAA;AACzG,OAAO,IAAI,MAAM,cAAc,CAAA;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC
|
|
1
|
+
{"version":3,"file":"navigator.js","sourceRoot":"","sources":["../../../src/components/navigator/navigator.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAsB,IAAI,EAAE,MAAM,EAAE,KAAK,EAAgB,MAAM,eAAe,CAAA;AACzG,OAAO,IAAI,MAAM,cAAc,CAAA;AAC/B,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC;;;;IAII;AAMJ,MAAM,OAAO,SAAS;;;;oBAGD,UAAU;mBACX,KAAK;iBACP,CAAC;;EAejB,OAAO;IACL,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;IACxD,IAAI,OAAO,GAAiB,OAAO,CAAC,OAAO,EAAE,CAAA;IAC7C,QAAQ,QAAQ,EAAE;MAChB,KAAK,UAAU;QACb,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC;UACxB,GAAG,EAAE,IAAI,CAAC,GAAG;SACd,CAAC,CAAA;QACF,MAAK;MACP,KAAK,UAAU;QACb,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC;UACxB,GAAG,EAAE,IAAI,CAAC,GAAG;SACd,CAAC,CAAA;QACF,MAAK;MACP,KAAK,WAAW;QACd,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC;UACvB,GAAG,EAAE,IAAI,CAAC,GAAG;SACd,CAAC,CAAA;QACF,MAAK;MACP,KAAK,UAAU;QACb,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;UACtB,GAAG,EAAE,IAAI,CAAC,GAAG;SACd,CAAC,CAAA;QACF,MAAK;MACP,KAAK,cAAc;QACjB,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC;UAC1B,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC,CAAA;QACF,MAAK;MACP,KAAK,MAAM;QACT,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,qCAAqC,CAAC,CAAC,CAAA;QAC1E,MAAK;KACR;IACD,IAAI,OAAO,EAAE;MACX,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE;QACjB,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;MACrB,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,EAAE;QACb,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;MAClB,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,EAAE;QACd,UAAU,CAAC,IAAI,EAAE,CAAA;MACnB,CAAC,CAAC,CAAA;KACH;EACH,CAAC;EAED,MAAM;IACJ,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;IAEpC,OAAO,CACL,EAAC,IAAI,IACH,KAAK,EAAE,UAAU,CAAC;QAChB,CAAC,UAAU,CAAC,EAAE,OAAO;OACtB,CAAC,GACF,CACH,CAAA;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, ComponentInterface, Host, Listen, Event, EventEmitter } from '@stencil/core'\nimport Taro from '@tarojs/taro'\nimport classNames from 'classnames'\n\n/**\n * TODO: 参数还需要进一步细化对齐\n * Navigator组件\n * https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html\n **/\n\n@Component({\n tag: 'taro-navigator-core',\n styleUrl: './style/index.scss'\n})\nexport class Navigator implements ComponentInterface {\n @Prop() hoverClass: string\n @Prop() url: string\n @Prop() openType = 'navigate'\n @Prop() isHover = false\n @Prop() delta = 0\n\n @Event({\n eventName: 'cuccess'\n }) onSuccess: EventEmitter\n\n @Event({\n eventName: 'fail'\n }) onFail: EventEmitter\n\n @Event({\n eventName: 'Complete'\n }) onComplete: EventEmitter\n\n @Listen('click')\n onClick () {\n const { openType, onSuccess, onFail, onComplete } = this\n let promise: Promise<any> = Promise.resolve()\n switch (openType) {\n case 'navigate':\n promise = Taro.navigateTo({\n url: this.url\n })\n break\n case 'redirect':\n promise = Taro.redirectTo({\n url: this.url\n })\n break\n case 'switchTab':\n promise = Taro.switchTab({\n url: this.url\n })\n break\n case 'reLaunch':\n promise = Taro.reLaunch({\n url: this.url\n })\n break\n case 'navigateBack':\n promise = Taro.navigateBack({\n delta: this.delta\n })\n break\n case 'exit':\n promise = Promise.reject(new Error('navigator:fail 暂不支持\"openType: exit\"'))\n break\n }\n if (promise) {\n promise.then(res => {\n onSuccess.emit(res)\n }).catch(res => {\n onFail.emit(res)\n }).finally(() => {\n onComplete.emit()\n })\n }\n }\n\n render () {\n const { isHover, hoverClass } = this\n\n return (\n <Host\n class={classNames({\n [hoverClass]: isHover\n })}\n />\n )\n }\n}\n"]}
|
|
@@ -1,19 +1,18 @@
|
|
|
1
1
|
import { h, Host } from '@stencil/core';
|
|
2
2
|
import classNames from 'classnames';
|
|
3
3
|
import { debounce } from '../../utils';
|
|
4
|
-
function easeOutScroll(from, to, callback) {
|
|
4
|
+
function easeOutScroll(from, to, duration = 500, callback) {
|
|
5
5
|
if (from === to || typeof from !== 'number') {
|
|
6
6
|
return;
|
|
7
7
|
}
|
|
8
8
|
const change = to - from;
|
|
9
|
-
const dur = 500;
|
|
10
9
|
const sTime = Date.now();
|
|
11
10
|
const isLarger = to >= from;
|
|
12
11
|
function linear(t, b, c, d) {
|
|
13
12
|
return c * t / d + b;
|
|
14
13
|
}
|
|
15
14
|
function step() {
|
|
16
|
-
from = linear(Date.now() - sTime, from, change,
|
|
15
|
+
from = linear(Date.now() - sTime, from, change, duration);
|
|
17
16
|
if ((isLarger && from >= to) || (!isLarger && to >= from)) {
|
|
18
17
|
callback(to);
|
|
19
18
|
return;
|
|
@@ -25,6 +24,8 @@ function easeOutScroll(from, to, callback) {
|
|
|
25
24
|
}
|
|
26
25
|
export class ScrollView {
|
|
27
26
|
constructor() {
|
|
27
|
+
this._scrollLeft = 0;
|
|
28
|
+
this._scrollTop = 0;
|
|
28
29
|
this.upperAndLower = debounce(() => {
|
|
29
30
|
const { offsetWidth, offsetHeight, scrollLeft, scrollTop, scrollHeight, scrollWidth } = this.el;
|
|
30
31
|
const lowerThreshold = Number(this.lowerThreshold);
|
|
@@ -51,45 +52,24 @@ export class ScrollView {
|
|
|
51
52
|
this.mpScrollTop = undefined;
|
|
52
53
|
this.mpScrollLeft = undefined;
|
|
53
54
|
this.mpScrollIntoView = undefined;
|
|
54
|
-
this.
|
|
55
|
+
this.animated = false;
|
|
55
56
|
}
|
|
56
57
|
watchScrollLeft(newVal) {
|
|
57
|
-
const
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
easeOutScroll(this._scrollLeft, scrollLeft, pos => (this.el.scrollLeft = pos));
|
|
63
|
-
}
|
|
64
|
-
else {
|
|
65
|
-
this.el.scrollLeft = scrollLeft;
|
|
66
|
-
}
|
|
67
|
-
this._scrollLeft = scrollLeft;
|
|
68
|
-
}
|
|
58
|
+
const left = Number(newVal);
|
|
59
|
+
const { animated } = this;
|
|
60
|
+
this.mpScrollToMethod({
|
|
61
|
+
left, animated
|
|
62
|
+
});
|
|
69
63
|
}
|
|
70
64
|
watchScrollTop(newVal) {
|
|
71
|
-
const
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
easeOutScroll(this._scrollTop, scrollTop, pos => (this.el.scrollTop = pos));
|
|
77
|
-
}
|
|
78
|
-
else {
|
|
79
|
-
this.el.scrollTop = scrollTop;
|
|
80
|
-
}
|
|
81
|
-
this._scrollTop = scrollTop;
|
|
82
|
-
}
|
|
65
|
+
const top = Number(newVal);
|
|
66
|
+
const { animated } = this;
|
|
67
|
+
this.mpScrollToMethod({
|
|
68
|
+
top, animated
|
|
69
|
+
});
|
|
83
70
|
}
|
|
84
71
|
watchScrollIntoView(newVal) {
|
|
85
|
-
|
|
86
|
-
if (typeof newVal === 'string' && newVal) {
|
|
87
|
-
(_a = document.querySelector(`#${newVal}`)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
|
|
88
|
-
behavior: 'smooth',
|
|
89
|
-
block: 'center',
|
|
90
|
-
inline: 'start'
|
|
91
|
-
});
|
|
92
|
-
}
|
|
72
|
+
this.mpScrollIntoViewMethod(newVal);
|
|
93
73
|
}
|
|
94
74
|
handleScroll(e) {
|
|
95
75
|
if (e instanceof CustomEvent)
|
|
@@ -106,29 +86,45 @@ export class ScrollView {
|
|
|
106
86
|
scrollWidth
|
|
107
87
|
});
|
|
108
88
|
}
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
if (scrollWithAnimation) {
|
|
115
|
-
easeOutScroll(0, scrollTop, pos => (this.el.scrollTop = pos));
|
|
89
|
+
async mpScrollToMethod(object) {
|
|
90
|
+
let { top, left, duration, animated = false } = object;
|
|
91
|
+
if (this.scrollY && typeof top === 'number' && !isNaN(top) && top !== this._scrollTop) {
|
|
92
|
+
if (animated) {
|
|
93
|
+
easeOutScroll(this._scrollTop, top, duration, pos => (this.el.scrollTop = pos));
|
|
116
94
|
}
|
|
117
95
|
else {
|
|
118
|
-
this.el.scrollTop =
|
|
96
|
+
this.el.scrollTop = top;
|
|
119
97
|
}
|
|
120
|
-
this._scrollTop =
|
|
98
|
+
this._scrollTop = top;
|
|
121
99
|
}
|
|
122
|
-
if (scrollX && !isNaN(
|
|
123
|
-
if (
|
|
124
|
-
easeOutScroll(
|
|
100
|
+
if (this.scrollX && typeof left === 'number' && !isNaN(left) && left !== this._scrollLeft) {
|
|
101
|
+
if (animated) {
|
|
102
|
+
easeOutScroll(this._scrollLeft, left, duration, pos => (this.el.scrollLeft = pos));
|
|
125
103
|
}
|
|
126
104
|
else {
|
|
127
|
-
this.el.scrollLeft =
|
|
105
|
+
this.el.scrollLeft = left;
|
|
128
106
|
}
|
|
129
|
-
this._scrollLeft =
|
|
107
|
+
this._scrollLeft = left;
|
|
108
|
+
}
|
|
109
|
+
}
|
|
110
|
+
async mpScrollIntoViewMethod(selector) {
|
|
111
|
+
var _a;
|
|
112
|
+
if (typeof selector === 'string' && selector) {
|
|
113
|
+
(_a = document.querySelector(`#${selector}`)) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
|
|
114
|
+
behavior: 'smooth',
|
|
115
|
+
block: 'center',
|
|
116
|
+
inline: 'start'
|
|
117
|
+
});
|
|
130
118
|
}
|
|
131
119
|
}
|
|
120
|
+
componentDidLoad() {
|
|
121
|
+
const top = Number(this.mpScrollTop);
|
|
122
|
+
const left = Number(this.mpScrollLeft);
|
|
123
|
+
const { animated } = this;
|
|
124
|
+
this.mpScrollToMethod({
|
|
125
|
+
top, left, animated
|
|
126
|
+
});
|
|
127
|
+
}
|
|
132
128
|
render() {
|
|
133
129
|
const { scrollX, scrollY } = this;
|
|
134
130
|
const cls = classNames({
|
|
@@ -273,7 +269,7 @@ export class ScrollView {
|
|
|
273
269
|
"attribute": "scroll-into-view",
|
|
274
270
|
"reflect": true
|
|
275
271
|
},
|
|
276
|
-
"
|
|
272
|
+
"animated": {
|
|
277
273
|
"type": "boolean",
|
|
278
274
|
"mutable": false,
|
|
279
275
|
"complexType": {
|
|
@@ -341,6 +337,52 @@ export class ScrollView {
|
|
|
341
337
|
}
|
|
342
338
|
}];
|
|
343
339
|
}
|
|
340
|
+
static get methods() {
|
|
341
|
+
return {
|
|
342
|
+
"mpScrollToMethod": {
|
|
343
|
+
"complexType": {
|
|
344
|
+
"signature": "(object: ScrollViewContext.scrollTo.Option) => Promise<void>",
|
|
345
|
+
"parameters": [{
|
|
346
|
+
"tags": [],
|
|
347
|
+
"text": ""
|
|
348
|
+
}],
|
|
349
|
+
"references": {
|
|
350
|
+
"Promise": {
|
|
351
|
+
"location": "global"
|
|
352
|
+
},
|
|
353
|
+
"ScrollViewContext": {
|
|
354
|
+
"location": "import",
|
|
355
|
+
"path": "@tarojs/taro"
|
|
356
|
+
}
|
|
357
|
+
},
|
|
358
|
+
"return": "Promise<void>"
|
|
359
|
+
},
|
|
360
|
+
"docs": {
|
|
361
|
+
"text": "",
|
|
362
|
+
"tags": []
|
|
363
|
+
}
|
|
364
|
+
},
|
|
365
|
+
"mpScrollIntoViewMethod": {
|
|
366
|
+
"complexType": {
|
|
367
|
+
"signature": "(selector: string) => Promise<void>",
|
|
368
|
+
"parameters": [{
|
|
369
|
+
"tags": [],
|
|
370
|
+
"text": ""
|
|
371
|
+
}],
|
|
372
|
+
"references": {
|
|
373
|
+
"Promise": {
|
|
374
|
+
"location": "global"
|
|
375
|
+
}
|
|
376
|
+
},
|
|
377
|
+
"return": "Promise<void>"
|
|
378
|
+
},
|
|
379
|
+
"docs": {
|
|
380
|
+
"text": "",
|
|
381
|
+
"tags": []
|
|
382
|
+
}
|
|
383
|
+
}
|
|
384
|
+
};
|
|
385
|
+
}
|
|
344
386
|
static get elementRef() { return "el"; }
|
|
345
387
|
static get watchers() {
|
|
346
388
|
return [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"scroll-view.js","sourceRoot":"","sources":["../../../src/components/scroll-view/scroll-view.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAsB,IAAI,EAAE,KAAK,EAAgB,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,eAAe,CAAA;AACzH,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,SAAS,aAAa,CAAE,IAAY,EAAE,EAAU,EAAE,QAAQ;EACxD,IAAI,IAAI,KAAK,EAAE,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;IAC3C,OAAM;GACP;EAED,MAAM,MAAM,GAAG,EAAE,GAAG,IAAI,CAAA;EACxB,MAAM,GAAG,GAAG,GAAG,CAAA;EACf,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,EAAE,CAAA;EACxB,MAAM,QAAQ,GAAG,EAAE,IAAI,IAAI,CAAA;EAE3B,SAAS,MAAM,CAAE,CAAS,EAAE,CAAS,EAAE,CAAS,EAAE,CAAS;IACzD,OAAO,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAA;EACtB,CAAC;EAED,SAAS,IAAI;IACX,IAAI,GAAG,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,CAAC,CAAA;IACpD,IAAI,CAAC,QAAQ,IAAI,IAAI,IAAI,EAAE,CAAC,IAAI,CAAC,CAAC,QAAQ,IAAI,EAAE,IAAI,IAAI,CAAC,EAAE;MACzD,QAAQ,CAAC,EAAE,CAAC,CAAA;MACZ,OAAM;KACP;IACD,QAAQ,CAAC,IAAI,CAAC,CAAA;IACd,qBAAqB,CAAC,IAAI,CAAC,CAAA;EAC7B,CAAC;EAED,IAAI,EAAE,CAAA;AACR,CAAC;AAMD,MAAM,OAAO,UAAU;;IAmIrB,kBAAa,GAAG,QAAQ,CAAC,GAAG,EAAE;MAC5B,MAAM,EACJ,WAAW,EACX,YAAY,EACZ,UAAU,EACV,SAAS,EACT,YAAY,EACZ,WAAW,EACZ,GAAG,IAAI,CAAC,EAAE,CAAA;MAEX,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;MAClD,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,cAAc,CAAC,CAAA;MAElD,IACE,CAAC,KAAK,CAAC,cAAc,CAAC;QACtB,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,YAAY,GAAG,SAAS,GAAG,cAAc,IAAI,YAAY,CAAC;UAC5E,CAAC,IAAI,CAAC,OAAO,IAAI,WAAW,GAAG,UAAU,GAAG,cAAc,IAAI,WAAW,CAAC,CAAC,EAC3E;QACA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;UACxB,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;SACnE,CAAC,CAAA;OACH;MAED,IACE,CAAC,KAAK,CAAC,cAAc,CAAC;QACtB,CAAC,CAAC,IAAI,CAAC,OAAO,IAAI,SAAS,IAAI,cAAc,CAAC;UAC9C,CAAC,IAAI,CAAC,OAAO,IAAI,UAAU,IAAI,cAAc,CAAC,CAAC,EAC/C;QACA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC;UACxB,SAAS,EAAE,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;SAC/D,CAAC,CAAA;OACH;IACH,CAAC,EAAE,GAAG,CAAC,CAAA;mBA7JW,KAAK;mBACL,KAAK;0BACmB,EAAE;0BACF,EAAE;;;;+BAId,KAAK;;EAqBnC,eAAe,CAAE,MAAM;IACrB,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;IACjC,IACE,IAAI,CAAC,OAAO;MACZ,CAAC,KAAK,CAAC,UAAU,CAAC;MAClB,UAAU,KAAK,IAAI,CAAC,WAAW,EAC/B;MACA,IAAI,IAAI,CAAC,mBAAmB,EAAE;QAC5B,aAAa,CAAC,IAAI,CAAC,WAAW,EAAE,UAAU,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,GAAG,GAAG,CAAC,CAAC,CAAA;OAC/E;WAAM;QACL,IAAI,CAAC,EAAE,CAAC,UAAU,GAAG,UAAU,CAAA;OAChC;MACD,IAAI,CAAC,WAAW,GAAG,UAAU,CAAA;KAC9B;EACH,CAAC;EAGD,cAAc,CAAE,MAAM;IACpB,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;IAChC,IACE,IAAI,CAAC,OAAO;MACZ,CAAC,KAAK,CAAC,SAAS,CAAC;MACjB,SAAS,KAAK,IAAI,CAAC,UAAU,EAC7B;MACA,IAAI,IAAI,CAAC,mBAAmB,EAAE;QAC5B,aAAa,CAAC,IAAI,CAAC,UAAU,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,CAAA;OAC5E;WAAM;QACL,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,SAAS,CAAA;OAC9B;MACD,IAAI,CAAC,UAAU,GAAG,SAAS,CAAA;KAC5B;EACH,CAAC;EAGD,mBAAmB,CAAE,MAAM;;IACzB,IAAI,OAAO,MAAM,KAAK,QAAQ,IAAI,MAAM,EAAE;MACxC,MAAA,QAAQ,CAAC,aAAa,CAAC,IAAI,MAAM,EAAE,CAAC,0CAAE,cAAc,CAAC;QACnD,QAAQ,EAAE,QAAQ;QAClB,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,OAAO;OAChB,CAAC,CAAA;KACH;EACH,CAAC;EAGD,YAAY,CAAE,CAAQ;IACpB,IAAI,CAAC,YAAY,WAAW;MAAE,OAAM;IACpC,CAAC,CAAC,eAAe,EAAE,CAAA;IAEnB,MAAM,EACJ,UAAU,EACV,SAAS,EACT,YAAY,EACZ,WAAW,EACZ,GAAG,IAAI,CAAC,EAAE,CAAA;IACX,IAAI,CAAC,WAAW,GAAG,UAAU,CAAA;IAC7B,IAAI,CAAC,UAAU,GAAG,SAAS,CAAA;IAE3B,IAAI,CAAC,aAAa,EAAE,CAAA;IAEpB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC;MACjB,UAAU;MACV,SAAS;MACT,YAAY;MACZ,WAAW;KACZ,CAAC,CAAA;EACJ,CAAC;EAED,gBAAgB;IACd,MAAM,EACJ,OAAO,EACP,OAAO,EACP,mBAAmB,EACpB,GAAG,IAAI,CAAA;IAER,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAA;IAC1C,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,YAAY,CAAC,CAAA;IAE5C,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE;MAChC,IAAI,mBAAmB,EAAE;QACvB,aAAa,CAAC,CAAC,EAAE,SAAS,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,GAAG,CAAC,CAAC,CAAA;OAC9D;WAAM;QACL,IAAI,CAAC,EAAE,CAAC,SAAS,GAAG,SAAS,CAAA;OAC9B;MACD,IAAI,CAAC,UAAU,GAAG,SAAS,CAAA;KAC5B;IAED,IAAI,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE;MACjC,IAAI,mBAAmB,EAAE;QACvB,aAAa,CAAC,CAAC,EAAE,UAAU,EAAE,GAAG,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,GAAG,GAAG,CAAC,CAAC,CAAA;OAChE;WAAM;QACL,IAAI,CAAC,EAAE,CAAC,UAAU,GAAG,UAAU,CAAA;OAChC;MACD,IAAI,CAAC,WAAW,GAAG,UAAU,CAAA;KAC9B;EACH,CAAC;EAoCD,MAAM;IACJ,MAAM,EACJ,OAAO,EACP,OAAO,EACR,GAAG,IAAI,CAAA;IAER,MAAM,GAAG,GAAG,UAAU,CAAC;MACrB,4BAA4B,EAAE,OAAO;MACrC,4BAA4B,EAAE,OAAO;KACtC,CAAC,CAAA;IACF,OAAO,CACL,EAAC,IAAI,IAAC,KAAK,EAAE,GAAG;MACd,eAAQ,CACH,CACR,CAAA;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, ComponentInterface, Prop, Event, EventEmitter, Watch, Element, Host, Listen } from '@stencil/core'\nimport classNames from 'classnames'\n\nimport { debounce } from '../../utils'\n\nfunction easeOutScroll (from: number, to: number, callback) {\n if (from === to || typeof from !== 'number') {\n return\n }\n\n const change = to - from\n const dur = 500\n const sTime = Date.now()\n const isLarger = to >= from\n\n function linear (t: number, b: number, c: number, d: number): number {\n return c * t / d + b\n }\n\n function step () {\n from = linear(Date.now() - sTime, from, change, dur)\n if ((isLarger && from >= to) || (!isLarger && to >= from)) {\n callback(to)\n return\n }\n callback(from)\n requestAnimationFrame(step)\n }\n\n step()\n}\n\n@Component({\n tag: 'taro-scroll-view-core',\n styleUrl: './style/index.scss'\n})\nexport class ScrollView implements ComponentInterface {\n private _scrollLeft: number\n private _scrollTop: number\n\n @Element() el: HTMLElement\n\n @Prop() scrollX = false\n @Prop() scrollY = false\n @Prop() upperThreshold: number | string = 50\n @Prop() lowerThreshold: number | string = 50\n @Prop({ attribute: 'scroll-top', reflect: true }) mpScrollTop: number | string\n @Prop({ attribute: 'scroll-left', reflect: true }) mpScrollLeft: number | string\n @Prop({ attribute: 'scroll-into-view', reflect: true }) mpScrollIntoView: string\n @Prop() scrollWithAnimation = false\n\n @Event({\n eventName: 'scroll',\n bubbles: false\n })\n onScroll: EventEmitter\n\n @Event({\n eventName: 'scrolltoupper',\n bubbles: false\n })\n onScrollToUpper: EventEmitter\n\n @Event({\n eventName: 'scrolltolower',\n bubbles: false\n })\n onScrollToLower: EventEmitter\n\n @Watch('mpScrollLeft')\n watchScrollLeft (newVal) {\n const scrollLeft = Number(newVal)\n if (\n this.scrollX &&\n !isNaN(scrollLeft) &&\n scrollLeft !== this._scrollLeft\n ) {\n if (this.scrollWithAnimation) {\n easeOutScroll(this._scrollLeft, scrollLeft, pos => (this.el.scrollLeft = pos))\n } else {\n this.el.scrollLeft = scrollLeft\n }\n this._scrollLeft = scrollLeft\n }\n }\n\n @Watch('mpScrollTop')\n watchScrollTop (newVal) {\n const scrollTop = Number(newVal)\n if (\n this.scrollY &&\n !isNaN(scrollTop) &&\n scrollTop !== this._scrollTop\n ) {\n if (this.scrollWithAnimation) {\n easeOutScroll(this._scrollTop, scrollTop, pos => (this.el.scrollTop = pos))\n } else {\n this.el.scrollTop = scrollTop\n }\n this._scrollTop = scrollTop\n }\n }\n\n @Watch('mpScrollIntoView')\n watchScrollIntoView (newVal) {\n if (typeof newVal === 'string' && newVal) {\n document.querySelector(`#${newVal}`)?.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'start'\n })\n }\n }\n\n @Listen('scroll', { capture: true })\n handleScroll (e: Event) {\n if (e instanceof CustomEvent) return\n e.stopPropagation()\n\n const {\n scrollLeft,\n scrollTop,\n scrollHeight,\n scrollWidth\n } = this.el\n this._scrollLeft = scrollLeft\n this._scrollTop = scrollTop\n\n this.upperAndLower()\n\n this.onScroll.emit({\n scrollLeft,\n scrollTop,\n scrollHeight,\n scrollWidth\n })\n }\n\n componentDidLoad () {\n const {\n scrollY,\n scrollX,\n scrollWithAnimation\n } = this\n\n const scrollTop = Number(this.mpScrollTop)\n const scrollLeft = Number(this.mpScrollLeft)\n\n if (scrollY && !isNaN(scrollTop)) {\n if (scrollWithAnimation) {\n easeOutScroll(0, scrollTop, pos => (this.el.scrollTop = pos))\n } else {\n this.el.scrollTop = scrollTop\n }\n this._scrollTop = scrollTop\n }\n\n if (scrollX && !isNaN(scrollLeft)) {\n if (scrollWithAnimation) {\n easeOutScroll(0, scrollLeft, pos => (this.el.scrollLeft = pos))\n } else {\n this.el.scrollLeft = scrollLeft\n }\n this._scrollLeft = scrollLeft\n }\n }\n\n upperAndLower = debounce(() => {\n const {\n offsetWidth,\n offsetHeight,\n scrollLeft,\n scrollTop,\n scrollHeight,\n scrollWidth\n } = this.el\n\n const lowerThreshold = Number(this.lowerThreshold)\n const upperThreshold = Number(this.upperThreshold)\n\n if (\n !isNaN(lowerThreshold) &&\n ((this.scrollY && offsetHeight + scrollTop + lowerThreshold >= scrollHeight) ||\n (this.scrollX && offsetWidth + scrollLeft + lowerThreshold >= scrollWidth))\n ) {\n this.onScrollToLower.emit({\n direction: this.scrollX ? 'right' : (this.scrollY ? 'bottom' : '')\n })\n }\n\n if (\n !isNaN(upperThreshold) &&\n ((this.scrollY && scrollTop <= upperThreshold) ||\n (this.scrollX && scrollLeft <= upperThreshold))\n ) {\n this.onScrollToUpper.emit({\n direction: this.scrollX ? 'left' : (this.scrollY ? 'top' : '')\n })\n }\n }, 200)\n\n render () {\n const {\n scrollX,\n scrollY\n } = this\n\n const cls = classNames({\n 'taro-scroll-view__scroll-x': scrollX,\n 'taro-scroll-view__scroll-y': scrollY\n })\n return (\n <Host class={cls}>\n <slot />\n </Host>\n )\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"scroll-view.js","sourceRoot":"","sources":["../../../src/components/scroll-view/scroll-view.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, ComponentInterface, Prop, Event, EventEmitter, Watch, Element, Method, Host, Listen } from '@stencil/core'\nimport classNames from 'classnames'\n\nimport { debounce } from '../../utils'\n\nimport type { ScrollViewContext } from '@tarojs/taro'\n\nfunction easeOutScroll (from: number, to: number, duration = 500, callback?) {\n if (from === to || typeof from !== 'number') {\n return\n }\n\n const change = to - from\n const sTime = Date.now()\n const isLarger = to >= from\n\n function linear (t: number, b: number, c: number, d: number): number {\n return c * t / d + b\n }\n\n function step () {\n from = linear(Date.now() - sTime, from, change, duration)\n if ((isLarger && from >= to) || (!isLarger && to >= from)) {\n callback(to)\n return\n }\n callback(from)\n requestAnimationFrame(step)\n }\n\n step()\n}\n\n@Component({\n tag: 'taro-scroll-view-core',\n styleUrl: './style/index.scss'\n})\nexport class ScrollView implements ComponentInterface {\n private _scrollLeft = 0\n private _scrollTop = 0\n\n @Element() el: HTMLElement\n\n @Prop() scrollX = false\n @Prop() scrollY = false\n @Prop() upperThreshold: number | string = 50\n @Prop() lowerThreshold: number | string = 50\n @Prop({ attribute: 'scroll-top', reflect: true }) mpScrollTop: number | string\n @Prop({ attribute: 'scroll-left', reflect: true }) mpScrollLeft: number | string\n @Prop({ attribute: 'scroll-into-view', reflect: true }) mpScrollIntoView: string\n @Prop({ attribute: 'scroll-with-animation' }) animated = false\n\n @Event({\n eventName: 'scroll',\n bubbles: false\n })\n onScroll: EventEmitter\n\n @Event({\n eventName: 'scrolltoupper',\n bubbles: false\n })\n onScrollToUpper: EventEmitter\n\n @Event({\n eventName: 'scrolltolower',\n bubbles: false\n })\n onScrollToLower: EventEmitter\n\n @Watch('mpScrollLeft')\n watchScrollLeft (newVal) {\n const left = Number(newVal)\n const { animated } = this\n\n this.mpScrollToMethod({\n left, animated\n })\n }\n\n @Watch('mpScrollTop')\n watchScrollTop (newVal) {\n const top = Number(newVal)\n const { animated } = this\n\n this.mpScrollToMethod({\n top, animated\n })\n }\n\n @Watch('mpScrollIntoView')\n watchScrollIntoView (newVal) {\n this.mpScrollIntoViewMethod(newVal)\n }\n\n @Listen('scroll', { capture: true })\n handleScroll (e: Event) {\n if (e instanceof CustomEvent) return\n e.stopPropagation()\n\n const {\n scrollLeft,\n scrollTop,\n scrollHeight,\n scrollWidth\n } = this.el\n this._scrollLeft = scrollLeft\n this._scrollTop = scrollTop\n\n this.upperAndLower()\n\n this.onScroll.emit({\n scrollLeft,\n scrollTop,\n scrollHeight,\n scrollWidth\n })\n }\n\n @Method()\n async mpScrollToMethod(object: ScrollViewContext.scrollTo.Option) {\n let { top, left, duration, animated = false } = object\n\n if (this.scrollY && typeof top === 'number' && !isNaN(top) && top !== this._scrollTop) {\n if (animated) {\n easeOutScroll(this._scrollTop, top, duration, pos => (this.el.scrollTop = pos))\n } else {\n this.el.scrollTop = top\n }\n this._scrollTop = top\n }\n\n if (this.scrollX && typeof left === 'number' && !isNaN(left) && left !== this._scrollLeft) {\n if (animated) {\n easeOutScroll(this._scrollLeft, left, duration, pos => (this.el.scrollLeft = pos))\n } else {\n this.el.scrollLeft = left\n }\n this._scrollLeft = left\n }\n }\n\n @Method()\n async mpScrollIntoViewMethod(selector: string) {\n if (typeof selector === 'string' && selector) {\n document.querySelector(`#${selector}`)?.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n inline: 'start'\n })\n }\n }\n\n componentDidLoad () {\n const top = Number(this.mpScrollTop)\n const left = Number(this.mpScrollLeft)\n const { animated } = this\n\n this.mpScrollToMethod({\n top, left, animated\n })\n }\n\n upperAndLower = debounce(() => {\n const {\n offsetWidth,\n offsetHeight,\n scrollLeft,\n scrollTop,\n scrollHeight,\n scrollWidth\n } = this.el\n\n const lowerThreshold = Number(this.lowerThreshold)\n const upperThreshold = Number(this.upperThreshold)\n\n if (\n !isNaN(lowerThreshold) &&\n ((this.scrollY && offsetHeight + scrollTop + lowerThreshold >= scrollHeight) ||\n (this.scrollX && offsetWidth + scrollLeft + lowerThreshold >= scrollWidth))\n ) {\n this.onScrollToLower.emit({\n direction: this.scrollX ? 'right' : (this.scrollY ? 'bottom' : '')\n })\n }\n\n if (\n !isNaN(upperThreshold) &&\n ((this.scrollY && scrollTop <= upperThreshold) ||\n (this.scrollX && scrollLeft <= upperThreshold))\n ) {\n this.onScrollToUpper.emit({\n direction: this.scrollX ? 'left' : (this.scrollY ? 'top' : '')\n })\n }\n }, 200)\n\n render () {\n const { scrollX, scrollY } = this\n\n const cls = classNames({\n 'taro-scroll-view__scroll-x': scrollX,\n 'taro-scroll-view__scroll-y': scrollY\n })\n return (\n <Host class={cls}>\n <slot />\n </Host>\n )\n }\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"taro-input-core.js","mappings":"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","names":[],"sources":["./src/components/input/index.scss?tag=taro-input-core","./src/components/input/input.tsx"],"sourcesContent":["taro-input-core {\n display: block;\n}\n\ninput {\n display: block;\n overflow: hidden;\n height: 1.4rem;\n text-overflow: clip;\n text-align: inherit;\n white-space: nowrap;\n}\n","import { Component, h, ComponentInterface, Prop, Event, EventEmitter, Element, Watch, Method } from '@stencil/core'\nimport { EventHandler, TaroEvent } from '../../../types'\n\nfunction getTrueType (type: string | undefined, confirmType: string, password: boolean) {\n if (confirmType === 'search') type = 'search'\n if (password) type = 'password'\n if (typeof type === 'undefined') {\n return 'text';\n }\n if (!type) {\n throw new Error('unexpected type')\n }\n if (type === 'digit') type = 'number'\n\n return type\n}\n\nfunction fixControlledValue (value?: string) {\n return value ?? ''\n}\n\n@Component({\n tag: 'taro-input-core',\n styleUrl: 'index.scss'\n})\nexport class Input implements ComponentInterface {\n private inputRef: HTMLInputElement\n private isOnComposition = false\n private isOnPaste = false\n private onInputExcuted = false\n private fileListener: EventHandler\n\n @Prop({ mutable: true }) value: string\n @Prop() type: string\n @Prop() password = false\n @Prop() placeholder: string\n @Prop() disabled = false\n @Prop() maxlength = 140\n @Prop({ attribute: 'focus', reflect: true }) autoFocus = false\n @Prop() confirmType = 'done'\n @Prop() name: string\n @Prop() nativeProps = {}\n\n @Element() el: HTMLElement\n\n @Method()\n focus() {\n this.inputRef.focus()\n }\n\n @Watch('autoFocus')\n watchAutoFocus (newValue: boolean, oldValue: boolean) {\n if (!oldValue && newValue) {\n this.inputRef?.focus()\n }\n }\n\n @Watch('value')\n watchValue (newValue: string) {\n const value = fixControlledValue(newValue)\n if (this.inputRef.value !== value) {\n this.inputRef.value = value\n }\n }\n\n @Event({\n eventName: 'input'\n }) onInput: EventEmitter\n\n @Event({\n eventName: 'paste'\n }) onPaste: EventEmitter\n\n @Event({\n eventName: 'focus'\n }) onFocus: EventEmitter\n\n @Event({\n eventName: 'blur'\n }) onBlur: EventEmitter\n\n @Event({\n eventName: 'confirm'\n }) onConfirm: EventEmitter\n\n @Event({\n eventName: 'change'\n }) onChange: EventEmitter\n\n @Event({\n eventName: 'keydown'\n }) onKeyDown: EventEmitter\n\n componentDidLoad () {\n if (this.type === 'file') {\n this.fileListener = () => {\n this.onInput.emit()\n }\n this.inputRef?.addEventListener('change', this.fileListener)\n } else {\n this.inputRef?.addEventListener('compositionstart', this.handleComposition)\n this.inputRef?.addEventListener('compositionend', this.handleComposition)\n this.inputRef?.addEventListener('beforeinput', this.handleBeforeinput)\n this.inputRef?.addEventListener('textInput', this.handleBeforeinput)\n }\n\n Object.defineProperty(this.el, 'value', {\n get: () => this.inputRef.value,\n set: value => (this.value = value),\n configurable: true\n })\n }\n\n disconnectedCallback () {\n if (this.type === 'file') {\n this.inputRef?.removeEventListener('change', this.fileListener)\n } else {\n this.inputRef?.removeEventListener('compositionstart', this.handleComposition)\n this.inputRef?.removeEventListener('compositionend', this.handleComposition)\n this.inputRef?.removeEventListener('beforeinput', this.handleBeforeinput)\n this.inputRef?.removeEventListener('textInput', this.handleBeforeinput)\n }\n }\n\n handleInput = (e: TaroEvent<HTMLInputElement>) => {\n e.stopPropagation()\n const {\n type,\n maxlength,\n confirmType,\n password\n } = this\n if (!this.isOnComposition && !this.onInputExcuted) {\n let value = e.target.value\n const inputType = getTrueType(type, confirmType, password)\n this.onInputExcuted = true\n /* 修复 number 类型 maxlength 无效 */\n if (inputType === 'number' && value && maxlength > -1 && maxlength <= value.length) {\n value = value.substring(0, maxlength)\n e.target.value = value\n }\n\n // 修复 IOS 光标跳转问题\n // if (!(['number', 'file'].indexOf(inputType) >= 0)) {\n // const pos = e.target.selectionEnd\n // setTimeout(\n // () => {\n // e.target.selectionStart = pos\n // e.target.selectionEnd = pos\n // }\n // )\n // }\n\n this.value = value\n this.onInput.emit({\n value,\n cursor: value.length\n })\n this.onInputExcuted = false\n }\n }\n\n handlePaste = (e: TaroEvent<HTMLInputElement> & ClipboardEvent) => {\n e.stopPropagation()\n this.isOnPaste = true\n this.onPaste.emit({\n value: e.target.value\n })\n }\n\n handleFocus = (e: TaroEvent<HTMLInputElement> & FocusEvent) => {\n e.stopPropagation()\n this.onInputExcuted = false\n this.onFocus.emit({\n value: e.target.value\n })\n }\n\n handleBlur = (e: TaroEvent<HTMLInputElement> & FocusEvent) => {\n e.stopPropagation()\n this.onBlur.emit({\n value: e.target.value\n })\n }\n\n handleChange = (e: TaroEvent<HTMLInputElement>) => {\n e.stopPropagation()\n this.onChange.emit({\n value: e.target.value\n })\n\n if (this.isOnPaste) {\n this.isOnPaste = false\n this.value = e.target.value\n this.onInput.emit({\n value: e.target.value,\n cursor: e.target.value.length\n })\n }\n }\n\n handleKeyDown = (e: TaroEvent<HTMLInputElement> & KeyboardEvent) => {\n e.stopPropagation()\n const { value } = e.target\n const keyCode = e.keyCode || e.code\n this.onInputExcuted = false\n\n this.onKeyDown.emit({\n value,\n cursor: value.length,\n keyCode\n })\n\n keyCode === 13 && this.onConfirm.emit({ value })\n }\n\n handleComposition = (e: Event) => {\n e.stopPropagation()\n if (!(e.target instanceof HTMLInputElement)) return\n\n if (e.type === 'compositionend') {\n this.isOnComposition = false\n this.value = e.target.value\n this.onInput.emit({\n value: e.target.value,\n cursor: e.target.value.length\n })\n } else {\n this.isOnComposition = true\n }\n }\n\n handleBeforeinput = (e) => {\n if (!e.data) return\n const isNumber = e.data && /[0-9]/.test(e.data)\n if (this.type === 'number' && !isNumber) {\n e.preventDefault()\n }\n if (this.type === 'digit' && !isNumber) {\n if (e.data !== '.' || (e.data === '.' && e.target.value.indexOf('.') > -1)) {\n e.preventDefault()\n }\n }\n }\n\n render () {\n const {\n value,\n type,\n password,\n placeholder,\n autoFocus,\n disabled,\n maxlength,\n confirmType,\n name,\n nativeProps\n } = this\n\n return (\n <input\n ref={input => {\n this.inputRef = input!\n if (autoFocus && input) input.focus()\n }}\n class='weui-input'\n type={getTrueType(type, confirmType, password)}\n placeholder={placeholder}\n autoFocus={autoFocus}\n disabled={disabled}\n maxlength={maxlength}\n name={name}\n onInput={this.handleInput}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n onChange={this.handleChange}\n onKeyDown={this.handleKeyDown}\n onPaste={this.handlePaste}\n onCompositionStart={this.handleComposition}\n onCompositionEnd={this.handleComposition}\n {...nativeProps}\n value={fixControlledValue(value)}\n />\n )\n }\n}\n"],"version":3}
|
|
1
|
+
{"file":"taro-input-core.js","mappings":"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","names":[],"sources":["./src/components/input/index.scss?tag=taro-input-core","./src/components/input/input.tsx"],"sourcesContent":["taro-input-core {\n display: block;\n}\n\ninput {\n display: block;\n overflow: hidden;\n height: 1.4rem;\n text-overflow: clip;\n text-align: inherit;\n white-space: nowrap;\n}\n","import { Component, h, ComponentInterface, Prop, Event, EventEmitter, Element, Watch, Method } from '@stencil/core'\nimport { EventHandler, TaroEvent } from '../../../types'\n\nfunction getTrueType (type: string | undefined, confirmType: string, password: boolean) {\n if (confirmType === 'search') type = 'search'\n if (password) type = 'password'\n if (typeof type === 'undefined') {\n return 'text';\n }\n if (!type) {\n throw new Error('unexpected type')\n }\n if (type === 'digit') type = 'number'\n\n return type\n}\n\nfunction fixControlledValue (value?: string) {\n return value ?? ''\n}\n\n@Component({\n tag: 'taro-input-core',\n styleUrl: 'index.scss'\n})\nexport class Input implements ComponentInterface {\n private inputRef: HTMLInputElement\n private isOnComposition = false\n private isOnPaste = false\n private onInputExcuted = false\n private fileListener: EventHandler\n\n @Prop({ mutable: true }) value: string\n @Prop() type: string\n @Prop() password = false\n @Prop() placeholder: string\n @Prop() disabled = false\n @Prop() maxlength = 140\n @Prop({ attribute: 'focus', reflect: true }) autoFocus = false\n @Prop() confirmType = 'done'\n @Prop() name: string\n @Prop() nativeProps = {}\n\n @Element() el: HTMLElement\n\n @Method()\n async focus() {\n this.inputRef.focus()\n }\n\n @Watch('autoFocus')\n watchAutoFocus (newValue: boolean, oldValue: boolean) {\n if (!oldValue && newValue) {\n this.inputRef?.focus()\n }\n }\n\n @Watch('value')\n watchValue (newValue: string) {\n const value = fixControlledValue(newValue)\n if (this.inputRef.value !== value) {\n this.inputRef.value = value\n }\n }\n\n @Event({\n eventName: 'input'\n }) onInput: EventEmitter\n\n @Event({\n eventName: 'paste'\n }) onPaste: EventEmitter\n\n @Event({\n eventName: 'focus'\n }) onFocus: EventEmitter\n\n @Event({\n eventName: 'blur'\n }) onBlur: EventEmitter\n\n @Event({\n eventName: 'confirm'\n }) onConfirm: EventEmitter\n\n @Event({\n eventName: 'change'\n }) onChange: EventEmitter\n\n @Event({\n eventName: 'keydown'\n }) onKeyDown: EventEmitter\n\n componentDidLoad () {\n if (this.type === 'file') {\n this.fileListener = () => {\n this.onInput.emit()\n }\n this.inputRef?.addEventListener('change', this.fileListener)\n } else {\n this.inputRef?.addEventListener('compositionstart', this.handleComposition)\n this.inputRef?.addEventListener('compositionend', this.handleComposition)\n this.inputRef?.addEventListener('beforeinput', this.handleBeforeinput)\n this.inputRef?.addEventListener('textInput', this.handleBeforeinput)\n }\n\n Object.defineProperty(this.el, 'value', {\n get: () => this.inputRef.value,\n set: value => (this.value = value),\n configurable: true\n })\n }\n\n disconnectedCallback () {\n if (this.type === 'file') {\n this.inputRef?.removeEventListener('change', this.fileListener)\n } else {\n this.inputRef?.removeEventListener('compositionstart', this.handleComposition)\n this.inputRef?.removeEventListener('compositionend', this.handleComposition)\n this.inputRef?.removeEventListener('beforeinput', this.handleBeforeinput)\n this.inputRef?.removeEventListener('textInput', this.handleBeforeinput)\n }\n }\n\n handleInput = (e: TaroEvent<HTMLInputElement>) => {\n e.stopPropagation()\n const {\n type,\n maxlength,\n confirmType,\n password\n } = this\n if (!this.isOnComposition && !this.onInputExcuted) {\n let value = e.target.value\n const inputType = getTrueType(type, confirmType, password)\n this.onInputExcuted = true\n /* 修复 number 类型 maxlength 无效 */\n if (inputType === 'number' && value && maxlength > -1 && maxlength <= value.length) {\n value = value.substring(0, maxlength)\n e.target.value = value\n }\n\n // 修复 IOS 光标跳转问题\n // if (!(['number', 'file'].indexOf(inputType) >= 0)) {\n // const pos = e.target.selectionEnd\n // setTimeout(\n // () => {\n // e.target.selectionStart = pos\n // e.target.selectionEnd = pos\n // }\n // )\n // }\n\n this.value = value\n this.onInput.emit({\n value,\n cursor: value.length\n })\n this.onInputExcuted = false\n }\n }\n\n handlePaste = (e: TaroEvent<HTMLInputElement> & ClipboardEvent) => {\n e.stopPropagation()\n this.isOnPaste = true\n this.onPaste.emit({\n value: e.target.value\n })\n }\n\n handleFocus = (e: TaroEvent<HTMLInputElement> & FocusEvent) => {\n e.stopPropagation()\n this.onInputExcuted = false\n this.onFocus.emit({\n value: e.target.value\n })\n }\n\n handleBlur = (e: TaroEvent<HTMLInputElement> & FocusEvent) => {\n e.stopPropagation()\n this.onBlur.emit({\n value: e.target.value\n })\n }\n\n handleChange = (e: TaroEvent<HTMLInputElement>) => {\n e.stopPropagation()\n this.onChange.emit({\n value: e.target.value\n })\n\n if (this.isOnPaste) {\n this.isOnPaste = false\n this.value = e.target.value\n this.onInput.emit({\n value: e.target.value,\n cursor: e.target.value.length\n })\n }\n }\n\n handleKeyDown = (e: TaroEvent<HTMLInputElement> & KeyboardEvent) => {\n e.stopPropagation()\n const { value } = e.target\n const keyCode = e.keyCode || e.code\n this.onInputExcuted = false\n\n this.onKeyDown.emit({\n value,\n cursor: value.length,\n keyCode\n })\n\n keyCode === 13 && this.onConfirm.emit({ value })\n }\n\n handleComposition = (e: Event) => {\n e.stopPropagation()\n if (!(e.target instanceof HTMLInputElement)) return\n\n if (e.type === 'compositionend') {\n this.isOnComposition = false\n this.value = e.target.value\n this.onInput.emit({\n value: e.target.value,\n cursor: e.target.value.length\n })\n } else {\n this.isOnComposition = true\n }\n }\n\n handleBeforeinput = (e) => {\n if (!e.data) return\n const isNumber = e.data && /[0-9]/.test(e.data)\n if (this.type === 'number' && !isNumber) {\n e.preventDefault()\n }\n if (this.type === 'digit' && !isNumber) {\n if (e.data !== '.' || (e.data === '.' && e.target.value.indexOf('.') > -1)) {\n e.preventDefault()\n }\n }\n }\n\n render () {\n const {\n value,\n type,\n password,\n placeholder,\n autoFocus,\n disabled,\n maxlength,\n confirmType,\n name,\n nativeProps\n } = this\n\n return (\n <input\n ref={input => {\n this.inputRef = input!\n if (autoFocus && input) input.focus()\n }}\n class='weui-input'\n type={getTrueType(type, confirmType, password)}\n placeholder={placeholder}\n autoFocus={autoFocus}\n disabled={disabled}\n maxlength={maxlength}\n name={name}\n onInput={this.handleInput}\n onFocus={this.handleFocus}\n onBlur={this.handleBlur}\n onChange={this.handleChange}\n onKeyDown={this.handleKeyDown}\n onPaste={this.handlePaste}\n onCompositionStart={this.handleComposition}\n onCompositionEnd={this.handleComposition}\n {...nativeProps}\n value={fixControlledValue(value)}\n />\n )\n }\n}\n"],"version":3}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"file":"taro-navigator-core.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,sCAAsC;;
|
|
1
|
+
{"file":"taro-navigator-core.js","mappings":";;;;AAAA,MAAM,QAAQ,GAAG,sCAAsC;;MCc1C,SAAS;;;;;;;;;oBAGD,UAAU;mBACX,KAAK;iBACP,CAAC;;EAejB,OAAO;IACL,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;IACxD,IAAI,OAAO,GAAiB,OAAO,CAAC,OAAO,EAAE,CAAA;IAC7C,QAAQ,QAAQ;MACd,KAAK,UAAU;QACb,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC;UACxB,GAAG,EAAE,IAAI,CAAC,GAAG;SACd,CAAC,CAAA;QACF,MAAK;MACP,KAAK,UAAU;QACb,OAAO,GAAG,IAAI,CAAC,UAAU,CAAC;UACxB,GAAG,EAAE,IAAI,CAAC,GAAG;SACd,CAAC,CAAA;QACF,MAAK;MACP,KAAK,WAAW;QACd,OAAO,GAAG,IAAI,CAAC,SAAS,CAAC;UACvB,GAAG,EAAE,IAAI,CAAC,GAAG;SACd,CAAC,CAAA;QACF,MAAK;MACP,KAAK,UAAU;QACb,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC;UACtB,GAAG,EAAE,IAAI,CAAC,GAAG;SACd,CAAC,CAAA;QACF,MAAK;MACP,KAAK,cAAc;QACjB,OAAO,GAAG,IAAI,CAAC,YAAY,CAAC;UAC1B,KAAK,EAAE,IAAI,CAAC,KAAK;SAClB,CAAC,CAAA;QACF,MAAK;MACP,KAAK,MAAM;QACT,OAAO,GAAG,OAAO,CAAC,MAAM,CAAC,IAAI,KAAK,CAAC,qCAAqC,CAAC,CAAC,CAAA;QAC1E,MAAK;KACR;IACD,IAAI,OAAO,EAAE;MACX,OAAO,CAAC,IAAI,CAAC,GAAG;QACd,SAAS,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;OACpB,CAAC,CAAC,KAAK,CAAC,GAAG;QACV,MAAM,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;OACjB,CAAC,CAAC,OAAO,CAAC;QACT,UAAU,CAAC,IAAI,EAAE,CAAA;OAClB,CAAC,CAAA;KACH;GACF;EAED,MAAM;IACJ,MAAM,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,IAAI,CAAA;IAEpC,QACE,EAAC,IAAI,IACH,KAAK,EAAEA,UAAU,CAAC;QAChB,CAAC,UAAU,GAAG,OAAO;OACtB,CAAC,GACF,EACH;GACF;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["classNames"],"sources":["./src/components/navigator/style/index.scss?tag=taro-navigator-core","./src/components/navigator/navigator.tsx"],"sourcesContent":[".navigator-hover {\r\n background: #efefef;\r\n}\r\n","import { Component, Prop, h, ComponentInterface, Host, Listen, Event, EventEmitter } from '@stencil/core'\nimport Taro from '@tarojs/taro'\nimport classNames from 'classnames'\n\n/**\n * TODO: 参数还需要进一步细化对齐\n * Navigator组件\n * https://developers.weixin.qq.com/miniprogram/dev/component/navigator.html\n **/\n\n@Component({\n tag: 'taro-navigator-core',\n styleUrl: './style/index.scss'\n})\nexport class Navigator implements ComponentInterface {\n @Prop() hoverClass: string\n @Prop() url: string\n @Prop() openType = 'navigate'\n @Prop() isHover = false\n @Prop() delta = 0\n\n @Event({\n eventName: 'cuccess'\n }) onSuccess: EventEmitter\n\n @Event({\n eventName: 'fail'\n }) onFail: EventEmitter\n\n @Event({\n eventName: 'Complete'\n }) onComplete: EventEmitter\n\n @Listen('click')\n onClick () {\n const { openType, onSuccess, onFail, onComplete } = this\n let promise: Promise<any> = Promise.resolve()\n switch (openType) {\n case 'navigate':\n promise = Taro.navigateTo({\n url: this.url\n })\n break\n case 'redirect':\n promise = Taro.redirectTo({\n url: this.url\n })\n break\n case 'switchTab':\n promise = Taro.switchTab({\n url: this.url\n })\n break\n case 'reLaunch':\n promise = Taro.reLaunch({\n url: this.url\n })\n break\n case 'navigateBack':\n promise = Taro.navigateBack({\n delta: this.delta\n })\n break\n case 'exit':\n promise = Promise.reject(new Error('navigator:fail 暂不支持\"openType: exit\"'))\n break\n }\n if (promise) {\n promise.then(res => {\n onSuccess.emit(res)\n }).catch(res => {\n onFail.emit(res)\n }).finally(() => {\n onComplete.emit()\n })\n }\n }\n\n render () {\n const { isHover, hoverClass } = this\n\n return (\n <Host\n class={classNames({\n [hoverClass]: isHover\n })}\n />\n )\n }\n}\n"],"version":3}
|