From f8e6dfb082cbcd1e1f1658838bc21fe63d0c3fb6 Mon Sep 17 00:00:00 2001
From: fmf <1464411278@qq.com>
Date: Fri, 11 Aug 2023 12:42:04 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AC=AC=E4=B8=80=E6=AC=A1=E6=8F=90=E4=BA=A4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                                    |    7 +
 .hbuilderx/launch.json                        |   20 +
 App.vue                                       |   41 +
 common/fui-app.css                            |  134 +
 common/fui-app.js                             |   54 +
 common/fui-request.js                         |   30 +
 .../fui-actionsheet/fui-actionsheet.vue       |  437 +++
 components/firstui/fui-alert/fui-alert.vue    |  244 ++
 .../firstui/fui-animation/fui-animation.vue   |  218 ++
 .../firstui/fui-autograph/fui-autograph.vue   |  351 ++
 .../gcanvas/bridge/bridge-weex.js             |  242 ++
 .../context-2d/FillStyleLinearGradient.js     |   19 +
 .../gcanvas/context-2d/FillStylePattern.js    |    9 +
 .../context-2d/FillStyleRadialGradient.js     |   18 +
 .../gcanvas/context-2d/RenderingContext.js    |  667 ++++
 .../gcanvas/context-webgl/ActiveInfo.js       |   12 +
 .../gcanvas/context-webgl/Buffer.js           |   22 +
 .../gcanvas/context-webgl/Framebuffer.js      |   22 +
 .../gcanvas/context-webgl/GLenum.js           |  299 ++
 .../gcanvas/context-webgl/GLmethod.js         |  143 +
 .../gcanvas/context-webgl/GLtype.js           |   23 +
 .../gcanvas/context-webgl/Program.js          |   22 +
 .../gcanvas/context-webgl/Renderbuffer.js     |   22 +
 .../gcanvas/context-webgl/RenderingContext.js | 1192 ++++++
 .../gcanvas/context-webgl/Shader.js           |   23 +
 .../context-webgl/ShaderPrecisionFormat.js    |   12 +
 .../gcanvas/context-webgl/Texture.js          |   23 +
 .../gcanvas/context-webgl/UniformLocation.js  |   23 +
 .../gcanvas/context-webgl/classUtils.js       |    4 +
 .../fui-autograph/gcanvas/env/canvas.js       |   75 +
 .../fui-autograph/gcanvas/env/image.js        |   97 +
 .../firstui/fui-autograph/gcanvas/env/tool.js |   25 +
 .../firstui/fui-autograph/gcanvas/index.js    |   48 +
 components/firstui/fui-avatar/fui-avatar.vue  |  242 ++
 .../firstui/fui-backdrop/fui-backdrop.vue     |  179 +
 .../firstui/fui-backtop/fui-backtop.vue       |  132 +
 components/firstui/fui-badge/fui-badge.vue    |  234 ++
 .../firstui/fui-banner-arc/fui-banner-arc.vue |  156 +
 components/firstui/fui-barcode/barcode.js     |  205 ++
 .../firstui/fui-barcode/fui-barcode.vue       |  142 +
 .../fui-barcode/gcanvas/bridge/bridge-weex.js |  242 ++
 .../context-2d/FillStyleLinearGradient.js     |   19 +
 .../gcanvas/context-2d/FillStylePattern.js    |    9 +
 .../context-2d/FillStyleRadialGradient.js     |   18 +
 .../gcanvas/context-2d/RenderingContext.js    |  667 ++++
 .../gcanvas/context-webgl/ActiveInfo.js       |   12 +
 .../gcanvas/context-webgl/Buffer.js           |   22 +
 .../gcanvas/context-webgl/Framebuffer.js      |   22 +
 .../gcanvas/context-webgl/GLenum.js           |  299 ++
 .../gcanvas/context-webgl/GLmethod.js         |  143 +
 .../gcanvas/context-webgl/GLtype.js           |   23 +
 .../gcanvas/context-webgl/Program.js          |   22 +
 .../gcanvas/context-webgl/Renderbuffer.js     |   22 +
 .../gcanvas/context-webgl/RenderingContext.js | 1192 ++++++
 .../gcanvas/context-webgl/Shader.js           |   23 +
 .../context-webgl/ShaderPrecisionFormat.js    |   12 +
 .../gcanvas/context-webgl/Texture.js          |   23 +
 .../gcanvas/context-webgl/UniformLocation.js  |   23 +
 .../gcanvas/context-webgl/classUtils.js       |    4 +
 .../firstui/fui-barcode/gcanvas/env/canvas.js |   75 +
 .../firstui/fui-barcode/gcanvas/env/image.js  |   97 +
 .../firstui/fui-barcode/gcanvas/env/tool.js   |   25 +
 .../firstui/fui-barcode/gcanvas/index.js      |   48 +
 .../fui-bottom-navbar/fui-bottom-navbar.vue   |  276 ++
 .../fui-bottom-popup/fui-bottom-popup.vue     |  252 ++
 .../firstui/fui-bubble-box/fui-bubble-box.vue |  520 +++
 components/firstui/fui-button/fui-button.vue  |  525 +++
 .../firstui/fui-calendar/fui-calendar.vue     |  906 +++++
 components/firstui/fui-calendar/index.js      |  580 +++
 components/firstui/fui-card/fui-card.vue      |  326 ++
 .../firstui/fui-cascader/fui-cascader.vue     |  588 +++
 .../fui-checkbox-group/fui-checkbox-group.vue |  102 +
 .../firstui/fui-checkbox/fui-checkbox.vue     |  241 ++
 components/firstui/fui-circle/fui-circle.vue  |  339 ++
 .../fui-circle/gcanvas/bridge/bridge-weex.js  |  242 ++
 .../context-2d/FillStyleLinearGradient.js     |   19 +
 .../gcanvas/context-2d/FillStylePattern.js    |    9 +
 .../context-2d/FillStyleRadialGradient.js     |   18 +
 .../gcanvas/context-2d/RenderingContext.js    |  667 ++++
 .../gcanvas/context-webgl/ActiveInfo.js       |   12 +
 .../gcanvas/context-webgl/Buffer.js           |   22 +
 .../gcanvas/context-webgl/Framebuffer.js      |   22 +
 .../gcanvas/context-webgl/GLenum.js           |  299 ++
 .../gcanvas/context-webgl/GLmethod.js         |  143 +
 .../gcanvas/context-webgl/GLtype.js           |   23 +
 .../gcanvas/context-webgl/Program.js          |   22 +
 .../gcanvas/context-webgl/Renderbuffer.js     |   22 +
 .../gcanvas/context-webgl/RenderingContext.js | 1192 ++++++
 .../gcanvas/context-webgl/Shader.js           |   23 +
 .../context-webgl/ShaderPrecisionFormat.js    |   12 +
 .../gcanvas/context-webgl/Texture.js          |   23 +
 .../gcanvas/context-webgl/UniformLocation.js  |   23 +
 .../gcanvas/context-webgl/classUtils.js       |    4 +
 .../firstui/fui-circle/gcanvas/env/canvas.js  |   75 +
 .../firstui/fui-circle/gcanvas/env/image.js   |   97 +
 .../firstui/fui-circle/gcanvas/env/tool.js    |   25 +
 .../firstui/fui-circle/gcanvas/index.js       |   48 +
 components/firstui/fui-circle/mpjs.js         |  142 +
 components/firstui/fui-circle/nvue.js         |  142 +
 components/firstui/fui-circle/render.js       |   31 +
 .../firstui/fui-clipboard/clipboard.min.js    |    8 +
 components/firstui/fui-clipboard/index.js     |   52 +
 components/firstui/fui-col/fui-col.vue        | 3220 +++++++++++++++++
 .../fui-collapse-item/fui-collapse-item.vue   |  351 ++
 .../firstui/fui-collapse/fui-collapse.vue     |   50 +
 components/firstui/fui-config/index.js        |  115 +
 .../firstui/fui-copy-text/fui-copy-text.vue   |  465 +++
 .../fui-copy-text/lib/clipboard.min.js        |    8 +
 components/firstui/fui-copy-text/lib/index.js |   52 +
 .../firstui/fui-count-down/fui-count-down.vue |  376 ++
 .../fui-countdown-verify.vue                  |  264 ++
 .../fui-cubic-bezier/fui-cubic-bezier.vue     |  225 ++
 .../firstui/fui-data-tag/fui-data-tag.vue     |  436 +++
 .../fui-date-picker/fui-date-picker.vue       | 1445 ++++++++
 components/firstui/fui-dialog/fui-dialog.vue  |  306 ++
 .../fui-digital-keyboard.vue                  |  497 +++
 .../fui-digital-roller/fui-digital-roller.vue |  188 +
 .../firstui/fui-divider/fui-divider.vue       |  112 +
 components/firstui/fui-drag/bindingx.js       |  201 +
 components/firstui/fui-drag/f-drag-item.vue   |  209 ++
 components/firstui/fui-drag/fui-drag.vue      |  373 ++
 components/firstui/fui-drag/index.wxs         |  290 ++
 components/firstui/fui-drag/mpjs.js           |  145 +
 components/firstui/fui-drawer/fui-drawer.vue  |  250 ++
 .../fui-dropdown-list/fui-dropdown-list.vue   |  468 +++
 .../fui-dropdown-menu/fui-dropdown-menu.vue   |  562 +++
 components/firstui/fui-empty/fui-empty.vue    |  131 +
 components/firstui/fui-fab/bindingx.js        |   83 +
 components/firstui/fui-fab/fui-fab.vue        |  607 ++++
 components/firstui/fui-fab/index.wxs          |  120 +
 components/firstui/fui-fab/mpjs.js            |   59 +
 .../firstui/fui-filter-bar/fui-filter-bar.vue |  230 ++
 components/firstui/fui-footer/fui-footer.vue  |  221 ++
 .../firstui/fui-form-field/fui-form-field.vue |   37 +
 .../firstui/fui-form-item/fui-form-item.vue   |  314 ++
 components/firstui/fui-form/fui-form.vue      |  253 ++
 components/firstui/fui-form/fui-validator.js  |  335 ++
 .../firstui/fui-gallery/fui-gallery.vue       |  276 ++
 .../firstui/fui-grid-item/fui-grid-item.vue   |  182 +
 components/firstui/fui-grid/fui-grid.vue      |  269 ++
 .../firstui/fui-horizontal-scroll/bindingx.js |   42 +
 .../fui-horizontal-scroll.vue                 |  271 ++
 .../firstui/fui-horizontal-scroll/index.wxs   |   39 +
 .../firstui/fui-horizontal-scroll/mpjs.js     |   32 +
 components/firstui/fui-icon/fui-icon.js       |  166 +
 components/firstui/fui-icon/fui-icon.ttf      |  Bin 0 -> 39840 bytes
 components/firstui/fui-icon/fui-icon.vue      |  148 +
 .../firstui/fui-image-cropper/bindingx.js     |  282 ++
 .../fui-image-cropper/fui-image-cropper.vue   |  677 ++++
 .../firstui/fui-image-cropper/index.wxs       |  342 ++
 components/firstui/fui-image-cropper/mpjs.js  |  231 ++
 .../fui-index-list/f-index-list-item.vue      |  256 ++
 .../firstui/fui-index-list/fui-index-list.vue |  649 ++++
 .../fui-input-number/fui-input-number.vue     |  326 ++
 components/firstui/fui-input/fui-input.vue    |  716 ++++
 components/firstui/fui-label/fui-label.vue    |   72 +
 .../firstui/fui-landscape/fui-landscape.vue   |  246 ++
 .../firstui/fui-lazyload/fui-lazyload.vue     |  232 ++
 .../fui-license-plate/fui-license-plate.js    |  128 +
 .../fui-license-plate/fui-license-plate.vue   |  448 +++
 components/firstui/fui-link/fui-link.vue      |  148 +
 .../firstui/fui-list-cell/fui-list-cell.vue   |  247 ++
 components/firstui/fui-list/fui-list.vue      |  195 +
 .../firstui/fui-load-ani/fui-load-ani.vue     |  524 +++
 .../firstui/fui-loading/fui-loading.vue       |  245 ++
 .../firstui/fui-loadmore/fui-loadmore.vue     |  247 ++
 .../firstui/fui-lottie/fui-lottie-app.js      |   10 +
 .../firstui/fui-lottie/fui-lottie-mp.js       |   13 +
 components/firstui/fui-lottie/fui-lottie.vue  |  229 ++
 .../firstui/fui-message/fui-message.vue       |  220 ++
 components/firstui/fui-modal/fui-modal.vue    |  408 +++
 .../firstui/fui-movable-view/bindingx.js      |  103 +
 .../fui-movable-view/fui-movable-view.vue     |  192 +
 components/firstui/fui-movable-view/index.wxs |  139 +
 components/firstui/fui-movable-view/mpjs.js   |   76 +
 .../firstui/fui-nav-bar/fui-nav-bar.vue       |  291 ++
 .../firstui/fui-notice-bar/fui-notice-bar.vue |  405 +++
 .../fui-overflow-hidden.vue                   |  157 +
 .../firstui/fui-pagination/fui-pagination.vue |  416 +++
 components/firstui/fui-panel/fui-panel.vue    |  537 +++
 components/firstui/fui-picker/fui-picker.vue  | 1059 ++++++
 .../fui-poster-weex/fui-poster-weex.vue       |  648 ++++
 .../gcanvas/bridge/bridge-weex.js             |  242 ++
 .../context-2d/FillStyleLinearGradient.js     |   19 +
 .../gcanvas/context-2d/FillStylePattern.js    |    9 +
 .../context-2d/FillStyleRadialGradient.js     |   18 +
 .../gcanvas/context-2d/RenderingContext.js    |  667 ++++
 .../gcanvas/context-webgl/ActiveInfo.js       |   12 +
 .../gcanvas/context-webgl/Buffer.js           |   22 +
 .../gcanvas/context-webgl/Framebuffer.js      |   22 +
 .../gcanvas/context-webgl/GLenum.js           |  299 ++
 .../gcanvas/context-webgl/GLmethod.js         |  143 +
 .../gcanvas/context-webgl/GLtype.js           |   23 +
 .../gcanvas/context-webgl/Program.js          |   22 +
 .../gcanvas/context-webgl/Renderbuffer.js     |   22 +
 .../gcanvas/context-webgl/RenderingContext.js | 1192 ++++++
 .../gcanvas/context-webgl/Shader.js           |   23 +
 .../context-webgl/ShaderPrecisionFormat.js    |   12 +
 .../gcanvas/context-webgl/Texture.js          |   23 +
 .../gcanvas/context-webgl/UniformLocation.js  |   23 +
 .../gcanvas/context-webgl/classUtils.js       |    4 +
 .../fui-poster-weex/gcanvas/env/canvas.js     |   75 +
 .../fui-poster-weex/gcanvas/env/image.js      |   97 +
 .../fui-poster-weex/gcanvas/env/tool.js       |   25 +
 .../firstui/fui-poster-weex/gcanvas/index.js  |   48 +
 components/firstui/fui-poster/fui-poster.vue  |  206 ++
 components/firstui/fui-poster/index.js        |  644 ++++
 .../firstui/fui-preview/fui-preview.vue       |  552 +++
 .../firstui/fui-progress/fui-progress.vue     |  218 ++
 .../fui-puzzle-verify/fui-puzzle-verify.vue   |  426 +++
 .../firstui/fui-puzzle-verify/index.wxs       |  147 +
 components/firstui/fui-puzzle-verify/mpjs.js  |   68 +
 components/firstui/fui-puzzle-verify/weex.js  |  115 +
 components/firstui/fui-qrcode/fui-qr/index.js |   17 +
 .../firstui/fui-qrcode/fui-qr/lib/8BitByte.js |   23 +
 .../fui-qrcode/fui-qr/lib/BitBuffer.js        |   39 +
 .../fui-qr/lib/ErrorCorrectLevel.js           |    7 +
 .../fui-qrcode/fui-qr/lib/LICENSE-qrcode      |    7 +
 .../fui-qrcode/fui-qr/lib/Polynomial.js       |   68 +
 .../firstui/fui-qrcode/fui-qr/lib/QRCode.js   |  438 +++
 .../firstui/fui-qrcode/fui-qr/lib/RSBlock.js  |  300 ++
 .../firstui/fui-qrcode/fui-qr/lib/math.js     |   45 +
 .../firstui/fui-qrcode/fui-qr/lib/mode.js     |    7 +
 .../firstui/fui-qrcode/fui-qr/lib/util.js     |  280 ++
 components/firstui/fui-qrcode/fui-qrcode.vue  |  186 +
 .../fui-qrcode/gcanvas/bridge/bridge-weex.js  |  242 ++
 .../context-2d/FillStyleLinearGradient.js     |   19 +
 .../gcanvas/context-2d/FillStylePattern.js    |    9 +
 .../context-2d/FillStyleRadialGradient.js     |   18 +
 .../gcanvas/context-2d/RenderingContext.js    |  667 ++++
 .../gcanvas/context-webgl/ActiveInfo.js       |   12 +
 .../gcanvas/context-webgl/Buffer.js           |   22 +
 .../gcanvas/context-webgl/Framebuffer.js      |   22 +
 .../gcanvas/context-webgl/GLenum.js           |  299 ++
 .../gcanvas/context-webgl/GLmethod.js         |  143 +
 .../gcanvas/context-webgl/GLtype.js           |   23 +
 .../gcanvas/context-webgl/Program.js          |   22 +
 .../gcanvas/context-webgl/Renderbuffer.js     |   22 +
 .../gcanvas/context-webgl/RenderingContext.js | 1192 ++++++
 .../gcanvas/context-webgl/Shader.js           |   23 +
 .../context-webgl/ShaderPrecisionFormat.js    |   12 +
 .../gcanvas/context-webgl/Texture.js          |   23 +
 .../gcanvas/context-webgl/UniformLocation.js  |   23 +
 .../gcanvas/context-webgl/classUtils.js       |    4 +
 .../firstui/fui-qrcode/gcanvas/env/canvas.js  |   75 +
 .../firstui/fui-qrcode/gcanvas/env/image.js   |   97 +
 .../firstui/fui-qrcode/gcanvas/env/tool.js    |   25 +
 .../firstui/fui-qrcode/gcanvas/index.js       |   48 +
 .../fui-radio-group/fui-radio-group.vue       |   97 +
 components/firstui/fui-radio/fui-radio.vue    |  235 ++
 components/firstui/fui-rate/fui-rate.vue      |  330 ++
 components/firstui/fui-request/fui-common.js  |  120 +
 .../firstui/fui-request/fui-taskStore.js      |   57 +
 components/firstui/fui-request/index.js       |  179 +
 components/firstui/fui-result/fui-result.vue  |  280 ++
 .../fui-rotate-verify/fui-rotate-verify.vue   |  411 +++
 .../firstui/fui-rotate-verify/index.wxs       |  137 +
 components/firstui/fui-rotate-verify/mpjs.js  |   62 +
 components/firstui/fui-rotate-verify/weex.js  |  111 +
 components/firstui/fui-row/fui-row.vue        |  166 +
 .../firstui/fui-safe-area/fui-safe-area.vue   |   72 +
 .../firstui/fui-search-bar/fui-search-bar.vue |  562 +++
 .../firstui/fui-section/fui-section.vue       |  205 ++
 .../fui-segmented-control.vue                 |  222 ++
 components/firstui/fui-select/fui-select.vue  |  783 ++++
 .../fui-share-sheet/fui-share-sheet.vue       |  594 +++
 .../fui-single-input/fui-single-input.vue     |  544 +++
 .../firstui/fui-skeleton/fui-skeleton.vue     |  211 ++
 .../fui-slide-verify/fui-slide-verify.vue     |  382 ++
 components/firstui/fui-slide-verify/index.wxs |  149 +
 components/firstui/fui-slide-verify/mpjs.js   |   66 +
 components/firstui/fui-slide-verify/weex.js   |   89 +
 .../fui-slider-captcha/fui-slider-captcha.vue |  724 ++++
 .../firstui/fui-slider-captcha/index.wxs      |  168 +
 components/firstui/fui-slider-captcha/mpjs.js |   82 +
 components/firstui/fui-slider-captcha/weex.js |  131 +
 components/firstui/fui-slider/bindingx.js     |  212 ++
 components/firstui/fui-slider/fui-slider.vue  |  398 ++
 components/firstui/fui-slider/index.wxs       |  290 ++
 components/firstui/fui-slider/mpjs.js         |  170 +
 components/firstui/fui-spin/fui-spin.vue      |  119 +
 .../firstui/fui-status-bar/fui-status-bar.vue |   59 +
 components/firstui/fui-steps/fui-steps.vue    |  484 +++
 components/firstui/fui-sticky/fui-sticky.vue  |  190 +
 .../firstui/fui-swipe-action/bindingx.js      |  226 ++
 .../fui-swipe-action/fui-swipe-action.vue     |  234 ++
 components/firstui/fui-swipe-action/index.wxs |  244 ++
 components/firstui/fui-swipe-action/mpjs.js   |  195 +
 components/firstui/fui-swipe-action/mpwxs.js  |  107 +
 .../fui-swipeaction-group.vue                 |   57 +
 .../firstui/fui-swiper-dot/fui-swiper-dot.vue |  188 +
 components/firstui/fui-switch/fui-switch.vue  |  304 ++
 components/firstui/fui-tabbar/fui-tabbar.vue  |  391 ++
 components/firstui/fui-table/fui-table.vue    |  793 ++++
 components/firstui/fui-tabs/fui-tabs.vue      |  542 +++
 components/firstui/fui-tag/fui-tag.vue        |  368 ++
 components/firstui/fui-text/fui-text.vue      |  286 ++
 .../firstui/fui-textarea/fui-textarea.vue     |  634 ++++
 components/firstui/fui-theme/fui-theme.css    |   85 +
 .../fui-timeaxis-node/fui-timeaxis-node.vue   |  109 +
 .../firstui/fui-timeaxis/fui-timeaxis.vue     |   80 +
 components/firstui/fui-timer/fui-timer.vue    |  375 ++
 components/firstui/fui-toast/fui-toast.vue    |  207 ++
 .../firstui/fui-top-popup/fui-top-popup.vue   |  186 +
 .../fui-upload-video/fui-upload-video.vue     |  572 +++
 components/firstui/fui-upload/fui-upload.vue  |  603 +++
 components/firstui/fui-utils/index.js         |  374 ++
 .../firstui/fui-validator/fui-validator.js    |  335 ++
 .../fui-vtabs-content/fui-vtabs-content.vue   |   96 +
 components/firstui/fui-vtabs/fui-vtabs.vue    |  526 +++
 .../fui-waterfall-item/fui-waterfall-item.vue |  236 ++
 .../firstui/fui-waterfall/fui-waterfall.vue   |  167 +
 index.html                                    |   14 +
 main.js                                       |   70 +
 manifest.json                                 |   72 +
 pages.json                                    |   28 +
 pages/index/index.vue                         |   78 +
 static/icon/fui-custom-icon.css               |   27 +
 static/icon/fui-custom-icon.ttf               |  Bin 0 -> 2248 bytes
 static/images/logo.png                        |  Bin 0 -> 24797 bytes
 store/index.js                                |   43 +
 uni.scss                                      |   76 +
 322 files changed, 70415 insertions(+)
 create mode 100644 .gitignore
 create mode 100644 .hbuilderx/launch.json
 create mode 100644 App.vue
 create mode 100644 common/fui-app.css
 create mode 100644 common/fui-app.js
 create mode 100644 common/fui-request.js
 create mode 100644 components/firstui/fui-actionsheet/fui-actionsheet.vue
 create mode 100644 components/firstui/fui-alert/fui-alert.vue
 create mode 100644 components/firstui/fui-animation/fui-animation.vue
 create mode 100644 components/firstui/fui-autograph/fui-autograph.vue
 create mode 100644 components/firstui/fui-autograph/gcanvas/bridge/bridge-weex.js
 create mode 100644 components/firstui/fui-autograph/gcanvas/context-2d/FillStyleLinearGradient.js
 create mode 100644 components/firstui/fui-autograph/gcanvas/context-2d/FillStylePattern.js
 create mode 100644 components/firstui/fui-autograph/gcanvas/context-2d/FillStyleRadialGradient.js
 create mode 100644 components/firstui/fui-autograph/gcanvas/context-2d/RenderingContext.js
 create mode 100644 components/firstui/fui-autograph/gcanvas/context-webgl/ActiveInfo.js
 create mode 100644 components/firstui/fui-autograph/gcanvas/context-webgl/Buffer.js
 create mode 100644 components/firstui/fui-autograph/gcanvas/context-webgl/Framebuffer.js
 create mode 100644 components/firstui/fui-autograph/gcanvas/context-webgl/GLenum.js
 create mode 100644 components/firstui/fui-autograph/gcanvas/context-webgl/GLmethod.js
 create mode 100644 components/firstui/fui-autograph/gcanvas/context-webgl/GLtype.js
 create mode 100644 components/firstui/fui-autograph/gcanvas/context-webgl/Program.js
 create mode 100644 components/firstui/fui-autograph/gcanvas/context-webgl/Renderbuffer.js
 create mode 100644 components/firstui/fui-autograph/gcanvas/context-webgl/RenderingContext.js
 create mode 100644 components/firstui/fui-autograph/gcanvas/context-webgl/Shader.js
 create mode 100644 components/firstui/fui-autograph/gcanvas/context-webgl/ShaderPrecisionFormat.js
 create mode 100644 components/firstui/fui-autograph/gcanvas/context-webgl/Texture.js
 create mode 100644 components/firstui/fui-autograph/gcanvas/context-webgl/UniformLocation.js
 create mode 100644 components/firstui/fui-autograph/gcanvas/context-webgl/classUtils.js
 create mode 100644 components/firstui/fui-autograph/gcanvas/env/canvas.js
 create mode 100644 components/firstui/fui-autograph/gcanvas/env/image.js
 create mode 100644 components/firstui/fui-autograph/gcanvas/env/tool.js
 create mode 100644 components/firstui/fui-autograph/gcanvas/index.js
 create mode 100644 components/firstui/fui-avatar/fui-avatar.vue
 create mode 100644 components/firstui/fui-backdrop/fui-backdrop.vue
 create mode 100644 components/firstui/fui-backtop/fui-backtop.vue
 create mode 100644 components/firstui/fui-badge/fui-badge.vue
 create mode 100644 components/firstui/fui-banner-arc/fui-banner-arc.vue
 create mode 100644 components/firstui/fui-barcode/barcode.js
 create mode 100644 components/firstui/fui-barcode/fui-barcode.vue
 create mode 100644 components/firstui/fui-barcode/gcanvas/bridge/bridge-weex.js
 create mode 100644 components/firstui/fui-barcode/gcanvas/context-2d/FillStyleLinearGradient.js
 create mode 100644 components/firstui/fui-barcode/gcanvas/context-2d/FillStylePattern.js
 create mode 100644 components/firstui/fui-barcode/gcanvas/context-2d/FillStyleRadialGradient.js
 create mode 100644 components/firstui/fui-barcode/gcanvas/context-2d/RenderingContext.js
 create mode 100644 components/firstui/fui-barcode/gcanvas/context-webgl/ActiveInfo.js
 create mode 100644 components/firstui/fui-barcode/gcanvas/context-webgl/Buffer.js
 create mode 100644 components/firstui/fui-barcode/gcanvas/context-webgl/Framebuffer.js
 create mode 100644 components/firstui/fui-barcode/gcanvas/context-webgl/GLenum.js
 create mode 100644 components/firstui/fui-barcode/gcanvas/context-webgl/GLmethod.js
 create mode 100644 components/firstui/fui-barcode/gcanvas/context-webgl/GLtype.js
 create mode 100644 components/firstui/fui-barcode/gcanvas/context-webgl/Program.js
 create mode 100644 components/firstui/fui-barcode/gcanvas/context-webgl/Renderbuffer.js
 create mode 100644 components/firstui/fui-barcode/gcanvas/context-webgl/RenderingContext.js
 create mode 100644 components/firstui/fui-barcode/gcanvas/context-webgl/Shader.js
 create mode 100644 components/firstui/fui-barcode/gcanvas/context-webgl/ShaderPrecisionFormat.js
 create mode 100644 components/firstui/fui-barcode/gcanvas/context-webgl/Texture.js
 create mode 100644 components/firstui/fui-barcode/gcanvas/context-webgl/UniformLocation.js
 create mode 100644 components/firstui/fui-barcode/gcanvas/context-webgl/classUtils.js
 create mode 100644 components/firstui/fui-barcode/gcanvas/env/canvas.js
 create mode 100644 components/firstui/fui-barcode/gcanvas/env/image.js
 create mode 100644 components/firstui/fui-barcode/gcanvas/env/tool.js
 create mode 100644 components/firstui/fui-barcode/gcanvas/index.js
 create mode 100644 components/firstui/fui-bottom-navbar/fui-bottom-navbar.vue
 create mode 100644 components/firstui/fui-bottom-popup/fui-bottom-popup.vue
 create mode 100644 components/firstui/fui-bubble-box/fui-bubble-box.vue
 create mode 100644 components/firstui/fui-button/fui-button.vue
 create mode 100644 components/firstui/fui-calendar/fui-calendar.vue
 create mode 100644 components/firstui/fui-calendar/index.js
 create mode 100644 components/firstui/fui-card/fui-card.vue
 create mode 100644 components/firstui/fui-cascader/fui-cascader.vue
 create mode 100644 components/firstui/fui-checkbox-group/fui-checkbox-group.vue
 create mode 100644 components/firstui/fui-checkbox/fui-checkbox.vue
 create mode 100644 components/firstui/fui-circle/fui-circle.vue
 create mode 100644 components/firstui/fui-circle/gcanvas/bridge/bridge-weex.js
 create mode 100644 components/firstui/fui-circle/gcanvas/context-2d/FillStyleLinearGradient.js
 create mode 100644 components/firstui/fui-circle/gcanvas/context-2d/FillStylePattern.js
 create mode 100644 components/firstui/fui-circle/gcanvas/context-2d/FillStyleRadialGradient.js
 create mode 100644 components/firstui/fui-circle/gcanvas/context-2d/RenderingContext.js
 create mode 100644 components/firstui/fui-circle/gcanvas/context-webgl/ActiveInfo.js
 create mode 100644 components/firstui/fui-circle/gcanvas/context-webgl/Buffer.js
 create mode 100644 components/firstui/fui-circle/gcanvas/context-webgl/Framebuffer.js
 create mode 100644 components/firstui/fui-circle/gcanvas/context-webgl/GLenum.js
 create mode 100644 components/firstui/fui-circle/gcanvas/context-webgl/GLmethod.js
 create mode 100644 components/firstui/fui-circle/gcanvas/context-webgl/GLtype.js
 create mode 100644 components/firstui/fui-circle/gcanvas/context-webgl/Program.js
 create mode 100644 components/firstui/fui-circle/gcanvas/context-webgl/Renderbuffer.js
 create mode 100644 components/firstui/fui-circle/gcanvas/context-webgl/RenderingContext.js
 create mode 100644 components/firstui/fui-circle/gcanvas/context-webgl/Shader.js
 create mode 100644 components/firstui/fui-circle/gcanvas/context-webgl/ShaderPrecisionFormat.js
 create mode 100644 components/firstui/fui-circle/gcanvas/context-webgl/Texture.js
 create mode 100644 components/firstui/fui-circle/gcanvas/context-webgl/UniformLocation.js
 create mode 100644 components/firstui/fui-circle/gcanvas/context-webgl/classUtils.js
 create mode 100644 components/firstui/fui-circle/gcanvas/env/canvas.js
 create mode 100644 components/firstui/fui-circle/gcanvas/env/image.js
 create mode 100644 components/firstui/fui-circle/gcanvas/env/tool.js
 create mode 100644 components/firstui/fui-circle/gcanvas/index.js
 create mode 100644 components/firstui/fui-circle/mpjs.js
 create mode 100644 components/firstui/fui-circle/nvue.js
 create mode 100644 components/firstui/fui-circle/render.js
 create mode 100644 components/firstui/fui-clipboard/clipboard.min.js
 create mode 100644 components/firstui/fui-clipboard/index.js
 create mode 100644 components/firstui/fui-col/fui-col.vue
 create mode 100644 components/firstui/fui-collapse-item/fui-collapse-item.vue
 create mode 100644 components/firstui/fui-collapse/fui-collapse.vue
 create mode 100644 components/firstui/fui-config/index.js
 create mode 100644 components/firstui/fui-copy-text/fui-copy-text.vue
 create mode 100644 components/firstui/fui-copy-text/lib/clipboard.min.js
 create mode 100644 components/firstui/fui-copy-text/lib/index.js
 create mode 100644 components/firstui/fui-count-down/fui-count-down.vue
 create mode 100644 components/firstui/fui-countdown-verify/fui-countdown-verify.vue
 create mode 100644 components/firstui/fui-cubic-bezier/fui-cubic-bezier.vue
 create mode 100644 components/firstui/fui-data-tag/fui-data-tag.vue
 create mode 100644 components/firstui/fui-date-picker/fui-date-picker.vue
 create mode 100644 components/firstui/fui-dialog/fui-dialog.vue
 create mode 100644 components/firstui/fui-digital-keyboard/fui-digital-keyboard.vue
 create mode 100644 components/firstui/fui-digital-roller/fui-digital-roller.vue
 create mode 100644 components/firstui/fui-divider/fui-divider.vue
 create mode 100644 components/firstui/fui-drag/bindingx.js
 create mode 100644 components/firstui/fui-drag/f-drag-item.vue
 create mode 100644 components/firstui/fui-drag/fui-drag.vue
 create mode 100644 components/firstui/fui-drag/index.wxs
 create mode 100644 components/firstui/fui-drag/mpjs.js
 create mode 100644 components/firstui/fui-drawer/fui-drawer.vue
 create mode 100644 components/firstui/fui-dropdown-list/fui-dropdown-list.vue
 create mode 100644 components/firstui/fui-dropdown-menu/fui-dropdown-menu.vue
 create mode 100644 components/firstui/fui-empty/fui-empty.vue
 create mode 100644 components/firstui/fui-fab/bindingx.js
 create mode 100644 components/firstui/fui-fab/fui-fab.vue
 create mode 100644 components/firstui/fui-fab/index.wxs
 create mode 100644 components/firstui/fui-fab/mpjs.js
 create mode 100644 components/firstui/fui-filter-bar/fui-filter-bar.vue
 create mode 100644 components/firstui/fui-footer/fui-footer.vue
 create mode 100644 components/firstui/fui-form-field/fui-form-field.vue
 create mode 100644 components/firstui/fui-form-item/fui-form-item.vue
 create mode 100644 components/firstui/fui-form/fui-form.vue
 create mode 100644 components/firstui/fui-form/fui-validator.js
 create mode 100644 components/firstui/fui-gallery/fui-gallery.vue
 create mode 100644 components/firstui/fui-grid-item/fui-grid-item.vue
 create mode 100644 components/firstui/fui-grid/fui-grid.vue
 create mode 100644 components/firstui/fui-horizontal-scroll/bindingx.js
 create mode 100644 components/firstui/fui-horizontal-scroll/fui-horizontal-scroll.vue
 create mode 100644 components/firstui/fui-horizontal-scroll/index.wxs
 create mode 100644 components/firstui/fui-horizontal-scroll/mpjs.js
 create mode 100644 components/firstui/fui-icon/fui-icon.js
 create mode 100644 components/firstui/fui-icon/fui-icon.ttf
 create mode 100644 components/firstui/fui-icon/fui-icon.vue
 create mode 100644 components/firstui/fui-image-cropper/bindingx.js
 create mode 100644 components/firstui/fui-image-cropper/fui-image-cropper.vue
 create mode 100644 components/firstui/fui-image-cropper/index.wxs
 create mode 100644 components/firstui/fui-image-cropper/mpjs.js
 create mode 100644 components/firstui/fui-index-list/f-index-list-item.vue
 create mode 100644 components/firstui/fui-index-list/fui-index-list.vue
 create mode 100644 components/firstui/fui-input-number/fui-input-number.vue
 create mode 100644 components/firstui/fui-input/fui-input.vue
 create mode 100644 components/firstui/fui-label/fui-label.vue
 create mode 100644 components/firstui/fui-landscape/fui-landscape.vue
 create mode 100644 components/firstui/fui-lazyload/fui-lazyload.vue
 create mode 100644 components/firstui/fui-license-plate/fui-license-plate.js
 create mode 100644 components/firstui/fui-license-plate/fui-license-plate.vue
 create mode 100644 components/firstui/fui-link/fui-link.vue
 create mode 100644 components/firstui/fui-list-cell/fui-list-cell.vue
 create mode 100644 components/firstui/fui-list/fui-list.vue
 create mode 100644 components/firstui/fui-load-ani/fui-load-ani.vue
 create mode 100644 components/firstui/fui-loading/fui-loading.vue
 create mode 100644 components/firstui/fui-loadmore/fui-loadmore.vue
 create mode 100644 components/firstui/fui-lottie/fui-lottie-app.js
 create mode 100644 components/firstui/fui-lottie/fui-lottie-mp.js
 create mode 100644 components/firstui/fui-lottie/fui-lottie.vue
 create mode 100644 components/firstui/fui-message/fui-message.vue
 create mode 100644 components/firstui/fui-modal/fui-modal.vue
 create mode 100644 components/firstui/fui-movable-view/bindingx.js
 create mode 100644 components/firstui/fui-movable-view/fui-movable-view.vue
 create mode 100644 components/firstui/fui-movable-view/index.wxs
 create mode 100644 components/firstui/fui-movable-view/mpjs.js
 create mode 100644 components/firstui/fui-nav-bar/fui-nav-bar.vue
 create mode 100644 components/firstui/fui-notice-bar/fui-notice-bar.vue
 create mode 100644 components/firstui/fui-overflow-hidden/fui-overflow-hidden.vue
 create mode 100644 components/firstui/fui-pagination/fui-pagination.vue
 create mode 100644 components/firstui/fui-panel/fui-panel.vue
 create mode 100644 components/firstui/fui-picker/fui-picker.vue
 create mode 100644 components/firstui/fui-poster-weex/fui-poster-weex.vue
 create mode 100644 components/firstui/fui-poster-weex/gcanvas/bridge/bridge-weex.js
 create mode 100644 components/firstui/fui-poster-weex/gcanvas/context-2d/FillStyleLinearGradient.js
 create mode 100644 components/firstui/fui-poster-weex/gcanvas/context-2d/FillStylePattern.js
 create mode 100644 components/firstui/fui-poster-weex/gcanvas/context-2d/FillStyleRadialGradient.js
 create mode 100644 components/firstui/fui-poster-weex/gcanvas/context-2d/RenderingContext.js
 create mode 100644 components/firstui/fui-poster-weex/gcanvas/context-webgl/ActiveInfo.js
 create mode 100644 components/firstui/fui-poster-weex/gcanvas/context-webgl/Buffer.js
 create mode 100644 components/firstui/fui-poster-weex/gcanvas/context-webgl/Framebuffer.js
 create mode 100644 components/firstui/fui-poster-weex/gcanvas/context-webgl/GLenum.js
 create mode 100644 components/firstui/fui-poster-weex/gcanvas/context-webgl/GLmethod.js
 create mode 100644 components/firstui/fui-poster-weex/gcanvas/context-webgl/GLtype.js
 create mode 100644 components/firstui/fui-poster-weex/gcanvas/context-webgl/Program.js
 create mode 100644 components/firstui/fui-poster-weex/gcanvas/context-webgl/Renderbuffer.js
 create mode 100644 components/firstui/fui-poster-weex/gcanvas/context-webgl/RenderingContext.js
 create mode 100644 components/firstui/fui-poster-weex/gcanvas/context-webgl/Shader.js
 create mode 100644 components/firstui/fui-poster-weex/gcanvas/context-webgl/ShaderPrecisionFormat.js
 create mode 100644 components/firstui/fui-poster-weex/gcanvas/context-webgl/Texture.js
 create mode 100644 components/firstui/fui-poster-weex/gcanvas/context-webgl/UniformLocation.js
 create mode 100644 components/firstui/fui-poster-weex/gcanvas/context-webgl/classUtils.js
 create mode 100644 components/firstui/fui-poster-weex/gcanvas/env/canvas.js
 create mode 100644 components/firstui/fui-poster-weex/gcanvas/env/image.js
 create mode 100644 components/firstui/fui-poster-weex/gcanvas/env/tool.js
 create mode 100644 components/firstui/fui-poster-weex/gcanvas/index.js
 create mode 100644 components/firstui/fui-poster/fui-poster.vue
 create mode 100644 components/firstui/fui-poster/index.js
 create mode 100644 components/firstui/fui-preview/fui-preview.vue
 create mode 100644 components/firstui/fui-progress/fui-progress.vue
 create mode 100644 components/firstui/fui-puzzle-verify/fui-puzzle-verify.vue
 create mode 100644 components/firstui/fui-puzzle-verify/index.wxs
 create mode 100644 components/firstui/fui-puzzle-verify/mpjs.js
 create mode 100644 components/firstui/fui-puzzle-verify/weex.js
 create mode 100644 components/firstui/fui-qrcode/fui-qr/index.js
 create mode 100644 components/firstui/fui-qrcode/fui-qr/lib/8BitByte.js
 create mode 100644 components/firstui/fui-qrcode/fui-qr/lib/BitBuffer.js
 create mode 100644 components/firstui/fui-qrcode/fui-qr/lib/ErrorCorrectLevel.js
 create mode 100644 components/firstui/fui-qrcode/fui-qr/lib/LICENSE-qrcode
 create mode 100644 components/firstui/fui-qrcode/fui-qr/lib/Polynomial.js
 create mode 100644 components/firstui/fui-qrcode/fui-qr/lib/QRCode.js
 create mode 100644 components/firstui/fui-qrcode/fui-qr/lib/RSBlock.js
 create mode 100644 components/firstui/fui-qrcode/fui-qr/lib/math.js
 create mode 100644 components/firstui/fui-qrcode/fui-qr/lib/mode.js
 create mode 100644 components/firstui/fui-qrcode/fui-qr/lib/util.js
 create mode 100644 components/firstui/fui-qrcode/fui-qrcode.vue
 create mode 100644 components/firstui/fui-qrcode/gcanvas/bridge/bridge-weex.js
 create mode 100644 components/firstui/fui-qrcode/gcanvas/context-2d/FillStyleLinearGradient.js
 create mode 100644 components/firstui/fui-qrcode/gcanvas/context-2d/FillStylePattern.js
 create mode 100644 components/firstui/fui-qrcode/gcanvas/context-2d/FillStyleRadialGradient.js
 create mode 100644 components/firstui/fui-qrcode/gcanvas/context-2d/RenderingContext.js
 create mode 100644 components/firstui/fui-qrcode/gcanvas/context-webgl/ActiveInfo.js
 create mode 100644 components/firstui/fui-qrcode/gcanvas/context-webgl/Buffer.js
 create mode 100644 components/firstui/fui-qrcode/gcanvas/context-webgl/Framebuffer.js
 create mode 100644 components/firstui/fui-qrcode/gcanvas/context-webgl/GLenum.js
 create mode 100644 components/firstui/fui-qrcode/gcanvas/context-webgl/GLmethod.js
 create mode 100644 components/firstui/fui-qrcode/gcanvas/context-webgl/GLtype.js
 create mode 100644 components/firstui/fui-qrcode/gcanvas/context-webgl/Program.js
 create mode 100644 components/firstui/fui-qrcode/gcanvas/context-webgl/Renderbuffer.js
 create mode 100644 components/firstui/fui-qrcode/gcanvas/context-webgl/RenderingContext.js
 create mode 100644 components/firstui/fui-qrcode/gcanvas/context-webgl/Shader.js
 create mode 100644 components/firstui/fui-qrcode/gcanvas/context-webgl/ShaderPrecisionFormat.js
 create mode 100644 components/firstui/fui-qrcode/gcanvas/context-webgl/Texture.js
 create mode 100644 components/firstui/fui-qrcode/gcanvas/context-webgl/UniformLocation.js
 create mode 100644 components/firstui/fui-qrcode/gcanvas/context-webgl/classUtils.js
 create mode 100644 components/firstui/fui-qrcode/gcanvas/env/canvas.js
 create mode 100644 components/firstui/fui-qrcode/gcanvas/env/image.js
 create mode 100644 components/firstui/fui-qrcode/gcanvas/env/tool.js
 create mode 100644 components/firstui/fui-qrcode/gcanvas/index.js
 create mode 100644 components/firstui/fui-radio-group/fui-radio-group.vue
 create mode 100644 components/firstui/fui-radio/fui-radio.vue
 create mode 100644 components/firstui/fui-rate/fui-rate.vue
 create mode 100644 components/firstui/fui-request/fui-common.js
 create mode 100644 components/firstui/fui-request/fui-taskStore.js
 create mode 100644 components/firstui/fui-request/index.js
 create mode 100644 components/firstui/fui-result/fui-result.vue
 create mode 100644 components/firstui/fui-rotate-verify/fui-rotate-verify.vue
 create mode 100644 components/firstui/fui-rotate-verify/index.wxs
 create mode 100644 components/firstui/fui-rotate-verify/mpjs.js
 create mode 100644 components/firstui/fui-rotate-verify/weex.js
 create mode 100644 components/firstui/fui-row/fui-row.vue
 create mode 100644 components/firstui/fui-safe-area/fui-safe-area.vue
 create mode 100644 components/firstui/fui-search-bar/fui-search-bar.vue
 create mode 100644 components/firstui/fui-section/fui-section.vue
 create mode 100644 components/firstui/fui-segmented-control/fui-segmented-control.vue
 create mode 100644 components/firstui/fui-select/fui-select.vue
 create mode 100644 components/firstui/fui-share-sheet/fui-share-sheet.vue
 create mode 100644 components/firstui/fui-single-input/fui-single-input.vue
 create mode 100644 components/firstui/fui-skeleton/fui-skeleton.vue
 create mode 100644 components/firstui/fui-slide-verify/fui-slide-verify.vue
 create mode 100644 components/firstui/fui-slide-verify/index.wxs
 create mode 100644 components/firstui/fui-slide-verify/mpjs.js
 create mode 100644 components/firstui/fui-slide-verify/weex.js
 create mode 100644 components/firstui/fui-slider-captcha/fui-slider-captcha.vue
 create mode 100644 components/firstui/fui-slider-captcha/index.wxs
 create mode 100644 components/firstui/fui-slider-captcha/mpjs.js
 create mode 100644 components/firstui/fui-slider-captcha/weex.js
 create mode 100644 components/firstui/fui-slider/bindingx.js
 create mode 100644 components/firstui/fui-slider/fui-slider.vue
 create mode 100644 components/firstui/fui-slider/index.wxs
 create mode 100644 components/firstui/fui-slider/mpjs.js
 create mode 100644 components/firstui/fui-spin/fui-spin.vue
 create mode 100644 components/firstui/fui-status-bar/fui-status-bar.vue
 create mode 100644 components/firstui/fui-steps/fui-steps.vue
 create mode 100644 components/firstui/fui-sticky/fui-sticky.vue
 create mode 100644 components/firstui/fui-swipe-action/bindingx.js
 create mode 100644 components/firstui/fui-swipe-action/fui-swipe-action.vue
 create mode 100644 components/firstui/fui-swipe-action/index.wxs
 create mode 100644 components/firstui/fui-swipe-action/mpjs.js
 create mode 100644 components/firstui/fui-swipe-action/mpwxs.js
 create mode 100644 components/firstui/fui-swipeaction-group/fui-swipeaction-group.vue
 create mode 100644 components/firstui/fui-swiper-dot/fui-swiper-dot.vue
 create mode 100644 components/firstui/fui-switch/fui-switch.vue
 create mode 100644 components/firstui/fui-tabbar/fui-tabbar.vue
 create mode 100644 components/firstui/fui-table/fui-table.vue
 create mode 100644 components/firstui/fui-tabs/fui-tabs.vue
 create mode 100644 components/firstui/fui-tag/fui-tag.vue
 create mode 100644 components/firstui/fui-text/fui-text.vue
 create mode 100644 components/firstui/fui-textarea/fui-textarea.vue
 create mode 100644 components/firstui/fui-theme/fui-theme.css
 create mode 100644 components/firstui/fui-timeaxis-node/fui-timeaxis-node.vue
 create mode 100644 components/firstui/fui-timeaxis/fui-timeaxis.vue
 create mode 100644 components/firstui/fui-timer/fui-timer.vue
 create mode 100644 components/firstui/fui-toast/fui-toast.vue
 create mode 100644 components/firstui/fui-top-popup/fui-top-popup.vue
 create mode 100644 components/firstui/fui-upload-video/fui-upload-video.vue
 create mode 100644 components/firstui/fui-upload/fui-upload.vue
 create mode 100644 components/firstui/fui-utils/index.js
 create mode 100644 components/firstui/fui-validator/fui-validator.js
 create mode 100644 components/firstui/fui-vtabs-content/fui-vtabs-content.vue
 create mode 100644 components/firstui/fui-vtabs/fui-vtabs.vue
 create mode 100644 components/firstui/fui-waterfall-item/fui-waterfall-item.vue
 create mode 100644 components/firstui/fui-waterfall/fui-waterfall.vue
 create mode 100644 index.html
 create mode 100644 main.js
 create mode 100644 manifest.json
 create mode 100644 pages.json
 create mode 100644 pages/index/index.vue
 create mode 100644 static/icon/fui-custom-icon.css
 create mode 100644 static/icon/fui-custom-icon.ttf
 create mode 100644 static/images/logo.png
 create mode 100644 store/index.js
 create mode 100644 uni.scss

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..6c560a3
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,7 @@
+unpackage
+/unpackage
+/.DS_Store
+.DS_Store
+node_modules
+/node_modules
+/.vuepress/dist
\ No newline at end of file
diff --git a/.hbuilderx/launch.json b/.hbuilderx/launch.json
new file mode 100644
index 0000000..a97fd25
--- /dev/null
+++ b/.hbuilderx/launch.json
@@ -0,0 +1,20 @@
+{ // launch.json 配置了启动调试时相关设置，configurations下节点名称可为 app-plus/h5/mp-weixin/mp-baidu/mp-alipay/mp-qq/mp-toutiao/mp-360/
+  // launchtype项可配置值为local或remote, local代表前端连本地云函数，remote代表前端连云端云函数
+    "version": "0.0",
+    "configurations": [{
+     	"app-plus" : 
+     	{
+     		"launchtype" : "local"
+     	},
+     	"default" : 
+     	{
+     		"launchtype" : "local"
+     	},
+     	"h5" : 
+     	{
+     		"launchtype" : "local"
+     	},
+     	"type" : "uniCloud"
+     }
+    ]
+}
diff --git a/App.vue b/App.vue
new file mode 100644
index 0000000..e21bf16
--- /dev/null
+++ b/App.vue
@@ -0,0 +1,41 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：   1861  40 72 5  4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<script>
+	export default {
+		onLaunch: function() {
+			console.log('App Launch')
+			//App2.6.5+ 仅iOS
+			// #ifndef APP-PLUS || H5
+			if (uni.canIUse('getUpdateManager')) {
+				const updateManager = uni.getUpdateManager();
+				updateManager.onCheckForUpdate((res) => {
+					if (res.hasUpdate) {
+						updateManager.onUpdateReady(() => {
+							this.fui.modal('更新提示', '发现新版本，为了获得更好的体验，建议立即更新', (res) => {
+								updateManager.applyUpdate();
+							});
+						});
+						updateManager.onUpdateFailed(() => {
+							this.fui.modal('更新失败', '新版本更新失败，请稍后再试或删除小程序重新搜索打开',
+								(res) => {});
+						});
+					}
+				});
+			}
+			// #endif
+		},
+		onShow: function() {
+
+		},
+		onHide: function() {
+			console.log('App Hide')
+		}
+	}
+</script>
+
+<style>
+	/*每个页面公共css */
+	@import './common/fui-app.css';
+	@import './components/firstui/fui-theme/fui-theme.css';
+	/*自定义字体css */
+	@import './static/icon/fui-custom-icon.css';
+</style>
\ No newline at end of file
diff --git a/common/fui-app.css b/common/fui-app.css
new file mode 100644
index 0000000..d8190a9
--- /dev/null
+++ b/common/fui-app.css
@@ -0,0 +1,134 @@
+/* #ifndef APP-NVUE */
+page {
+	background-color: var(--fui-bg-color-grey,#F1F4FA);
+	font-size: 32rpx;
+	font-weight: 500;
+	color: var(--fui-color-title,#181818);
+	font-family: -apple-system-font, Helvetica Neue, Helvetica, sans-serif;
+}
+
+.fui-page__hd {
+	width: 100%;
+	padding: 52rpx 32rpx;
+	box-sizing: border-box;
+}
+
+.fui-page__bd {
+	width: 100%;
+	padding-bottom: 64rpx;
+}
+
+
+.fui-page__title {
+	text-align: left;
+	font-size: 36rpx;
+	font-weight: 600;
+}
+
+.fui-page__desc {
+	margin-top: 8rpx;
+	color: #B2B2B2;
+	text-align: left;
+	font-size: 28rpx;
+	font-weight: 400;
+	word-break: break-all;
+}
+
+.fui-page__spacing {
+	padding-left: 32rpx;
+	padding-right: 32rpx;
+	box-sizing: border-box;
+}
+
+.fui-section__title {
+	font-size: 32rpx;
+	line-height: 32rpx;
+	font-weight: 600;
+	margin-bottom: 32rpx;
+	padding-left: 16rpx;
+	position: relative;
+	box-sizing: border-box;
+}
+
+.fui-section__title:not(:first-child) {
+	margin-top: 96rpx;
+}
+
+.fui-page__title image {
+	width: 48rpx;
+	height: 48rpx;
+	margin-left: 16rpx;
+	/* #ifdef H5 */
+	cursor: pointer;
+	/* #endif */
+}
+
+.fui-section__title::after {
+	content: '';
+	position: absolute;
+	width: 2px;
+	height: 100%;
+	background: #465CFF;
+	border-radius: 2px;
+	left: 0;
+	top: 0;
+}
+.fui-color__primary{
+	color: #465CFF;
+}
+
+::-webkit-scrollbar {
+	width: 0 !important;
+	height: 0 !important;
+	color: transparent !important;
+	display: none;
+}
+
+.fui-wrap {
+	width: 100%;
+	display: flex;
+	box-sizing: border-box;
+	flex-direction: column;
+}
+
+.fui-ellipsis {
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+/*Flex布局*/
+.fui-flex {
+	display: flex;
+}
+
+.fui-flex__1 {
+	flex: 1
+}
+
+.fui-flex__column {
+	flex-direction: column;
+}
+
+.fui-flex__center {
+	display: flex;
+	align-items: center;
+	justify-content: center;
+}
+
+.fui-flex__between {
+	display: flex;
+	align-items: center;
+	justify-content: space-between;
+}
+
+.fui-flex__reverse {
+	flex-direction: row-reverse;
+}
+
+.fui-align__center {
+	display: flex;
+	align-items: center;
+}
+
+/* #endif */
diff --git a/common/fui-app.js b/common/fui-app.js
new file mode 100644
index 0000000..35b9c09
--- /dev/null
+++ b/common/fui-app.js
@@ -0,0 +1,54 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18 61   4072  5 4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+const fui = {
+	toast: function(text) {
+		text && uni.showToast({
+			title: text,
+			icon: 'none',
+			duration: 2000
+		})
+	},
+	modal: function(title, content, callback, showCancel, confirmColor, confirmText) {
+		uni.showModal({
+			title: title,
+			content: content,
+			showCancel: showCancel || false,
+			// #ifndef MP-TOUTIAO
+			cancelColor: "#7F7F7F",
+			confirmColor: confirmColor || "#465CFF",
+			// #endif
+			confirmText: confirmText || "确定",
+			success(res) {
+				if (res.confirm) {
+					callback && callback(true)
+				} else {
+					callback && callback(false)
+				}
+			},
+			fail(err){
+				console.log(err)
+			}
+		})
+	},
+	href(url, isMain) {
+		if (isMain) {
+			uni.switchTab({
+				url: url
+			})
+		} else {
+			uni.navigateTo({
+				url: url
+			});
+		}
+	},
+	jsonp: function(url, callback, callbackname) {
+		// #ifdef H5
+		window[callbackname] = callback;
+		let script = document.createElement("script");
+		script.src = url;
+		script.type = "text/javascript";
+		document.head.appendChild(script);
+		document.head.removeChild(script);
+		// #endif
+	}
+}
+export default fui
\ No newline at end of file
diff --git a/common/fui-request.js b/common/fui-request.js
new file mode 100644
index 0000000..d8a6cca
--- /dev/null
+++ b/common/fui-request.js
@@ -0,0 +1,30 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8      6 14 0725 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import http from '@/components/firstui/fui-request'
+
+//初始化请求配置项
+http.create({
+	host: 'https://ffa.firstui.cn',
+	header: {
+		// 'content-type': 'application/x-www-form-urlencoded'
+	}
+})
+//请求拦截
+http.interceptors.request.use(config => {
+	//请求之前可在请求头中加入token等信息
+	let token = uni.getStorageSync('firstui_token') || 'testToken';
+	if (config.header) {
+		config.header['token'] = token
+	} else {
+		config.header = {
+			'token': token
+		}
+	}
+	return config
+})
+//响应拦截
+http.interceptors.response.use(response => {
+	//TODO
+	return response
+})
+
+export default http
\ No newline at end of file
diff --git a/components/firstui/fui-actionsheet/fui-actionsheet.vue b/components/firstui/fui-actionsheet/fui-actionsheet.vue
new file mode 100644
index 0000000..2b06f02
--- /dev/null
+++ b/components/firstui/fui-actionsheet/fui-actionsheet.vue
@@ -0,0 +1,437 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18 6 140 7   2  5 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view @touchmove.stop.prevent="stop" v-if="isShow || !isNvue">
+		<view class="fui-actionsheet__mask" :class="{'fui-actionsheet__mask-show':show}" ref="fui_asm_ani"
+			@tap="handleClickMask" :style="getStyle"></view>
+		<view class="fui-actionsheet__wrap"
+			:class="{'fui-actionsheet__show':show,'fui-actionsheet__radius':radius,'fui-as__bg-light':theme==='light','fui-as__bg-dark':theme==='dark'}"
+			ref="fui_as_ani" :style="{zIndex:zIndex}">
+			<text class="fui-actionsheet__tips"
+				:class="{'fui-actionsheet__radius':radius,'fui-as__btn-light':theme==='light','fui-as__btn-dark':theme==='dark'}"
+				:style="{fontSize:size+'rpx',color:color}" v-if="tips">{{tips}}</text>
+			<view :class="{'fui-actionsheet__operate-box':isCancel}">
+				<text class="fui-actionsheet__btn"
+					:style="{color:theme==='dark'?(item.darkColor || '#D1D1D1'):(item.color || '#181818'),fontSize:itemSize+'rpx'}"
+					:class="{'fui-actionsheet__btn-last':!isCancel && index==vals.length-1,'fui-as__safe-weex':!isCancel && index==vals.length-1 && iphoneX && safeArea,'fui-actionsheet__radius':radius && !tips && index===0,'fui-as__divider-light':(index!==0 || tips) && theme==='light','fui-as__divider-dark':(index!==0 || tips) && theme==='dark' ,'fui-as__btn-light':theme==='light','fui-as__btn-dark':theme==='dark'}"
+					v-for="(item,index) in vals" :key="index" @tap="handleClickItem(index)">{{item.text}}</text>
+			</view>
+			<text :style="{color:theme==='dark'?'#D1D1D1':'#181818',fontSize:itemSize+'rpx'}"
+				class="fui-actionsheet__btn fui-actionsheet__cancel"
+				:class="{'fui-as__safe-weex':iphoneX && safeArea,'fui-as__btn-light':theme==='light','fui-as__btn-dark':theme==='dark'}"
+				v-if="isCancel" @tap="handleClickCancel">取消</text>
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	export default {
+		name: "fui-actionsheet",
+		emits: ['click', 'cancel'],
+		props: {
+			//是否显示操作菜单
+			show: {
+				type: Boolean,
+				default: false
+			},
+			//菜单按钮数组，可自定义文本颜色
+			itemList: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			//菜单按钮字体大小 rpx
+			itemSize: {
+				type: [Number, String],
+				default: 32
+			},
+			//提示信息
+			tips: {
+				type: String,
+				default: ""
+			},
+			//提示信息文本颜色
+			color: {
+				type: String,
+				default: "#7F7F7F"
+			},
+			//提示文字大小 rpx
+			size: {
+				type: [Number, String],
+				default: 26
+			},
+			//是否需要圆角
+			radius: {
+				type: Boolean,
+				default: true
+			},
+			//是否需要取消按钮
+			isCancel: {
+				type: Boolean,
+				default: true
+			},
+			//light/dark
+			theme: {
+				type: String,
+				default: 'light'
+			},
+			//点击遮罩 是否可关闭
+			maskClosable: {
+				type: Boolean,
+				default: false
+			},
+			zIndex: {
+				type: [Number, String],
+				default: 996
+			},
+			//是否适配底部安全区
+			safeArea: {
+				type: Boolean,
+				default: true
+			}
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				iphoneX: false,
+				vals: [],
+				isNvue: isNvue,
+				isShow: false
+			}
+		},
+		computed: {
+			getStyle() {
+				return `z-index:${Number(this.zIndex)-10};`
+			}
+		},
+		watch: {
+			// #ifdef APP-NVUE
+			show: {
+				handler(newVal) {
+					if (newVal) {
+						this.open();
+					} else {
+						this.close();
+					}
+				},
+				immediate: true
+			},
+			// #endif
+			itemList(newVal) {
+				this.initData(newVal)
+			}
+		},
+		created() {
+			// #ifdef APP-NVUE || MP-TOUTIAO
+			this.iphoneX = this.isPhoneX();
+			// #endif
+			this.initData(this.itemList)
+		},
+		methods: {
+			initData(vals) {
+				if (vals && vals.length > 0) {
+					if (typeof vals[0] !== 'object') {
+						vals = vals.map(item => {
+							return {
+								text: item
+							}
+						})
+					}
+					this.vals = vals;
+				}
+			},
+			handleClickMask() {
+				if (!this.maskClosable) return;
+				this.handleClickCancel();
+			},
+			handleClickItem(index) {
+				if (!this.show) return;
+				this.$emit('click', {
+					index: index,
+					...this.vals[index]
+				});
+			},
+			handleClickCancel() {
+				this.$emit('cancel');
+			},
+			// #ifdef APP-NVUE
+			open() {
+				this.isShow = true;
+				this.$nextTick(() => {
+					setTimeout(() => {
+						this._animation(true);
+					}, 50);
+				})
+			},
+			close() {
+				this._animation(false);
+			},
+			_animation(type) {
+				if (!this.$refs['fui_asm_ani'] || !this.$refs['fui_as_ani']) return;
+				let styles = {
+					transform: `translateY(${type ? '0' : '100%'})`
+				}
+				animation.transition(
+					this.$refs['fui_asm_ani'].ref, {
+						styles: {
+							opacity: type ? 1 : 0
+						},
+						duration: 250,
+						timingFunction: 'ease-in-out',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {}
+				);
+				animation.transition(
+					this.$refs['fui_as_ani'].ref, {
+						styles,
+						duration: 250,
+						timingFunction: 'ease-in-out',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {
+						if (!type) {
+							this.isShow = false
+						}
+					}
+				);
+			},
+			// #endif
+			// #ifdef APP-NVUE || MP-TOUTIAO
+			isPhoneX() {
+				if (!this.safeArea) return false;
+				//34px
+				const res = uni.getSystemInfoSync();
+				let iphonex = false;
+				let models = ['iphonex', 'iphonexr', 'iphonexsmax', 'iphone11', 'iphone11pro', 'iphone11promax',
+					'iphone12', 'iphone12mini', 'iphone12pro', 'iphone12promax', 'iphone13', 'iphone13mini',
+					'iphone13pro', 'iphone13promax', 'iphone14', 'iphone14mini',
+					'iphone14pro', 'iphone14promax', 'iphone15', 'iphone15mini',
+					'iphone15pro', 'iphone15promax'
+				]
+				const model = res.model.replace(/\s/g, "").toLowerCase()
+				const newModel = model.split('<')[0]
+				if (models.includes(model) || models.includes(newModel) || (res.safeAreaInsets && res.safeAreaInsets
+						.bottom > 0)) {
+					iphonex = true;
+				}
+				return iphonex;
+			},
+			// #endif
+			stop() {}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-actionsheet__wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		visibility: hidden;
+		min-height: 100rpx;
+		/* #endif */
+		position: fixed;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		/* #ifndef APP-NVUE */
+		transform: translate3d(0, 100%, 0);
+		transition: all 0.25s ease-in-out;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		transform: translateY(100%);
+		/* #endif */
+		transform-origin: center center;
+	}
+
+	.fui-as__bg-light {
+		background-color: #F8F8F8;
+	}
+
+	.fui-as__bg-dark {
+		background-color: #111111;
+	}
+
+	.fui-actionsheet__radius {
+		border-top-left-radius: 24rpx;
+		border-top-right-radius: 24rpx;
+		/* #ifndef APP-NVUE */
+		overflow: hidden;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-actionsheet__show {
+		transform: translate3d(0, 0, 0);
+		visibility: visible;
+	}
+
+	/* #endif */
+
+	.fui-actionsheet__tips {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex: 1;
+		padding: 40rpx 60rpx;
+		text-align: center;
+		align-items: center;
+		justify-content: center;
+		font-weight: normal;
+	}
+
+	.fui-as__btn-light {
+		background-color: #FFFFFF;
+	}
+
+	.fui-as__btn-dark {
+		background-color: #222222;
+	}
+
+	.fui-actionsheet__operate-box {
+		padding-bottom: 12rpx;
+	}
+
+	.fui-actionsheet__btn {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		box-sizing: content-box;
+		/* #endif */
+		height: 100rpx;
+		/* #ifdef APP-NVUE */
+		line-height: 100rpx;
+		flex: 1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+		/* font-size: 32rpx; */
+		font-weight: normal;
+		position: relative;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-actionsheet__btn:active {
+		/* #ifdef APP-NVUE */
+		background-color: rgba(0, 0, 0, 0.2);
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		background-color: var(--fui-bg-color-hover, rgba(0, 0, 0, 0.2)) !important;
+		/* #endif */
+	}
+
+	.fui-actionsheet__btn-last {
+		/* #ifndef APP-NVUE || MP-TOUTIAO */
+		padding-bottom: constant(safe-area-inset-bottom);
+		padding-bottom: env(safe-area-inset-bottom);
+		/* #endif */
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-as__divider-light {
+		border-top-width: 0.5px;
+		border-top-style: solid;
+		border-top-color: #EEEEEE;
+	}
+
+	.fui-as__divider-dark {
+		border-top-width: 0.5px;
+		border-top-style: solid;
+		border-top-color: #333;
+	}
+
+	/* #endif */
+
+	/* #ifndef APP-NVUE */
+
+	.fui-as__divider-light::before {
+		content: " ";
+		position: absolute;
+		top: 0;
+		right: 0;
+		left: 0;
+		border-top: 1px solid var(--fui-color-border, #EEEEEE);
+		-webkit-transform: scaleY(0.5);
+		transform: scaleY(0.5);
+		transform-origin: 0 0;
+		z-index: 2;
+		pointer-events: none;
+	}
+
+	.fui-as__divider-dark::before {
+		content: " ";
+		position: absolute;
+		top: 0;
+		right: 0;
+		left: 0;
+		border-top: 1px solid #333;
+		-webkit-transform: scaleY(0.5);
+		transform: scaleY(0.5);
+		transform-origin: 0 0;
+		z-index: 2;
+		pointer-events: none;
+	}
+
+	/* #endif */
+
+	.fui-actionsheet__cancel {
+		/* #ifndef APP-NVUE */
+		padding-bottom: constant(safe-area-inset-bottom);
+		padding-bottom: env(safe-area-inset-bottom);
+		/* #endif */
+	}
+
+	/* #ifdef APP-NVUE || MP-TOUTIAO */
+	.fui-as__safe-weex {
+		/* #ifdef APP-NVUE */
+		height: 168rpx;
+		/* #endif */
+		padding-bottom: 34px;
+	}
+
+	/* #endif */
+
+	.fui-actionsheet__mask {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		/* #ifndef APP-NVUE */
+		background-color: var(--fui-bg-color-mask, rgba(0, 0, 0, 0.6));
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		background-color: rgba(0, 0, 0, 0.6);
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		transition: opacity 0.3s ease-in-out;
+		opacity: 0;
+		visibility: hidden;
+		/* #endif */
+	}
+
+	.fui-actionsheet__mask-show {
+		/* #ifndef APP-NVUE */
+		visibility: visible;
+		opacity: 1;
+		/* #endif */
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-alert/fui-alert.vue b/components/firstui/fui-alert/fui-alert.vue
new file mode 100644
index 0000000..9173415
--- /dev/null
+++ b/components/firstui/fui-alert/fui-alert.vue
@@ -0,0 +1,244 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 861   4072  54    9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-alert__wrap" :class="[background?'':('fui-alert__'+type)]"
+		:style="{background:background || getColor(type),borderRadius:radius,paddingTop:padding[0] || 0,paddingRight:padding[1]||0,paddingBottom:padding[2] || padding[0]||0,paddingLeft:padding[3] || padding[1]||0,marginTop:marginTop+'rpx',marginBottom:marginBottom+'rpx'}">
+		<view class="fui-alert__shrink" @tap.stop="leftClick">
+			<slot></slot>
+			<icon :type="type" :size="iconSize" :color="iconColor" v-if="!isLeft && type && type!=='true'"></icon>
+		</view>
+		<view class="fui-alert__content"
+			:class="{'fui-text__p-left':(!isLeft && type && type!=='true') || (spacing && isLeft),'fui-text__p-right':closable}"
+			@tap.stop="onClick">
+			<text class="fui-alert__text" :style="{fontSize:size,color:color}" v-if="title">{{title}}</text>
+			<text class="fui-alert__text fui-desc__padding" :class="{'fui-alert__single':single}"
+				:style="{fontSize:descSize,color:descColor}" v-if="desc">{{desc}}</text>
+			<slot name="content"></slot>
+		</view>
+		<view class="fui-alert__shrink">
+			<slot name="right"></slot>
+		</view>
+		<view :class="{'fui-alert__icon-close':desc}" v-if="closable">
+			<icon @tap.stop="close" type="cancel" :size="closeSize" :color="closeColor"></icon>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-alert",
+		emits: ['leftClick', 'click', 'close'],
+		props: {
+			//info, success, warn, waiting,clear
+			type: {
+				type: String,
+				default: ''
+			},
+			//背景色，如果设置type对应颜色失效
+			background: {
+				type: String,
+				default: ''
+			},
+			//padding值：[上，右，下，左]
+			padding: {
+				type: Array,
+				default () {
+					return ['20rpx', '32rpx']
+				}
+			},
+			//margin-top值，单位rpx
+			marginTop: {
+				type: [Number, String],
+				default: 0
+			},
+			//margin-bottom值，单位rpx
+			marginBottom: {
+				type: [Number, String],
+				default: 0
+			},
+			//圆角
+			radius: {
+				type: String,
+				default: '16rpx'
+			},
+			//icon颜色
+			iconColor: {
+				type: String,
+				default: '#fff'
+			},
+			//icon字体大小，px
+			iconSize: {
+				type: Number,
+				default: 22
+			},
+			closable: {
+				type: Boolean,
+				default: false
+			},
+			closeColor: {
+				type: String,
+				default: '#fff'
+			},
+			//关闭icon字体大小，px
+			closeSize: {
+				type: Number,
+				default: 22
+			},
+			//是否自定义左侧内容,默认图标失效
+			isLeft: {
+				type: Boolean,
+				default: false
+			},
+			//内容是否与图标之间有间隔，isLeft为true时生效
+			spacing: {
+				type: Boolean,
+				default: false
+			},
+			title: {
+				type: String,
+				default: ''
+			},
+			color: {
+				type: String,
+				default: '#fff'
+			},
+			size: {
+				type: String,
+				default: '14px'
+			},
+			desc: {
+				type: String,
+				default: ''
+			},
+			descColor: {
+				type: String,
+				default: '#fff'
+			},
+			descSize: {
+				type: String,
+				default: '12px'
+			},
+			//描述文字单行展示，超出隐藏
+			single: {
+				type: Boolean,
+				default: false
+			}
+		},
+		methods: {
+			getColor(type) {
+				const app = uni && uni.$fui && uni.$fui.color
+				const color = (app && app.primary) || "#465CFF"
+				const colors = {
+					'success': (app && app.success) || '#09BE4F',
+					'warn': (app && app.warning) || '#FFB703',
+					'clear': (app && app.danger) || '#FF2B2B'
+				}
+				return colors[type] ? colors[type] : color;
+			},
+			leftClick() {
+				this.$emit('leftClick', {})
+			},
+			onClick() {
+				this.$emit('click', {})
+			},
+			close() {
+				this.$emit('close', {})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-alert__wrap {
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		display: flex;
+		width: 100%;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		position: relative;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-alert__info,
+	.fui-alert__waiting {
+		background-color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-alert__success {
+		background-color: var(--fui-color-success, #09BE4F) !important;
+	}
+
+	.fui-alert__warn {
+		background-color: var(--fui-color-warning, #FFB703) !important;
+	}
+
+	.fui-alert__clear {
+		background-color: var(--fui-color-danger, #FF2B2B) !important;
+	}
+
+	/* #endif */
+
+	.fui-alert__shrink {
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		/* #endif */
+	}
+
+	.fui-alert__content {
+		flex: 1;
+		flex-direction: column;
+		/* #ifndef APP-NVUE */
+		overflow: hidden;
+		/* #endif */
+	}
+
+	.fui-alert__text {
+		/* #ifndef APP-NVUE */
+		word-break: break-all;
+		display: block;
+		box-sizing: border-box;
+		/* #endif */
+	}
+
+	.fui-desc__padding {
+		padding-top: 3px;
+	}
+
+	.fui-text__p-left {
+		padding-left: 20rpx;
+	}
+
+	.fui-text__p-right {
+		padding-right: 60rpx;
+	}
+
+	.fui-alert__single {
+		/* #ifdef APP-NVUE */
+		lines: 1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		display: block;
+		width: 100%;
+		white-space: nowrap;
+		/* #endif */
+		flex-direction: row;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.fui-alert__icon-close {
+		position: absolute;
+		right: 30rpx;
+		top: 16rpx;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-animation/fui-animation.vue b/components/firstui/fui-animation/fui-animation.vue
new file mode 100644
index 0000000..6acec4a
--- /dev/null
+++ b/components/firstui/fui-animation/fui-animation.vue
@@ -0,0 +1,218 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18  6 14 0 7   2 5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-popup__animation" :class="[ani.in]" :style="'transform:' + transform + ';' + stylesObject"
+		@tap="change" v-if="isShow" ref="fui_ani">
+		<slot></slot>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+
+	export default {
+		name: 'fui-animation',
+		emits: ['click', 'change'],
+		props: {
+			//是否显示
+			show: {
+				type: Boolean,
+				default: false
+			},
+			/*
+			 过渡动画类型
+			  ['fade,'slide-top','slide-right','slide-bottom','slide-left','zoom-in','zoom-out']
+			*/
+			animationType: {
+				type: Array,
+				default () {
+					return [];
+				}
+			},
+			duration: {
+				type: Number,
+				default: 300
+			},
+			//styles 组件样式，同 css 样式
+			styles: {
+				type: Object,
+				default () {
+					return {}
+				}
+			}
+		},
+		data() {
+			return {
+				isShow: false,
+				transform: '',
+				ani: {
+					in: '',
+					active: ''
+				}
+			};
+		},
+		watch: {
+			show: {
+				handler(newVal) {
+					if (newVal) {
+						this.open();
+					} else {
+						this.close();
+					}
+				},
+				immediate: true
+			}
+		},
+		computed: {
+			stylesObject() {
+				//默认值
+				const defStyles = {
+					position: 'fixed',
+					bottom: 0,
+					top: 0,
+					left: 0,
+					right: 0,
+					// #ifndef APP-NVUE
+					display: 'flex',
+					// #endif
+					'justify-content': 'center',
+					'align-items': 'center'
+				};
+				const mergeStyles = Object.assign({}, defStyles, this.styles);
+				const styles = {
+					...mergeStyles,
+					'transition-duration': this.duration / 1000 + 's'
+				};
+				let transfrom = '';
+				for (let i in styles) {
+					let line = this.toLine(i);
+					transfrom += line + ':' + styles[i] + ';';
+				}
+				return transfrom;
+			}
+		},
+		methods: {
+			change() {
+				this.$emit('click', {
+					detail: this.isShow
+				});
+			},
+			open() {
+				clearTimeout(this.timer);
+				this.isShow = true;
+				this.transform = '';
+				this.ani.in = '';
+				for (let i in this.getTranfrom(false)) {
+					if (i === 'opacity') {
+						this.ani.in = 'fui-popup__fade-out';
+					} else {
+						this.transform += `${this.getTranfrom(false)[i]} `;
+					}
+				}
+				this.$nextTick(() => {
+					setTimeout(() => {
+						this._animation(true);
+					}, 50);
+				});
+			},
+			close(type) {
+				clearTimeout(this.timer);
+				this._animation(false);
+			},
+			_animation(type) {
+				let styles = this.getTranfrom(type);
+				// #ifdef APP-NVUE
+				if (!this.$refs['fui_ani']) return;
+				animation.transition(
+					this.$refs['fui_ani'].ref, {
+						styles,
+						duration: this.duration, //ms
+						timingFunction: 'ease',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {
+						if (!type) {
+							this.isShow = false;
+						}
+						this.$emit('change', {
+							detail: this.isShow
+						});
+					}
+				);
+				// #endif
+				// #ifndef APP-NVUE
+				this.transform = '';
+				for (let i in styles) {
+					if (i === 'opacity') {
+						this.ani.in = `fui-popup__fade-${type ? 'in' : 'out'}`;
+					} else {
+						this.transform += `${styles[i]} `;
+					}
+				}
+				this.timer = setTimeout(() => {
+					if (!type) {
+						this.isShow = false;
+					}
+					this.$emit('change', {
+						detail: this.isShow
+					});
+				}, this.duration);
+				// #endif
+			},
+			getTranfrom(type) {
+				let styles = {
+					transform: ''
+				};
+				this.animationType.forEach(mode => {
+					switch (mode) {
+						case 'fade':
+							styles.opacity = type ? 1 : 0;
+							break;
+						case 'slide-top':
+							styles.transform += `translateY(${type ? '0' : '-100%'}) `;
+							break;
+						case 'slide-right':
+							styles.transform += `translateX(${type ? '0' : '100%'}) `;
+							break;
+						case 'slide-bottom':
+							styles.transform += `translateY(${type ? '0' : '100%'}) `;
+							break;
+						case 'slide-left':
+							styles.transform += `translateX(${type ? '0' : '-100%'}) `;
+							break;
+						case 'zoom-in':
+							styles.transform += `scale(${type ? 1 : 0.8}) `;
+							break;
+						case 'zoom-out':
+							styles.transform += `scale(${type ? 1 : 1.2}) `;
+							break;
+					}
+				});
+				return styles;
+			},
+			toLine(name) {
+				return name.replace(/([A-Z])/g, '-$1').toLowerCase();
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	.fui-popup__animation {
+		transition-timing-function: ease;
+		transition-duration: 0.3s;
+		transition-property: transform, opacity;
+		position: relative;
+		z-index: 99;
+	}
+
+	.fui-popup__fade-out {
+		opacity: 0;
+	}
+
+	.fui-popup__fade-in {
+		opacity: 1;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-autograph/fui-autograph.vue b/components/firstui/fui-autograph/fui-autograph.vue
new file mode 100644
index 0000000..13bd6c9
--- /dev/null
+++ b/components/firstui/fui-autograph/fui-autograph.vue
@@ -0,0 +1,351 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：   186   1  4 07 2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-autograph__wrap" :style="{ width: w + 'px', height:h + 'px',background:background  }"
+		ref="fui_gcanvas_ag">
+		<!-- #ifdef APP-NVUE -->
+		<gcanvas @touchstart="onTouchstart" @touchmove="onTouchmove" @touchend="onTouchend" @touchcancel="onTouchCancel"
+			:ref="canvasId" :style="{ width: w + 'px', height:h + 'px'  }">
+		</gcanvas>
+		<!-- #endif -->
+
+		<!-- #ifndef APP-NVUE || MP-TOUTIAO || MP-QQ-->
+		<canvas :disable-scroll="!completed" :canvas-id="canvasId" :id="canvasId" @touchstart="onTouchstart"
+			@touchmove="onTouchmove" @touchend="onTouchend" @touchcancel="onTouchCancel"
+			:style="{width:w+'px',height:h+'px'}" @mousedown="mousedown" @mousemove="mousemove" @mouseup="mouseup"
+			@mouseleave="mouseleave"></canvas>
+		<!-- #endif -->
+
+		<!-- #ifdef MP-QQ -->
+		<canvas :disable-scroll="!completed" canvas-id="canvas_autograph" @touchstart="onTouchstart"
+			@touchmove="onTouchmove" @touchend="onTouchend" @touchcancel="onTouchCancel"
+			:style="{width:w+'px',height:h+'px'}"></canvas>
+		<!-- #endif -->
+
+		<!-- #ifdef MP-TOUTIAO -->
+		<canvas :disable-scroll="!completed" :canvas-id="canvasId" :id="canvasId" @touchstart="onTouchstart"
+			@touchmove.stop.prevent="onTouchmove" @touchend="onTouchend" @touchcancel="onTouchCancel"
+			:style="{width:w+'px',height:h+'px'}" v-if="canvasId"></canvas>
+		<!-- #endif -->
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	import {
+		enable,
+		WeexBridge
+	} from './gcanvas/index.js';
+	const dom = weex.requireModule('dom')
+	// #endif
+	// #ifdef MP-WEIXIN
+	const canvasId = `fui_ag_${Math.ceil(Math.random() * 10e5).toString(36)}`
+	// #endif
+	export default {
+		name: "fui-autograph",
+		emits: ['ready'],
+		props: {
+			width: {
+				type: [Number, String],
+				default: 0
+			},
+			height: {
+				type: [Number, String],
+				default: 400
+			},
+			background: {
+				type: String,
+				default: '#ffffff'
+			},
+			//px
+			lineWidth: {
+				type: [Number, String],
+				default: 5
+			},
+			color: {
+				type: String,
+				default: '#181818'
+			},
+			tips: {
+				type: String,
+				default: '请签名！'
+			}
+		},
+		watch: {
+			width(val) {
+				if (val) {
+					this.w = uni.upx2px(Number(val))
+				}
+			},
+			height(val) {
+				if (val) {
+					this.h = uni.upx2px(Number(val))
+				}
+			}
+		},
+		data() {
+			// #ifndef MP-WEIXIN || MP-QQ
+			const canvasId = `fui_ag_${Math.ceil(Math.random() * 10e5).toString(36)}`
+			// #endif
+			// #ifdef MP-QQ
+			const canvasId = 'canvas_autograph'
+			// #endif
+			return {
+				// #ifdef APP-NVUE
+				isAndroid: true,
+				nTop: 0,
+				nLeft: 0,
+				// #endif
+				canvasId: canvasId,
+				w: 300,
+				h: 200,
+				completed: false,
+				autograph: false
+			};
+		},
+		created() {
+			let sys = uni.getSystemInfoSync()
+			// #ifdef APP-NVUE
+			this.isAndroid = sys.platform.toLocaleLowerCase() === "android";
+			// #endif
+			this.w = this.width == 0 ? sys.windowWidth : uni.upx2px(Number(this.width));
+			this.h = uni.upx2px(Number(this.height) || 400)
+			this.ctx = null;
+			this.touchs = null;
+		},
+		mounted() {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					// #ifdef APP-NVUE
+					let ganvas = this.$refs[this.canvasId];
+					/*通过元素引用获取canvas对象*/
+					let canvasObj = enable(ganvas, {
+						bridge: WeexBridge
+					});
+					/*获取绘图所需的上下文，暂不支持3d*/
+					this.ctx = canvasObj.getContext('2d');
+					if (!this.isAndroid) {
+						this.getDom()
+					}
+					// #endif
+
+					// #ifndef APP-NVUE
+					this.ctx = uni.createCanvasContext(this.canvasId, this)
+					// #endif
+
+					// #ifdef MP-BAIDU
+					this.redraw()
+					// #endif
+
+					this.$emit('ready', {
+						canvasId: this.canvasId
+					})
+				}, 50)
+			})
+		},
+		// #ifndef VUE3
+		beforeDestroy() {
+			this.ctx = null;
+			this.touchs = null;
+		},
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+			this.ctx = null;
+			this.touchs = null;
+		},
+		// #endif
+		methods: {
+			// #ifdef APP-NVUE
+			getDom() {
+				dom.getComponentRect(this.$refs['fui_gcanvas_ag'], option => {
+					if (option && option.result && option.size) {
+						this.nTop = option.size.top
+						this.nLeft = option.size.left
+					}
+				})
+			},
+			// #endif
+			isPC() {
+				var userAgentInfo = navigator.userAgent;
+				var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
+				var flag = true;
+				for (let v = 0; v < Agents.length - 1; v++) {
+					if (userAgentInfo.indexOf(Agents[v]) > 0) {
+						flag = false;
+						break;
+					}
+				}
+				return flag;
+			},
+			onTouchstart(e) {
+				if (this.completed) return;
+				let point = {};
+				// #ifndef APP-NVUE
+				point = {
+					x: e.touches[0].x,
+					y: e.touches[0].y
+				};
+				// #endif
+				// #ifdef APP-NVUE
+				point = {
+					x: e.touches[0].pageX - this.nLeft,
+					y: e.touches[0].pageY - this.nTop
+				};
+				// #endif
+				this.ctx.setStrokeStyle(this.color);
+				this.ctx.setLineWidth(this.lineWidth);
+				this.ctx.setLineCap('round');
+				this.touchs = [point];
+			},
+			mousedown(e) {
+				// #ifdef H5
+				if (!this.isPC() || this.completed) return;
+				let point = {
+					x: e.pageX - e.target.offsetLeft,
+					y: e.pageY - e.target.offsetTop
+				};
+				this.ctx.setStrokeStyle(this.color);
+				this.ctx.setLineWidth(this.lineWidth);
+				this.ctx.setLineCap('round');
+				this.touchs = [point];
+				// #endif
+			},
+			onTouchmove(e) {
+				if (this.completed) return;
+				let point = null;
+				// #ifndef APP-NVUE
+				point = {
+					x: e.touches[0].x,
+					y: e.touches[0].y
+				};
+				// #endif
+				// #ifdef APP-NVUE
+				//changedTouches
+				point = {
+					x: e.touches[0].pageX - this.nLeft,
+					y: e.touches[0].pageY - this.nTop
+				};
+				// #endif
+				point && this.touchs.push(point)
+				if (this.touchs.length >= 2) {
+					this.startDraw();
+				}
+			},
+			mousemove(e) {
+				// #ifdef H5
+				if (!this.isPC() || this.completed || !this.touchs) return;
+				let point = {
+					x: e.pageX - e.target.offsetLeft,
+					y: e.pageY - e.target.offsetTop
+				};
+				this.touchs.push(point)
+				if (this.touchs.length >= 2) {
+					this.startDraw();
+				}
+				// #endif
+			},
+			onTouchend(e) {
+				if (this.completed) return;
+				this.touchs = null
+			},
+			mouseup(e) {
+				// #ifdef H5
+				if (!this.isPC() || this.completed) return;
+				this.touchs = null
+				// #endif
+			},
+			mouseleave(e) {
+				// #ifdef H5
+				if (!this.isPC() || this.completed) return;
+				this.touchs = null
+				// #endif
+			},
+			onTouchCancel(e) {
+				if (this.completed) return;
+				// console.log('touchCancel：', e)
+			},
+			startDraw() {
+				this.autograph = true;
+				const point1 = this.touchs[0];
+				const point2 = this.touchs[1];
+				this.touchs.shift();
+				this.ctx.moveTo(point1.x, point1.y);
+				this.ctx.lineTo(point2.x, point2.y);
+				this.ctx.stroke();
+				this.ctx.draw(true);
+			},
+			//重新绘制
+			redraw() {
+				this.completed = false;
+				this.touchs = null;
+				this.autograph = false;
+				this.ctx.clearRect(0, 0, this.w, this.h);
+				this.ctx.beginPath()
+				this.ctx.draw();
+			},
+			drawComplete(callback) {
+				if (!this.autograph && this.tips && this.tips !== true && this.tips !== 'true') {
+					uni.showToast({
+						title: this.tips,
+						icon: 'none'
+					});
+					return;
+				}
+				this.completed = true;
+				const platform = uni.getSystemInfoSync().platform;
+				let time = 50;
+				if (platform === 'android') {
+					time = 200;
+				}
+				setTimeout(() => {
+					// #ifdef MP-ALIPAY
+					this.ctx.toTempFilePath({
+						success: res => {
+							callback && callback(res.apFilePath)
+						},
+						fail: err => {
+							callback && callback(false)
+						}
+					});
+					// #endif
+					// #ifndef MP-ALIPAY || APP-NVUE
+					uni.canvasToTempFilePath({
+						x: 0,
+						y: 0,
+						canvasId: this.canvasId,
+						fileType: 'png',
+						quality: 1,
+						success: function(res) {
+							callback && callback(res.tempFilePath)
+						},
+						fail() {
+							callback && callback(false)
+						}
+					}, this)
+					// #endif
+
+					// #ifdef APP-NVUE
+					this.ctx.toTempFilePath(
+						0,
+						0,
+						this.w * 2,
+						this.h * 2,
+						this.w * 2,
+						this.h * 2,
+						"png",
+						1,
+						function(res) {
+							callback && callback(res.tempFilePath)
+						},
+						function() {
+							callback && callback(false)
+						}
+					)
+					// #endif
+				}, time)
+			}
+		}
+	}
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/components/firstui/fui-autograph/gcanvas/bridge/bridge-weex.js b/components/firstui/fui-autograph/gcanvas/bridge/bridge-weex.js
new file mode 100644
index 0000000..2428e7f
--- /dev/null
+++ b/components/firstui/fui-autograph/gcanvas/bridge/bridge-weex.js
@@ -0,0 +1,242 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1     8 6140725  4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+const isWeex = typeof WXEnvironment !== 'undefined';
+const isWeexIOS = isWeex && /ios/i.test(WXEnvironment.platform);
+const isWeexAndroid = isWeex && !isWeexIOS;
+
+import GLmethod from '../context-webgl/GLmethod';
+
+const GCanvasModule =
+    (typeof weex !== 'undefined' && weex.requireModule) ? (weex.requireModule('gcanvas')) :
+        (typeof __weex_require__ !== 'undefined') ? (__weex_require__('@weex-module/gcanvas')) : {};
+
+let isDebugging = false;
+
+let isComboDisabled = false;
+
+const logCommand = (function () {
+    const methodQuery = [];
+    Object.keys(GLmethod).forEach(key => {
+        methodQuery[GLmethod[key]] = key;
+    })
+    const queryMethod = (id) => {
+        return methodQuery[parseInt(id)] || 'NotFoundMethod';
+    }
+    const logCommand = (id, cmds) => {
+        const mId = cmds.split(',')[0];
+        const mName = queryMethod(mId);
+        console.log(`=== callNative - componentId:${id}; method: ${mName}; cmds: ${cmds}`);
+    }
+    return logCommand;
+})();
+
+function joinArray(arr, sep) {
+    let res = '';
+    for (let i = 0; i < arr.length; i++) {
+        if (i !== 0) {
+            res += sep;
+        }
+        res += arr[i];
+    }
+    return res;
+}
+
+const commandsCache = {}
+
+const GBridge = {
+
+    callEnable: (ref, configArray) => {
+
+        commandsCache[ref] = [];
+
+        return GCanvasModule.enable({
+            componentId: ref,
+            config: configArray
+        });
+    },
+
+    callEnableDebug: () => {
+        isDebugging = true;
+    },
+
+    callEnableDisableCombo: () => {
+        isComboDisabled = true;
+    },
+
+    callSetContextType: function (componentId, context_type) {
+        GCanvasModule.setContextType(context_type, componentId);
+    },
+
+    callReset: function(id){
+        GCanvasModule.resetComponent && canvasModule.resetComponent(componentId);
+    },
+
+    render: isWeexIOS ? function (componentId) {
+        return GCanvasModule.extendCallNative({
+            contextId: componentId,
+            type: 0x60000001
+        });
+    } : function (componentId) {
+        return callGCanvasLinkNative(componentId, 0x60000001, 'render');
+    },
+
+    render2d: isWeexIOS ? function (componentId, commands, callback) {
+
+        if (isDebugging) {
+            console.log('>>> >>> render2d ===');
+            console.log('>>> commands: ' + commands);
+        }
+
+        GCanvasModule.render([commands, callback?true:false], componentId, callback);
+
+    } : function (componentId, commands,callback) {
+
+        if (isDebugging) {
+            console.log('>>> >>> render2d ===');
+            console.log('>>> commands: ' + commands);
+        }
+
+        callGCanvasLinkNative(componentId, 0x20000001, commands);
+		if(callback){
+		callback();
+		}
+    },
+
+    callExtendCallNative: isWeexIOS ? function (componentId, cmdArgs) {
+
+        throw 'should not be here anymore ' + cmdArgs;
+
+    } : function (componentId, cmdArgs) {
+
+        throw 'should not be here anymore ' + cmdArgs;
+
+    },
+
+
+    flushNative: isWeexIOS ? function (componentId) {
+
+        const cmdArgs = joinArray(commandsCache[componentId], ';');
+        commandsCache[componentId] = [];
+
+        if (isDebugging) {
+            console.log('>>> >>> flush native ===');
+            console.log('>>> commands: ' + cmdArgs);
+        }
+
+        const result = GCanvasModule.extendCallNative({
+            "contextId": componentId,
+            "type": 0x60000000,
+            "args": cmdArgs
+        });
+
+        const res = result && result.result;
+
+        if (isDebugging) {
+            console.log('>>> result: ' + res);
+        }
+
+        return res;
+
+    } : function (componentId) {
+
+        const cmdArgs = joinArray(commandsCache[componentId], ';');
+        commandsCache[componentId] = [];
+
+        if (isDebugging) {
+            console.log('>>> >>> flush native ===');
+            console.log('>>> commands: ' + cmdArgs);
+        }
+
+        const result = callGCanvasLinkNative(componentId, 0x60000000, cmdArgs);
+
+        if (isDebugging) {
+            console.log('>>> result: ' + result);
+        }
+
+        return result;
+    },
+
+    callNative: function (componentId, cmdArgs, cache) {
+
+        if (isDebugging) {
+            logCommand(componentId, cmdArgs);
+        }
+
+        commandsCache[componentId].push(cmdArgs);
+
+        if (!cache || isComboDisabled) {
+            return GBridge.flushNative(componentId);
+        } else {
+            return undefined;
+        }
+    },
+
+    texImage2D(componentId, ...args) {
+        if (isWeexIOS) {
+            if (args.length === 6) {
+                const [target, level, internalformat, format, type, image] = args;
+                GBridge.callNative(
+                    componentId,
+                    GLmethod.texImage2D + ',' + 6 + ',' + target + ',' + level + ',' + internalformat + ',' + format + ',' + type + ',' + image.src
+                )
+            } else if (args.length === 9) {
+                const [target, level, internalformat, width, height, border, format, type, image] = args;
+                GBridge.callNative(
+                    componentId,
+                    GLmethod.texImage2D + ',' + 9 + ',' + target + ',' + level + ',' + internalformat + ',' + width + ',' + height + ',' + border + ',' +
+                    + format + ',' + type + ',' + (image ? image.src : 0)
+                )
+            }
+        } else if (isWeexAndroid) {
+            if (args.length === 6) {
+                const [target, level, internalformat, format, type, image] = args;
+                GCanvasModule.texImage2D(componentId, target, level, internalformat, format, type, image.src);
+            } else if (args.length === 9) {
+                const [target, level, internalformat, width, height, border, format, type, image] = args;
+                GCanvasModule.texImage2D(componentId, target, level, internalformat, width, height, border, format, type, (image ? image.src : 0));
+            }
+        }
+    },
+
+    texSubImage2D(componentId, target, level, xoffset, yoffset, format, type, image) {
+        if (isWeexIOS) {
+            if (arguments.length === 8) {
+                GBridge.callNative(
+                    componentId,
+                    GLmethod.texSubImage2D + ',' + 6 + ',' + target + ',' + level + ',' + xoffset + ',' + yoffset, + ',' + format + ',' + type + ',' + image.src
+                )
+            }
+        } else if (isWeexAndroid) {
+            GCanvasModule.texSubImage2D(componentId, target, level, xoffset, yoffset, format, type, image.src);
+        }
+    },
+
+    bindImageTexture(componentId, src, imageId) {
+        GCanvasModule.bindImageTexture([src, imageId], componentId);
+    },
+
+    perloadImage([url, id], callback) {
+        GCanvasModule.preLoadImage([url, id], function (image) {
+            image.url = url;
+            image.id = id;
+            callback(image);
+        });
+    },
+
+	measureText(text, fontStyle, componentId) {
+	    return GCanvasModule.measureText([text, fontStyle], componentId);
+	},
+
+	getImageData (componentId, x, y, w, h, callback) {
+		GCanvasModule.getImageData([x, y,w,h],componentId,callback);
+	},
+
+	putImageData (componentId, data, x, y, w, h, callback) {
+		GCanvasModule.putImageData([x, y,w,h,data],componentId,callback);
+	},
+
+	toTempFilePath(componentId, x, y, width, height, destWidth, destHeight, fileType, quality, callback){
+		GCanvasModule.toTempFilePath([x, y, width,height, destWidth, destHeight, fileType, quality], componentId, callback);
+	}
+}
+
+export default GBridge;
\ No newline at end of file
diff --git a/components/firstui/fui-autograph/gcanvas/context-2d/FillStyleLinearGradient.js b/components/firstui/fui-autograph/gcanvas/context-2d/FillStyleLinearGradient.js
new file mode 100644
index 0000000..99bd89c
--- /dev/null
+++ b/components/firstui/fui-autograph/gcanvas/context-2d/FillStyleLinearGradient.js
@@ -0,0 +1,19 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 8  614    072 54 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+class FillStyleLinearGradient {
+
+    constructor(x0, y0, x1, y1) {
+        this._start_pos = { _x: x0, _y: y0 };
+        this._end_pos = { _x: x1, _y: y1 };
+        this._stop_count = 0;
+        this._stops = [0, 0, 0, 0, 0];
+    }
+
+    addColorStop = function (pos, color) {
+        if (this._stop_count < 5 && 0.0 <= pos && pos <= 1.0) {
+            this._stops[this._stop_count] = { _pos: pos, _color: color };
+            this._stop_count++;
+        }
+    }
+}
+
+export default FillStyleLinearGradient;
\ No newline at end of file
diff --git a/components/firstui/fui-autograph/gcanvas/context-2d/FillStylePattern.js b/components/firstui/fui-autograph/gcanvas/context-2d/FillStylePattern.js
new file mode 100644
index 0000000..538f863
--- /dev/null
+++ b/components/firstui/fui-autograph/gcanvas/context-2d/FillStylePattern.js
@@ -0,0 +1,9 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1861 4 0 7 2 54     9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+class FillStylePattern {
+    constructor(img, pattern) {
+        this._style = pattern;
+        this._img = img;
+    }
+}
+
+export default FillStylePattern;
\ No newline at end of file
diff --git a/components/firstui/fui-autograph/gcanvas/context-2d/FillStyleRadialGradient.js b/components/firstui/fui-autograph/gcanvas/context-2d/FillStyleRadialGradient.js
new file mode 100644
index 0000000..cf31094
--- /dev/null
+++ b/components/firstui/fui-autograph/gcanvas/context-2d/FillStyleRadialGradient.js
@@ -0,0 +1,18 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186   14   07  2  549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+class FillStyleRadialGradient {
+    constructor(x0, y0, r0, x1, y1, r1) {
+        this._start_pos = { _x: x0, _y: y0, _r: r0 };
+        this._end_pos = { _x: x1, _y: y1, _r: r1 };
+        this._stop_count = 0;
+        this._stops = [0, 0, 0, 0, 0];
+    }
+
+    addColorStop(pos, color) {
+        if (this._stop_count < 5 && 0.0 <= pos && pos <= 1.0) {
+            this._stops[this._stop_count] = { _pos: pos, _color: color };
+            this._stop_count++;
+        }
+    }
+}
+
+export default FillStyleRadialGradient;
\ No newline at end of file
diff --git a/components/firstui/fui-autograph/gcanvas/context-2d/RenderingContext.js b/components/firstui/fui-autograph/gcanvas/context-2d/RenderingContext.js
new file mode 100644
index 0000000..bfe6473
--- /dev/null
+++ b/components/firstui/fui-autograph/gcanvas/context-2d/RenderingContext.js
@@ -0,0 +1,667 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  1 86140  725   4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import FillStylePattern from './FillStylePattern';
+import FillStyleLinearGradient from './FillStyleLinearGradient';
+import FillStyleRadialGradient from './FillStyleRadialGradient';
+import GImage from '../env/image.js';
+import {
+	ArrayBufferToBase64,
+	Base64ToUint8ClampedArray
+} from '../env/tool.js';
+
+export default class CanvasRenderingContext2D {
+
+	_drawCommands = '';
+
+	_globalAlpha = 1.0;
+
+	_fillStyle = 'rgb(0,0,0)';
+	_strokeStyle = 'rgb(0,0,0)';
+
+	_lineWidth = 1;
+	_lineCap = 'butt';
+	_lineJoin = 'miter';
+
+	_miterLimit = 10;
+
+	_globalCompositeOperation = 'source-over';
+
+	_textAlign = 'start';
+	_textBaseline = 'alphabetic';
+
+	_font = '10px sans-serif';
+
+	_savedGlobalAlpha = [];
+
+	timer = null;
+	componentId = null;
+
+	_notCommitDrawImageCache = [];
+	_needRedrawImageCache = [];
+	_redrawCommands = '';
+	_autoSaveContext = true;
+	// _imageMap = new GHashMap();
+	// _textureMap = new GHashMap();
+
+	constructor() {
+		this.className = 'CanvasRenderingContext2D';
+		//this.save()
+	}
+
+	setFillStyle(value) {
+		this.fillStyle = value;
+	}
+
+	set fillStyle(value) {
+		this._fillStyle = value;
+
+		if (typeof(value) == 'string') {
+			this._drawCommands = this._drawCommands.concat("F" + value + ";");
+		} else if (value instanceof FillStylePattern) {
+			const image = value._img;
+			if (!image.complete) {
+				image.onload = () => {
+					var index = this._needRedrawImageCache.indexOf(image);
+					if (index > -1) {
+						this._needRedrawImageCache.splice(index, 1);
+						CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+						this._redrawflush(true);
+					}
+				}
+				this._notCommitDrawImageCache.push(image);
+			} else {
+				CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+			}
+
+			//CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+			this._drawCommands = this._drawCommands.concat("G" + image._id + "," + value._style + ";");
+		} else if (value instanceof FillStyleLinearGradient) {
+			var command = "D" + value._start_pos._x.toFixed(2) + "," + value._start_pos._y.toFixed(2) + "," +
+				value._end_pos._x.toFixed(2) + "," + value._end_pos._y.toFixed(2) + "," +
+				value._stop_count;
+			for (var i = 0; i < value._stop_count; ++i) {
+				command += ("," + value._stops[i]._pos + "," + value._stops[i]._color);
+			}
+			this._drawCommands = this._drawCommands.concat(command + ";");
+		} else if (value instanceof FillStyleRadialGradient) {
+			var command = "H" + value._start_pos._x.toFixed(2) + "," + value._start_pos._y.toFixed(2) + "," + value._start_pos._r
+				.toFixed(2) + "," +
+				value._end_pos._x.toFixed(2) + "," + value._end_pos._y.toFixed(2) + "," + value._end_pos._r.toFixed(2) + "," +
+				value._stop_count;
+			for (var i = 0; i < value._stop_count; ++i) {
+				command += ("," + value._stops[i]._pos + "," + value._stops[i]._color);
+			}
+			this._drawCommands = this._drawCommands.concat(command + ";");
+		}
+	}
+
+	get fillStyle() {
+		return this._fillStyle;
+	}
+
+	get globalAlpha() {
+		return this._globalAlpha;
+	}
+
+	setGlobalAlpha(value) {
+		this.globalAlpha = value;
+	}
+
+	set globalAlpha(value) {
+		this._globalAlpha = value;
+		this._drawCommands = this._drawCommands.concat("a" + value.toFixed(2) + ";");
+	}
+
+
+	get strokeStyle() {
+		return this._strokeStyle;
+	}
+
+	setStrokeStyle(value) {
+		this.strokeStyle = value;
+	}
+
+	set strokeStyle(value) {
+
+		this._strokeStyle = value;
+
+		if (typeof(value) == 'string') {
+			this._drawCommands = this._drawCommands.concat("S" + value + ";");
+		} else if (value instanceof FillStylePattern) {
+			CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+			this._drawCommands = this._drawCommands.concat("G" + image._id + "," + value._style + ";");
+		} else if (value instanceof FillStyleLinearGradient) {
+			var command = "D" + value._start_pos._x.toFixed(2) + "," + value._start_pos._y.toFixed(2) + "," +
+				value._end_pos._x.toFixed(2) + "," + value._end_pos._y.toFixed(2) + "," +
+				value._stop_count;
+
+			for (var i = 0; i < value._stop_count; ++i) {
+				command += ("," + value._stops[i]._pos + "," + value._stops[i]._color);
+			}
+			this._drawCommands = this._drawCommands.concat(command + ";");
+		} else if (value instanceof FillStyleRadialGradient) {
+			var command = "H" + value._start_pos._x.toFixed(2) + "," + value._start_pos._y.toFixed(2) + "," + value._start_pos._r
+				.toFixed(2) + "," +
+				value._end_pos._x.toFixed(2) + "," + value._end_pos._y + ",".toFixed(2) + value._end_pos._r.toFixed(2) + "," +
+				value._stop_count;
+
+			for (var i = 0; i < value._stop_count; ++i) {
+				command += ("," + value._stops[i]._pos + "," + value._stops[i]._color);
+			}
+			this._drawCommands = this._drawCommands.concat(command + ";");
+		}
+	}
+
+	get lineWidth() {
+		return this._lineWidth;
+	}
+
+	setLineWidth(value) {
+		this.lineWidth = value;
+	}
+
+	set lineWidth(value) {
+		this._lineWidth = value;
+		this._drawCommands = this._drawCommands.concat("W" + value + ";");
+	}
+
+	get lineCap() {
+		return this._lineCap;
+	}
+
+	setLineCap(value) {
+		this.lineCap = value;
+	}
+
+	set lineCap(value) {
+		this._lineCap = value;
+		this._drawCommands = this._drawCommands.concat("C" + value + ";");
+	}
+
+	get lineJoin() {
+		return this._lineJoin;
+	}
+
+	setLineJoin(value) {
+		this.lineJoin = value
+	}
+
+	set lineJoin(value) {
+		this._lineJoin = value;
+		this._drawCommands = this._drawCommands.concat("J" + value + ";");
+	}
+
+	get miterLimit() {
+		return this._miterLimit;
+	}
+
+	setMiterLimit(value) {
+		this.miterLimit = value
+	}
+
+	set miterLimit(value) {
+		this._miterLimit = value;
+		this._drawCommands = this._drawCommands.concat("M" + value + ";");
+	}
+
+	get globalCompositeOperation() {
+		return this._globalCompositeOperation;
+	}
+
+	set globalCompositeOperation(value) {
+
+		this._globalCompositeOperation = value;
+		let mode = 0;
+		switch (value) {
+			case "source-over":
+				mode = 0;
+				break;
+			case "source-atop":
+				mode = 5;
+				break;
+			case "source-in":
+				mode = 0;
+				break;
+			case "source-out":
+				mode = 2;
+				break;
+			case "destination-over":
+				mode = 4;
+				break;
+			case "destination-atop":
+				mode = 4;
+				break;
+			case "destination-in":
+				mode = 4;
+				break;
+			case "destination-out":
+				mode = 3;
+				break;
+			case "lighter":
+				mode = 1;
+				break;
+			case "copy":
+				mode = 2;
+				break;
+			case "xor":
+				mode = 6;
+				break;
+			default:
+				mode = 0;
+		}
+
+		this._drawCommands = this._drawCommands.concat("B" + mode + ";");
+	}
+
+	get textAlign() {
+		return this._textAlign;
+	}
+
+	setTextAlign(value) {
+		this.textAlign = value
+	}
+
+	set textAlign(value) {
+
+		this._textAlign = value;
+		let Align = 0;
+		switch (value) {
+			case "start":
+				Align = 0;
+				break;
+			case "end":
+				Align = 1;
+				break;
+			case "left":
+				Align = 2;
+				break;
+			case "center":
+				Align = 3;
+				break;
+			case "right":
+				Align = 4;
+				break;
+			default:
+				Align = 0;
+		}
+
+		this._drawCommands = this._drawCommands.concat("A" + Align + ";");
+	}
+
+	get textBaseline() {
+		return this._textBaseline;
+	}
+
+	setTextBaseline(value) {
+		this.textBaseline = value
+	}
+
+	set textBaseline(value) {
+		this._textBaseline = value;
+		let baseline = 0;
+		switch (value) {
+			case "alphabetic":
+				baseline = 0;
+				break;
+			case "middle":
+				baseline = 1;
+				break;
+			case "top":
+				baseline = 2;
+				break;
+			case "hanging":
+				baseline = 3;
+				break;
+			case "bottom":
+				baseline = 4;
+				break;
+			case "ideographic":
+				baseline = 5;
+				break;
+			default:
+				baseline = 0;
+				break;
+		}
+
+		this._drawCommands = this._drawCommands.concat("E" + baseline + ";");
+	}
+
+	get font() {
+		return this._font;
+	}
+
+	setFontSize(size) {
+		var str = this._font;
+		var strs = str.trim().split(/\s+/);
+		for (var i = 0; i < strs.length; i++) {
+			var values = ["normal", "italic", "oblique", "normal", "small-caps", "normal", "bold",
+				"bolder", "lighter", "100", "200", "300", "400", "500", "600", "700", "800", "900",
+				"normal", "ultra-condensed", "extra-condensed", "condensed", "semi-condensed",
+				"semi-expanded", "expanded", "extra-expanded", "ultra-expanded"
+			];
+
+			if (-1 == values.indexOf(strs[i].trim())) {
+				if (typeof size === 'string') {
+					strs[i] = size;
+				} else if (typeof size === 'number') {
+					strs[i] = String(size) + 'px';
+				}
+				break;
+			}
+		}
+		this.font = strs.join(" ");
+	}
+
+	set font(value) {
+		this._font = value;
+		this._drawCommands = this._drawCommands.concat("j" + value + ";");
+	}
+
+	setTransform(a, b, c, d, tx, ty) {
+		this._drawCommands = this._drawCommands.concat("t" +
+			(a === 1 ? "1" : a.toFixed(2)) + "," +
+			(b === 0 ? "0" : b.toFixed(2)) + "," +
+			(c === 0 ? "0" : c.toFixed(2)) + "," +
+			(d === 1 ? "1" : d.toFixed(2)) + "," + tx.toFixed(2) + "," + ty.toFixed(2) + ";");
+	}
+
+	transform(a, b, c, d, tx, ty) {
+		this._drawCommands = this._drawCommands.concat("f" +
+			(a === 1 ? "1" : a.toFixed(2)) + "," +
+			(b === 0 ? "0" : b.toFixed(2)) + "," +
+			(c === 0 ? "0" : c.toFixed(2)) + "," +
+			(d === 1 ? "1" : d.toFixed(2)) + "," + tx + "," + ty + ";");
+	}
+
+	resetTransform() {
+		this._drawCommands = this._drawCommands.concat("m;");
+	}
+
+	scale(a, d) {
+		this._drawCommands = this._drawCommands.concat("k" + a.toFixed(2) + "," +
+			d.toFixed(2) + ";");
+	}
+
+	rotate(angle) {
+		this._drawCommands = this._drawCommands
+			.concat("r" + angle.toFixed(6) + ";");
+	}
+
+	translate(tx, ty) {
+		this._drawCommands = this._drawCommands.concat("l" + tx.toFixed(2) + "," + ty.toFixed(2) + ";");
+	}
+
+	save() {
+		this._savedGlobalAlpha.push(this._globalAlpha);
+		this._drawCommands = this._drawCommands.concat("v;");
+	}
+
+	restore() {
+		this._drawCommands = this._drawCommands.concat("e;");
+		this._globalAlpha = this._savedGlobalAlpha.pop();
+	}
+
+	createPattern(img, pattern) {
+		if (typeof img === 'string') {
+			var imgObj = new GImage();
+			imgObj.src = img;
+			img = imgObj;
+		}
+		return new FillStylePattern(img, pattern);
+	}
+
+	createLinearGradient(x0, y0, x1, y1) {
+		return new FillStyleLinearGradient(x0, y0, x1, y1);
+	}
+
+	createRadialGradient = function(x0, y0, r0, x1, y1, r1) {
+		return new FillStyleRadialGradient(x0, y0, r0, x1, y1, r1);
+	};
+
+	createCircularGradient = function(x0, y0, r0) {
+		return new FillStyleRadialGradient(x0, y0, 0, x0, y0, r0);
+	};
+
+	strokeRect(x, y, w, h) {
+		this._drawCommands = this._drawCommands.concat("s" + x + "," + y + "," + w + "," + h + ";");
+	}
+
+
+	clearRect(x, y, w, h) {
+		this._drawCommands = this._drawCommands.concat("c" + x + "," + y + "," + w +
+			"," + h + ";");
+	}
+
+	clip() {
+		this._drawCommands = this._drawCommands.concat("p;");
+	}
+
+	resetClip() {
+		this._drawCommands = this._drawCommands.concat("q;");
+	}
+
+	closePath() {
+		this._drawCommands = this._drawCommands.concat("o;");
+	}
+
+	moveTo(x, y) {
+		this._drawCommands = this._drawCommands.concat("g" + x.toFixed(2) + "," + y.toFixed(2) + ";");
+	}
+
+	lineTo(x, y) {
+		this._drawCommands = this._drawCommands.concat("i" + x.toFixed(2) + "," + y.toFixed(2) + ";");
+	}
+
+	quadraticCurveTo = function(cpx, cpy, x, y) {
+		this._drawCommands = this._drawCommands.concat("u" + cpx + "," + cpy + "," + x + "," + y + ";");
+	}
+
+	bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y, ) {
+		this._drawCommands = this._drawCommands.concat(
+			"z" + cp1x.toFixed(2) + "," + cp1y.toFixed(2) + "," + cp2x.toFixed(2) + "," + cp2y.toFixed(2) + "," +
+			x.toFixed(2) + "," + y.toFixed(2) + ";");
+	}
+
+	arcTo(x1, y1, x2, y2, radius) {
+		this._drawCommands = this._drawCommands.concat("h" + x1 + "," + y1 + "," + x2 + "," + y2 + "," + radius + ";");
+	}
+
+	beginPath() {
+		this._drawCommands = this._drawCommands.concat("b;");
+	}
+
+
+	fillRect(x, y, w, h) {
+		this._drawCommands = this._drawCommands.concat("n" + x + "," + y + "," + w +
+			"," + h + ";");
+	}
+
+	rect(x, y, w, h) {
+		this._drawCommands = this._drawCommands.concat("w" + x + "," + y + "," + w + "," + h + ";");
+	}
+
+	fill() {
+		this._drawCommands = this._drawCommands.concat("L;");
+	}
+
+	stroke(path) {
+		this._drawCommands = this._drawCommands.concat("x;");
+	}
+
+	arc(x, y, radius, startAngle, endAngle, anticlockwise) {
+
+		let ianticlockwise = 0;
+		if (anticlockwise) {
+			ianticlockwise = 1;
+		}
+
+		this._drawCommands = this._drawCommands.concat(
+			"y" + x.toFixed(2) + "," + y.toFixed(2) + "," +
+			radius.toFixed(2) + "," + startAngle + "," + endAngle + "," + ianticlockwise +
+			";"
+		);
+	}
+
+	fillText(text, x, y) {
+		let tmptext = text.replace(/!/g, "!!");
+		tmptext = tmptext.replace(/,/g, "!,");
+		tmptext = tmptext.replace(/;/g, "!;");
+		this._drawCommands = this._drawCommands.concat("T" + tmptext + "," + x + "," + y + ",0.0;");
+	}
+
+	strokeText = function(text, x, y) {
+		let tmptext = text.replace(/!/g, "!!");
+		tmptext = tmptext.replace(/,/g, "!,");
+		tmptext = tmptext.replace(/;/g, "!;");
+		this._drawCommands = this._drawCommands.concat("U" + tmptext + "," + x + "," + y + ",0.0;");
+	}
+
+	measureText(text) {
+		return CanvasRenderingContext2D.GBridge.measureText(text, this.font, this.componentId);
+	}
+
+	isPointInPath = function(x, y) {
+		throw new Error('GCanvas not supported yet');
+	}
+
+	drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh) {
+		if (typeof image === 'string') {
+			var imgObj = new GImage();
+			imgObj.src = image;
+			image = imgObj;
+		}
+		if (image instanceof GImage) {
+			if (!image.complete) {
+				imgObj.onload = () => {
+					var index = this._needRedrawImageCache.indexOf(image);
+					if (index > -1) {
+						this._needRedrawImageCache.splice(index, 1);
+						CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+						this._redrawflush(true);
+					}
+				}
+				this._notCommitDrawImageCache.push(image);
+			} else {
+				CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+			}
+			var srcArgs = [image, sx, sy, sw, sh, dx, dy, dw, dh];
+			var args = [];
+			for (var arg in srcArgs) {
+				if (typeof(srcArgs[arg]) != 'undefined') {
+					args.push(srcArgs[arg]);
+				}
+			}
+			this.__drawImage.apply(this, args);
+			//this.__drawImage(image,sx, sy, sw, sh, dx, dy, dw, dh);
+		}
+	}
+
+	__drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh) {
+		const numArgs = arguments.length;
+
+		function drawImageCommands() {
+
+			if (numArgs === 3) {
+				const x = parseFloat(sx) || 0.0;
+				const y = parseFloat(sy) || 0.0;
+
+				return ("d" + image._id + ",0,0," +
+					image.width + "," + image.height + "," +
+					x + "," + y + "," + image.width + "," + image.height + ";");
+			} else if (numArgs === 5) {
+				const x = parseFloat(sx) || 0.0;
+				const y = parseFloat(sy) || 0.0;
+				const width = parseInt(sw) || image.width;
+				const height = parseInt(sh) || image.height;
+
+				return ("d" + image._id + ",0,0," +
+					image.width + "," + image.height + "," +
+					x + "," + y + "," + width + "," + height + ";");
+			} else if (numArgs === 9) {
+				sx = parseFloat(sx) || 0.0;
+				sy = parseFloat(sy) || 0.0;
+				sw = parseInt(sw) || image.width;
+				sh = parseInt(sh) || image.height;
+				dx = parseFloat(dx) || 0.0;
+				dy = parseFloat(dy) || 0.0;
+				dw = parseInt(dw) || image.width;
+				dh = parseInt(dh) || image.height;
+
+				return ("d" + image._id + "," +
+					sx + "," + sy + "," + sw + "," + sh + "," +
+					dx + "," + dy + "," + dw + "," + dh + ";");
+			}
+		}
+		this._drawCommands += drawImageCommands();
+	}
+
+	_flush(reserve, callback) {
+		const commands = this._drawCommands;
+		this._drawCommands = '';
+		CanvasRenderingContext2D.GBridge.render2d(this.componentId, commands, callback);
+		this._needRender = false;
+	}
+
+	_redrawflush(reserve, callback) {
+		const commands = this._redrawCommands;
+		CanvasRenderingContext2D.GBridge.render2d(this.componentId, commands, callback);
+		if (this._needRedrawImageCache.length == 0) {
+			this._redrawCommands = '';
+		}
+	}
+
+	draw(reserve, callback) {
+		if (!reserve) {
+			this._globalAlpha = this._savedGlobalAlpha.pop();
+			this._savedGlobalAlpha.push(this._globalAlpha);
+			this._redrawCommands = this._drawCommands;
+			this._needRedrawImageCache = this._notCommitDrawImageCache;
+			if (this._autoSaveContext) {
+				this._drawCommands = ("v;" + this._drawCommands);
+				this._autoSaveContext = false;
+			} else {
+				this._drawCommands = ("e;X;v;" + this._drawCommands);
+			}
+		} else {
+			this._needRedrawImageCache = this._needRedrawImageCache.concat(this._notCommitDrawImageCache);
+			this._redrawCommands += this._drawCommands;
+			if (this._autoSaveContext) {
+				this._drawCommands = ("v;" + this._drawCommands);
+				this._autoSaveContext = false;
+			}
+		}
+		this._notCommitDrawImageCache = [];
+		if (this._flush) {
+			this._flush(reserve, callback);
+		}
+	}
+
+	getImageData(x, y, w, h, callback) {
+		CanvasRenderingContext2D.GBridge.getImageData(this.componentId, x, y, w, h, function(res) {
+			res.data = Base64ToUint8ClampedArray(res.data);
+			if (typeof(callback) == 'function') {
+				callback(res);
+			}
+		});
+	}
+
+	putImageData(data, x, y, w, h, callback) {
+		if (data instanceof Uint8ClampedArray) {
+			data = ArrayBufferToBase64(data);
+			CanvasRenderingContext2D.GBridge.putImageData(this.componentId, data, x, y, w, h, function(res) {
+				if (typeof(callback) == 'function') {
+					callback(res);
+				}
+			});
+		}
+	}
+
+	toTempFilePath(x, y, width, height, destWidth, destHeight, fileType, quality, callback) {
+		CanvasRenderingContext2D.GBridge.toTempFilePath(this.componentId, x, y, width, height, destWidth, destHeight,
+			fileType, quality,
+			function(res) {
+				if (typeof(callback) == 'function') {
+					callback(res);
+				}
+			});
+	}
+}
\ No newline at end of file
diff --git a/components/firstui/fui-autograph/gcanvas/context-webgl/ActiveInfo.js b/components/firstui/fui-autograph/gcanvas/context-webgl/ActiveInfo.js
new file mode 100644
index 0000000..fd28ea5
--- /dev/null
+++ b/components/firstui/fui-autograph/gcanvas/context-webgl/ActiveInfo.js
@@ -0,0 +1,12 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 8  614  07   25 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export default class WebGLActiveInfo {
+    className = 'WebGLActiveInfo';
+
+    constructor({
+        type, name, size
+    }) {
+        this.type = type;
+        this.name = name;
+        this.size = size;
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-autograph/gcanvas/context-webgl/Buffer.js b/components/firstui/fui-autograph/gcanvas/context-webgl/Buffer.js
new file mode 100644
index 0000000..e820a81
--- /dev/null
+++ b/components/firstui/fui-autograph/gcanvas/context-webgl/Buffer.js
@@ -0,0 +1,22 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18  6 140 7  2 54  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLBuffer';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLBuffer {
+    className = name;
+
+    constructor(id) {
+        this.id = id;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-autograph/gcanvas/context-webgl/Framebuffer.js b/components/firstui/fui-autograph/gcanvas/context-webgl/Framebuffer.js
new file mode 100644
index 0000000..5488134
--- /dev/null
+++ b/components/firstui/fui-autograph/gcanvas/context-webgl/Framebuffer.js
@@ -0,0 +1,22 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186    14 0  72 54  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLFrameBuffer';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLFramebuffer {
+    className = name;
+
+    constructor(id) {
+        this.id = id;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-autograph/gcanvas/context-webgl/GLenum.js b/components/firstui/fui-autograph/gcanvas/context-webgl/GLenum.js
new file mode 100644
index 0000000..389408d
--- /dev/null
+++ b/components/firstui/fui-autograph/gcanvas/context-webgl/GLenum.js
@@ -0,0 +1,299 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18 61   4  07 25 4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export default {
+    "DEPTH_BUFFER_BIT": 256,
+    "STENCIL_BUFFER_BIT": 1024,
+    "COLOR_BUFFER_BIT": 16384,
+    "POINTS": 0,
+    "LINES": 1,
+    "LINE_LOOP": 2,
+    "LINE_STRIP": 3,
+    "TRIANGLES": 4,
+    "TRIANGLE_STRIP": 5,
+    "TRIANGLE_FAN": 6,
+    "ZERO": 0,
+    "ONE": 1,
+    "SRC_COLOR": 768,
+    "ONE_MINUS_SRC_COLOR": 769,
+    "SRC_ALPHA": 770,
+    "ONE_MINUS_SRC_ALPHA": 771,
+    "DST_ALPHA": 772,
+    "ONE_MINUS_DST_ALPHA": 773,
+    "DST_COLOR": 774,
+    "ONE_MINUS_DST_COLOR": 775,
+    "SRC_ALPHA_SATURATE": 776,
+    "FUNC_ADD": 32774,
+    "BLEND_EQUATION": 32777,
+    "BLEND_EQUATION_RGB": 32777,
+    "BLEND_EQUATION_ALPHA": 34877,
+    "FUNC_SUBTRACT": 32778,
+    "FUNC_REVERSE_SUBTRACT": 32779,
+    "BLEND_DST_RGB": 32968,
+    "BLEND_SRC_RGB": 32969,
+    "BLEND_DST_ALPHA": 32970,
+    "BLEND_SRC_ALPHA": 32971,
+    "CONSTANT_COLOR": 32769,
+    "ONE_MINUS_CONSTANT_COLOR": 32770,
+    "CONSTANT_ALPHA": 32771,
+    "ONE_MINUS_CONSTANT_ALPHA": 32772,
+    "BLEND_COLOR": 32773,
+    "ARRAY_BUFFER": 34962,
+    "ELEMENT_ARRAY_BUFFER": 34963,
+    "ARRAY_BUFFER_BINDING": 34964,
+    "ELEMENT_ARRAY_BUFFER_BINDING": 34965,
+    "STREAM_DRAW": 35040,
+    "STATIC_DRAW": 35044,
+    "DYNAMIC_DRAW": 35048,
+    "BUFFER_SIZE": 34660,
+    "BUFFER_USAGE": 34661,
+    "CURRENT_VERTEX_ATTRIB": 34342,
+    "FRONT": 1028,
+    "BACK": 1029,
+    "FRONT_AND_BACK": 1032,
+    "TEXTURE_2D": 3553,
+    "CULL_FACE": 2884,
+    "BLEND": 3042,
+    "DITHER": 3024,
+    "STENCIL_TEST": 2960,
+    "DEPTH_TEST": 2929,
+    "SCISSOR_TEST": 3089,
+    "POLYGON_OFFSET_FILL": 32823,
+    "SAMPLE_ALPHA_TO_COVERAGE": 32926,
+    "SAMPLE_COVERAGE": 32928,
+    "NO_ERROR": 0,
+    "INVALID_ENUM": 1280,
+    "INVALID_VALUE": 1281,
+    "INVALID_OPERATION": 1282,
+    "OUT_OF_MEMORY": 1285,
+    "CW": 2304,
+    "CCW": 2305,
+    "LINE_WIDTH": 2849,
+    "ALIASED_POINT_SIZE_RANGE": 33901,
+    "ALIASED_LINE_WIDTH_RANGE": 33902,
+    "CULL_FACE_MODE": 2885,
+    "FRONT_FACE": 2886,
+    "DEPTH_RANGE": 2928,
+    "DEPTH_WRITEMASK": 2930,
+    "DEPTH_CLEAR_VALUE": 2931,
+    "DEPTH_FUNC": 2932,
+    "STENCIL_CLEAR_VALUE": 2961,
+    "STENCIL_FUNC": 2962,
+    "STENCIL_FAIL": 2964,
+    "STENCIL_PASS_DEPTH_FAIL": 2965,
+    "STENCIL_PASS_DEPTH_PASS": 2966,
+    "STENCIL_REF": 2967,
+    "STENCIL_VALUE_MASK": 2963,
+    "STENCIL_WRITEMASK": 2968,
+    "STENCIL_BACK_FUNC": 34816,
+    "STENCIL_BACK_FAIL": 34817,
+    "STENCIL_BACK_PASS_DEPTH_FAIL": 34818,
+    "STENCIL_BACK_PASS_DEPTH_PASS": 34819,
+    "STENCIL_BACK_REF": 36003,
+    "STENCIL_BACK_VALUE_MASK": 36004,
+    "STENCIL_BACK_WRITEMASK": 36005,
+    "VIEWPORT": 2978,
+    "SCISSOR_BOX": 3088,
+    "COLOR_CLEAR_VALUE": 3106,
+    "COLOR_WRITEMASK": 3107,
+    "UNPACK_ALIGNMENT": 3317,
+    "PACK_ALIGNMENT": 3333,
+    "MAX_TEXTURE_SIZE": 3379,
+    "MAX_VIEWPORT_DIMS": 3386,
+    "SUBPIXEL_BITS": 3408,
+    "RED_BITS": 3410,
+    "GREEN_BITS": 3411,
+    "BLUE_BITS": 3412,
+    "ALPHA_BITS": 3413,
+    "DEPTH_BITS": 3414,
+    "STENCIL_BITS": 3415,
+    "POLYGON_OFFSET_UNITS": 10752,
+    "POLYGON_OFFSET_FACTOR": 32824,
+    "TEXTURE_BINDING_2D": 32873,
+    "SAMPLE_BUFFERS": 32936,
+    "SAMPLES": 32937,
+    "SAMPLE_COVERAGE_VALUE": 32938,
+    "SAMPLE_COVERAGE_INVERT": 32939,
+    "COMPRESSED_TEXTURE_FORMATS": 34467,
+    "DONT_CARE": 4352,
+    "FASTEST": 4353,
+    "NICEST": 4354,
+    "GENERATE_MIPMAP_HINT": 33170,
+    "BYTE": 5120,
+    "UNSIGNED_BYTE": 5121,
+    "SHORT": 5122,
+    "UNSIGNED_SHORT": 5123,
+    "INT": 5124,
+    "UNSIGNED_INT": 5125,
+    "FLOAT": 5126,
+    "DEPTH_COMPONENT": 6402,
+    "ALPHA": 6406,
+    "RGB": 6407,
+    "RGBA": 6408,
+    "LUMINANCE": 6409,
+    "LUMINANCE_ALPHA": 6410,
+    "UNSIGNED_SHORT_4_4_4_4": 32819,
+    "UNSIGNED_SHORT_5_5_5_1": 32820,
+    "UNSIGNED_SHORT_5_6_5": 33635,
+    "FRAGMENT_SHADER": 35632,
+    "VERTEX_SHADER": 35633,
+    "MAX_VERTEX_ATTRIBS": 34921,
+    "MAX_VERTEX_UNIFORM_VECTORS": 36347,
+    "MAX_VARYING_VECTORS": 36348,
+    "MAX_COMBINED_TEXTURE_IMAGE_UNITS": 35661,
+    "MAX_VERTEX_TEXTURE_IMAGE_UNITS": 35660,
+    "MAX_TEXTURE_IMAGE_UNITS": 34930,
+    "MAX_FRAGMENT_UNIFORM_VECTORS": 36349,
+    "SHADER_TYPE": 35663,
+    "DELETE_STATUS": 35712,
+    "LINK_STATUS": 35714,
+    "VALIDATE_STATUS": 35715,
+    "ATTACHED_SHADERS": 35717,
+    "ACTIVE_UNIFORMS": 35718,
+    "ACTIVE_ATTRIBUTES": 35721,
+    "SHADING_LANGUAGE_VERSION": 35724,
+    "CURRENT_PROGRAM": 35725,
+    "NEVER": 512,
+    "LESS": 513,
+    "EQUAL": 514,
+    "LEQUAL": 515,
+    "GREATER": 516,
+    "NOTEQUAL": 517,
+    "GEQUAL": 518,
+    "ALWAYS": 519,
+    "KEEP": 7680,
+    "REPLACE": 7681,
+    "INCR": 7682,
+    "DECR": 7683,
+    "INVERT": 5386,
+    "INCR_WRAP": 34055,
+    "DECR_WRAP": 34056,
+    "VENDOR": 7936,
+    "RENDERER": 7937,
+    "VERSION": 7938,
+    "NEAREST": 9728,
+    "LINEAR": 9729,
+    "NEAREST_MIPMAP_NEAREST": 9984,
+    "LINEAR_MIPMAP_NEAREST": 9985,
+    "NEAREST_MIPMAP_LINEAR": 9986,
+    "LINEAR_MIPMAP_LINEAR": 9987,
+    "TEXTURE_MAG_FILTER": 10240,
+    "TEXTURE_MIN_FILTER": 10241,
+    "TEXTURE_WRAP_S": 10242,
+    "TEXTURE_WRAP_T": 10243,
+    "TEXTURE": 5890,
+    "TEXTURE_CUBE_MAP": 34067,
+    "TEXTURE_BINDING_CUBE_MAP": 34068,
+    "TEXTURE_CUBE_MAP_POSITIVE_X": 34069,
+    "TEXTURE_CUBE_MAP_NEGATIVE_X": 34070,
+    "TEXTURE_CUBE_MAP_POSITIVE_Y": 34071,
+    "TEXTURE_CUBE_MAP_NEGATIVE_Y": 34072,
+    "TEXTURE_CUBE_MAP_POSITIVE_Z": 34073,
+    "TEXTURE_CUBE_MAP_NEGATIVE_Z": 34074,
+    "MAX_CUBE_MAP_TEXTURE_SIZE": 34076,
+    "TEXTURE0": 33984,
+    "TEXTURE1": 33985,
+    "TEXTURE2": 33986,
+    "TEXTURE3": 33987,
+    "TEXTURE4": 33988,
+    "TEXTURE5": 33989,
+    "TEXTURE6": 33990,
+    "TEXTURE7": 33991,
+    "TEXTURE8": 33992,
+    "TEXTURE9": 33993,
+    "TEXTURE10": 33994,
+    "TEXTURE11": 33995,
+    "TEXTURE12": 33996,
+    "TEXTURE13": 33997,
+    "TEXTURE14": 33998,
+    "TEXTURE15": 33999,
+    "TEXTURE16": 34000,
+    "TEXTURE17": 34001,
+    "TEXTURE18": 34002,
+    "TEXTURE19": 34003,
+    "TEXTURE20": 34004,
+    "TEXTURE21": 34005,
+    "TEXTURE22": 34006,
+    "TEXTURE23": 34007,
+    "TEXTURE24": 34008,
+    "TEXTURE25": 34009,
+    "TEXTURE26": 34010,
+    "TEXTURE27": 34011,
+    "TEXTURE28": 34012,
+    "TEXTURE29": 34013,
+    "TEXTURE30": 34014,
+    "TEXTURE31": 34015,
+    "ACTIVE_TEXTURE": 34016,
+    "REPEAT": 10497,
+    "CLAMP_TO_EDGE": 33071,
+    "MIRRORED_REPEAT": 33648,
+    "FLOAT_VEC2": 35664,
+    "FLOAT_VEC3": 35665,
+    "FLOAT_VEC4": 35666,
+    "INT_VEC2": 35667,
+    "INT_VEC3": 35668,
+    "INT_VEC4": 35669,
+    "BOOL": 35670,
+    "BOOL_VEC2": 35671,
+    "BOOL_VEC3": 35672,
+    "BOOL_VEC4": 35673,
+    "FLOAT_MAT2": 35674,
+    "FLOAT_MAT3": 35675,
+    "FLOAT_MAT4": 35676,
+    "SAMPLER_2D": 35678,
+    "SAMPLER_CUBE": 35680,
+    "VERTEX_ATTRIB_ARRAY_ENABLED": 34338,
+    "VERTEX_ATTRIB_ARRAY_SIZE": 34339,
+    "VERTEX_ATTRIB_ARRAY_STRIDE": 34340,
+    "VERTEX_ATTRIB_ARRAY_TYPE": 34341,
+    "VERTEX_ATTRIB_ARRAY_NORMALIZED": 34922,
+    "VERTEX_ATTRIB_ARRAY_POINTER": 34373,
+    "VERTEX_ATTRIB_ARRAY_BUFFER_BINDING": 34975,
+    "IMPLEMENTATION_COLOR_READ_TYPE": 35738,
+    "IMPLEMENTATION_COLOR_READ_FORMAT": 35739,
+    "COMPILE_STATUS": 35713,
+    "LOW_FLOAT": 36336,
+    "MEDIUM_FLOAT": 36337,
+    "HIGH_FLOAT": 36338,
+    "LOW_INT": 36339,
+    "MEDIUM_INT": 36340,
+    "HIGH_INT": 36341,
+    "FRAMEBUFFER": 36160,
+    "RENDERBUFFER": 36161,
+    "RGBA4": 32854,
+    "RGB5_A1": 32855,
+    "RGB565": 36194,
+    "DEPTH_COMPONENT16": 33189,
+    "STENCIL_INDEX8": 36168,
+    "DEPTH_STENCIL": 34041,
+    "RENDERBUFFER_WIDTH": 36162,
+    "RENDERBUFFER_HEIGHT": 36163,
+    "RENDERBUFFER_INTERNAL_FORMAT": 36164,
+    "RENDERBUFFER_RED_SIZE": 36176,
+    "RENDERBUFFER_GREEN_SIZE": 36177,
+    "RENDERBUFFER_BLUE_SIZE": 36178,
+    "RENDERBUFFER_ALPHA_SIZE": 36179,
+    "RENDERBUFFER_DEPTH_SIZE": 36180,
+    "RENDERBUFFER_STENCIL_SIZE": 36181,
+    "FRAMEBUFFER_ATTACHMENT_OBJECT_TYPE": 36048,
+    "FRAMEBUFFER_ATTACHMENT_OBJECT_NAME": 36049,
+    "FRAMEBUFFER_ATTACHMENT_TEXTURE_LEVEL": 36050,
+    "FRAMEBUFFER_ATTACHMENT_TEXTURE_CUBE_MAP_FACE": 36051,
+    "COLOR_ATTACHMENT0": 36064,
+    "DEPTH_ATTACHMENT": 36096,
+    "STENCIL_ATTACHMENT": 36128,
+    "DEPTH_STENCIL_ATTACHMENT": 33306,
+    "NONE": 0,
+    "FRAMEBUFFER_COMPLETE": 36053,
+    "FRAMEBUFFER_INCOMPLETE_ATTACHMENT": 36054,
+    "FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT": 36055,
+    "FRAMEBUFFER_INCOMPLETE_DIMENSIONS": 36057,
+    "FRAMEBUFFER_UNSUPPORTED": 36061,
+    "FRAMEBUFFER_BINDING": 36006,
+    "RENDERBUFFER_BINDING": 36007,
+    "MAX_RENDERBUFFER_SIZE": 34024,
+    "INVALID_FRAMEBUFFER_OPERATION": 1286,
+    "UNPACK_FLIP_Y_WEBGL": 37440,
+    "UNPACK_PREMULTIPLY_ALPHA_WEBGL": 37441,
+    "CONTEXT_LOST_WEBGL": 37442,
+    "UNPACK_COLORSPACE_CONVERSION_WEBGL": 37443,
+    "BROWSER_DEFAULT_WEBGL": 37444
+};
\ No newline at end of file
diff --git a/components/firstui/fui-autograph/gcanvas/context-webgl/GLmethod.js b/components/firstui/fui-autograph/gcanvas/context-webgl/GLmethod.js
new file mode 100644
index 0000000..e38b643
--- /dev/null
+++ b/components/firstui/fui-autograph/gcanvas/context-webgl/GLmethod.js
@@ -0,0 +1,143 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 8 614 0  7  2 54 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+let i = 1;
+
+const GLmethod = {};
+
+GLmethod.activeTexture = i++;         //1
+GLmethod.attachShader = i++;
+GLmethod.bindAttribLocation = i++;
+GLmethod.bindBuffer = i++;
+GLmethod.bindFramebuffer = i++;
+GLmethod.bindRenderbuffer = i++;
+GLmethod.bindTexture = i++;
+GLmethod.blendColor = i++;
+GLmethod.blendEquation = i++;
+GLmethod.blendEquationSeparate = i++; //10
+GLmethod.blendFunc = i++;
+GLmethod.blendFuncSeparate = i++;
+GLmethod.bufferData = i++;
+GLmethod.bufferSubData = i++;
+GLmethod.checkFramebufferStatus = i++;
+GLmethod.clear = i++;
+GLmethod.clearColor = i++;
+GLmethod.clearDepth = i++;
+GLmethod.clearStencil = i++;
+GLmethod.colorMask = i++;              //20
+GLmethod.compileShader = i++;
+GLmethod.compressedTexImage2D = i++;
+GLmethod.compressedTexSubImage2D = i++;
+GLmethod.copyTexImage2D = i++;
+GLmethod.copyTexSubImage2D = i++;
+GLmethod.createBuffer = i++;
+GLmethod.createFramebuffer = i++;
+GLmethod.createProgram = i++;
+GLmethod.createRenderbuffer = i++;
+GLmethod.createShader = i++;           //30
+GLmethod.createTexture = i++;
+GLmethod.cullFace = i++;
+GLmethod.deleteBuffer = i++;
+GLmethod.deleteFramebuffer = i++;
+GLmethod.deleteProgram = i++;
+GLmethod.deleteRenderbuffer = i++;
+GLmethod.deleteShader = i++;
+GLmethod.deleteTexture = i++;
+GLmethod.depthFunc = i++;
+GLmethod.depthMask = i++;              //40
+GLmethod.depthRange = i++;
+GLmethod.detachShader = i++;
+GLmethod.disable = i++;
+GLmethod.disableVertexAttribArray = i++;
+GLmethod.drawArrays = i++;
+GLmethod.drawArraysInstancedANGLE = i++;
+GLmethod.drawElements = i++;
+GLmethod.drawElementsInstancedANGLE = i++;
+GLmethod.enable = i++;
+GLmethod.enableVertexAttribArray = i++;    //50
+GLmethod.flush = i++;
+GLmethod.framebufferRenderbuffer = i++;
+GLmethod.framebufferTexture2D = i++;
+GLmethod.frontFace = i++;
+GLmethod.generateMipmap = i++;
+GLmethod.getActiveAttrib = i++;
+GLmethod.getActiveUniform = i++;
+GLmethod.getAttachedShaders = i++;
+GLmethod.getAttribLocation = i++;
+GLmethod.getBufferParameter = i++;         //60
+GLmethod.getContextAttributes = i++;
+GLmethod.getError = i++;
+GLmethod.getExtension = i++;
+GLmethod.getFramebufferAttachmentParameter = i++;
+GLmethod.getParameter = i++;
+GLmethod.getProgramInfoLog = i++;
+GLmethod.getProgramParameter = i++;
+GLmethod.getRenderbufferParameter = i++;
+GLmethod.getShaderInfoLog = i++;
+GLmethod.getShaderParameter = i++;         //70
+GLmethod.getShaderPrecisionFormat = i++;
+GLmethod.getShaderSource = i++;
+GLmethod.getSupportedExtensions = i++;
+GLmethod.getTexParameter = i++;
+GLmethod.getUniform = i++;
+GLmethod.getUniformLocation = i++;
+GLmethod.getVertexAttrib = i++;
+GLmethod.getVertexAttribOffset = i++;
+GLmethod.isBuffer = i++;
+GLmethod.isContextLost = i++;              //80
+GLmethod.isEnabled = i++;
+GLmethod.isFramebuffer = i++;
+GLmethod.isProgram = i++;
+GLmethod.isRenderbuffer = i++;
+GLmethod.isShader = i++;
+GLmethod.isTexture = i++;
+GLmethod.lineWidth = i++;
+GLmethod.linkProgram = i++;
+GLmethod.pixelStorei = i++;
+GLmethod.polygonOffset = i++;              //90
+GLmethod.readPixels = i++;
+GLmethod.renderbufferStorage = i++;
+GLmethod.sampleCoverage = i++;
+GLmethod.scissor = i++;
+GLmethod.shaderSource = i++;
+GLmethod.stencilFunc = i++;
+GLmethod.stencilFuncSeparate = i++;
+GLmethod.stencilMask = i++;
+GLmethod.stencilMaskSeparate = i++;
+GLmethod.stencilOp = i++;                  //100
+GLmethod.stencilOpSeparate = i++;
+GLmethod.texImage2D = i++;
+GLmethod.texParameterf = i++;
+GLmethod.texParameteri = i++;
+GLmethod.texSubImage2D = i++;
+GLmethod.uniform1f = i++;
+GLmethod.uniform1fv = i++;
+GLmethod.uniform1i = i++;
+GLmethod.uniform1iv = i++;
+GLmethod.uniform2f = i++;                  //110
+GLmethod.uniform2fv = i++;
+GLmethod.uniform2i = i++;
+GLmethod.uniform2iv = i++;
+GLmethod.uniform3f = i++;
+GLmethod.uniform3fv = i++;
+GLmethod.uniform3i = i++;
+GLmethod.uniform3iv = i++;
+GLmethod.uniform4f = i++;
+GLmethod.uniform4fv = i++;
+GLmethod.uniform4i = i++;                  //120
+GLmethod.uniform4iv = i++;
+GLmethod.uniformMatrix2fv = i++;
+GLmethod.uniformMatrix3fv = i++;
+GLmethod.uniformMatrix4fv = i++;
+GLmethod.useProgram = i++;
+GLmethod.validateProgram = i++;
+GLmethod.vertexAttrib1f = i++; //new
+GLmethod.vertexAttrib2f = i++; //new
+GLmethod.vertexAttrib3f = i++; //new
+GLmethod.vertexAttrib4f = i++; //new       //130
+GLmethod.vertexAttrib1fv = i++; //new
+GLmethod.vertexAttrib2fv = i++; //new
+GLmethod.vertexAttrib3fv = i++; //new
+GLmethod.vertexAttrib4fv = i++; //new
+GLmethod.vertexAttribPointer = i++;
+GLmethod.viewport = i++;
+
+export default GLmethod;
\ No newline at end of file
diff --git a/components/firstui/fui-autograph/gcanvas/context-webgl/GLtype.js b/components/firstui/fui-autograph/gcanvas/context-webgl/GLtype.js
new file mode 100644
index 0000000..c1d3482
--- /dev/null
+++ b/components/firstui/fui-autograph/gcanvas/context-webgl/GLtype.js
@@ -0,0 +1,23 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  18 6 1 40 72 5 4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+const GLtype = {};
+
+[
+    "GLbitfield",
+    "GLboolean",
+    "GLbyte",
+    "GLclampf",
+    "GLenum",
+    "GLfloat",
+    "GLint",
+    "GLintptr",
+    "GLsizei",
+    "GLsizeiptr",
+    "GLshort",
+    "GLubyte",
+    "GLuint",
+    "GLushort"
+].sort().map((typeName, i) => GLtype[typeName] = 1 >> (i + 1));
+
+export default GLtype;
+
+
diff --git a/components/firstui/fui-autograph/gcanvas/context-webgl/Program.js b/components/firstui/fui-autograph/gcanvas/context-webgl/Program.js
new file mode 100644
index 0000000..52fc22d
--- /dev/null
+++ b/components/firstui/fui-autograph/gcanvas/context-webgl/Program.js
@@ -0,0 +1,22 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：   18  61 40  72  549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLProgram';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLProgram {
+    className = name;
+
+    constructor(id) {
+        this.id = id;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-autograph/gcanvas/context-webgl/Renderbuffer.js b/components/firstui/fui-autograph/gcanvas/context-webgl/Renderbuffer.js
new file mode 100644
index 0000000..3e6f4b0
--- /dev/null
+++ b/components/firstui/fui-autograph/gcanvas/context-webgl/Renderbuffer.js
@@ -0,0 +1,22 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：   186 14   0  72 549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLRenderBuffer';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLRenderbuffer {
+    className = name;
+
+    constructor(id) {
+        this.id = id;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-autograph/gcanvas/context-webgl/RenderingContext.js b/components/firstui/fui-autograph/gcanvas/context-webgl/RenderingContext.js
new file mode 100644
index 0000000..9f50161
--- /dev/null
+++ b/components/firstui/fui-autograph/gcanvas/context-webgl/RenderingContext.js
@@ -0,0 +1,1192 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18614    07     25 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import GLenum from './GLenum';
+import ActiveInfo from './ActiveInfo';
+import Buffer from './Buffer';
+import Framebuffer from './Framebuffer';
+import Renderbuffer from './Renderbuffer';
+import Texture from './Texture';
+import Program from './Program';
+import Shader from './Shader';
+import ShaderPrecisionFormat from './ShaderPrecisionFormat';
+import UniformLocation from './UniformLocation';
+import GLmethod from './GLmethod';
+
+const processArray = (array, checkArrayType = false) => {
+
+    function joinArray(arr, sep) {
+        let res = '';
+        for (let i = 0; i < arr.length; i++) {
+            if (i !== 0) {
+                res += sep;
+            }
+            res += arr[i];
+        }
+        return res;
+    }
+
+    let type = 'Float32Array';
+    if (checkArrayType) {
+        if (array instanceof Uint8Array) {
+            type = 'Uint8Array'
+        } else if (array instanceof Uint16Array) {
+            type = 'Uint16Array';
+        } else if (array instanceof Uint32Array) {
+            type = 'Uint32Array';
+        } else if (array instanceof Float32Array) {
+            type = 'Float32Array';
+        } else {
+            throw new Error('Check array type failed. Array type is ' + typeof array);
+        }
+    }
+
+    const ArrayTypes = {
+        Uint8Array: 1,
+        Uint16Array: 2,
+        Uint32Array: 4,
+        Float32Array: 14
+    };
+    return ArrayTypes[type] + ',' + btoa(joinArray(array, ','))
+}
+
+export default class WebGLRenderingContext {
+
+    // static GBridge = null;
+
+    className = 'WebGLRenderingContext';
+
+    constructor(canvas, type, attrs) {
+        this._canvas = canvas;
+        this._type = type;
+        this._version = 'WebGL 1.0';
+        this._attrs = attrs;
+        this._map = new Map();
+
+        Object.keys(GLenum)
+            .forEach(name => Object.defineProperty(this, name, {
+                value: GLenum[name]
+            }));
+    }
+
+    get canvas() {
+        return this._canvas;
+    }
+
+    activeTexture = function (textureUnit) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.activeTexture + ',' + textureUnit,
+            true
+        );
+    }
+
+    attachShader = function (progarm, shader) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.attachShader + ',' + progarm.id + ',' + shader.id,
+            true
+        );
+    }
+
+    bindAttribLocation = function (program, index, name) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindAttribLocation + ',' + program.id + ',' + index + ',' + name,
+            true
+        )
+    }
+
+    bindBuffer = function (target, buffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindBuffer + ',' + target + ',' + (buffer ? buffer.id : 0),
+            true
+        );
+    }
+
+    bindFramebuffer = function (target, framebuffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindFramebuffer + ',' + target + ',' + (framebuffer ? framebuffer.id : 0),
+            true
+        )
+    }
+
+    bindRenderbuffer = function (target, renderBuffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindRenderbuffer + ',' + target + ',' + (renderBuffer ? renderBuffer.id : 0),
+            true
+        )
+    }
+
+    bindTexture = function (target, texture) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindTexture + ',' + target + ',' + (texture ? texture.id : 0),
+            true
+        )
+    }
+
+    blendColor = function (r, g, b, a) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendColor + ',' + target + ',' + r + ',' + g + ',' + b + ',' + a,
+            true
+        )
+    }
+
+    blendEquation = function (mode) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendEquation + ',' + mode,
+            true
+        )
+    }
+
+    blendEquationSeparate = function (modeRGB, modeAlpha) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendEquationSeparate + ',' + modeRGB + ',' + modeAlpha,
+            true
+        )
+    }
+
+
+    blendFunc = function (sfactor, dfactor) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendFunc + ',' + sfactor + ',' + dfactor,
+            true
+        );
+    }
+
+    blendFuncSeparate = function (srcRGB, dstRGB, srcAlpha, dstAlpha) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendFuncSeparate + ',' + srcRGB + ',' + dstRGB + ',' + srcAlpha + ',' + dstAlpha,
+            true
+        );
+    }
+
+    bufferData = function (target, data, usage) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bufferData + ',' + target + ',' + processArray(data, true) + ',' + usage,
+            true
+        )
+    }
+
+    bufferSubData = function (target, offset, data) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bufferSubData + ',' + target + ',' + offset + ',' + processArray(data, true),
+            true
+        )
+    }
+
+    checkFramebufferStatus = function (target) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.checkFramebufferStatus + ',' + target
+        );
+        return Number(result);
+    }
+
+    clear = function (mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.clear + ',' + mask
+        );
+        this._canvas._needRender = true;
+    }
+
+    clearColor = function (r, g, b, a) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.clearColor + ',' + r + ',' + g + ',' + b,
+            true
+        )
+    }
+
+    clearDepth = function (depth) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.clearDepth + ',' + depth,
+            true
+        )
+    }
+
+    clearStencil = function (s) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.clearStencil + ',' + s
+        );
+    }
+
+    colorMask = function (r, g, b, a) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.colorMask + ',' + r + ',' + g + ',' + b + ',' + a
+        )
+    }
+
+    compileShader = function (shader) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.compileShader + ',' + shader.id,
+            true
+        )
+    }
+
+    compressedTexImage2D = function (target, level, internalformat, width, height, border, pixels) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.compressedTexImage2D + ',' + target + ',' + level + ',' + internalformat + ',' +
+            width + ',' + height + ',' + border + ',' + processArray(pixels),
+            true
+        )
+    }
+
+    compressedTexSubImage2D = function (target, level, xoffset, yoffset, width, height, format, pixels) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.compressedTexSubImage2D + ',' + target + ',' + level + ',' + xoffset + ',' + yoffset + ',' +
+            width + ',' + height + ',' + format + ',' + processArray(pixels),
+            true
+        )
+    }
+
+
+    copyTexImage2D = function (target, level, internalformat, x, y, width, height, border) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.copyTexImage2D + ',' + target + ',' + level + ',' + internalformat + ',' + x + ',' + y + ',' +
+            width + ',' + height + ',' + border,
+            true
+        );
+    }
+
+    copyTexSubImage2D = function (target, level, xoffset, yoffset, x, y, width, height) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.copyTexSubImage2D + ',' + target + ',' + level + ',' + xoffset + ',' + yoffset + ',' + x + ',' + y + ',' +
+            width + ',' + height
+        );
+    }
+
+    createBuffer = function () {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createBuffer + ''
+        );
+        const buffer = new Buffer(result);
+        this._map.set(buffer.uuid(), buffer);
+        return buffer;
+    }
+
+    createFramebuffer = function () {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createFramebuffer + ''
+        );
+        const framebuffer = new Framebuffer(result);
+        this._map.set(framebuffer.uuid(), framebuffer);
+        return framebuffer;
+    }
+
+
+    createProgram = function () {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createProgram + ''
+        );
+        const program = new Program(id);
+        this._map.set(program.uuid(), program);
+        return program;
+    }
+
+    createRenderbuffer = function () {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createRenderbuffer + ''
+        )
+        const renderBuffer = new Renderbuffer(id);
+        this._map.set(renderBuffer.uuid(), renderBuffer);
+        return renderBuffer;
+    }
+
+    createShader = function (type) {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createShader + ',' + type
+        )
+        const shader = new Shader(id, type);
+        this._map.set(shader.uuid(), shader);
+        return shader;
+    }
+
+    createTexture = function () {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createTexture + ''
+        );
+        const texture = new Texture(id);
+        this._map.set(texture.uuid(), texture);
+        return texture;
+    }
+
+    cullFace = function (mode) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.cullFace + ',' + mode,
+            true
+        )
+    }
+
+
+    deleteBuffer = function (buffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteBuffer + ',' + buffer.id,
+            true
+        )
+    }
+
+    deleteFramebuffer = function (framebuffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteFramebuffer + ',' + framebuffer.id,
+            true
+        )
+    }
+
+    deleteProgram = function (program) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteProgram + ',' + program.id,
+            true
+        )
+    }
+
+    deleteRenderbuffer = function (renderbuffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteRenderbuffer + ',' + renderbuffer.id,
+            true
+        )
+    }
+
+    deleteShader = function (shader) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteShader + ',' + shader.id,
+            true
+        )
+    }
+
+    deleteTexture = function (texture) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteTexture + ',' + texture.id,
+            true
+        )
+    }
+
+    depthFunc = function (func) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.depthFunc + ',' + func
+        )
+    }
+
+    depthMask = function (flag) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.depthMask + ',' + Number(flag),
+            true
+        )
+    }
+
+    depthRange = function (zNear, zFar) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.depthRange + ',' + zNear + ',' + zFar,
+            true
+        )
+    }
+
+    detachShader = function (program, shader) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.detachShader + ',' + program.id + ',' + shader.id,
+            true
+        )
+    }
+
+    disable = function (cap) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.disable + ',' + cap,
+            true
+        )
+    }
+
+    disableVertexAttribArray = function (index) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.disableVertexAttribArray + ',' + index,
+            true
+        );
+    }
+
+    drawArrays = function (mode, first, count) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.drawArrays + ',' + mode + ',' + first + ',' + count
+        )
+        this._canvas._needRender = true;
+    }
+
+    drawElements = function (mode, count, type, offset) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.drawElements + ',' + mode + ',' + count + ',' + type + ',' + offset + ';'
+        );
+        this._canvas._needRender = true;
+    }
+
+    enable = function (cap) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.enable + ',' + cap,
+            true
+        );
+    }
+
+    enableVertexAttribArray = function (index) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.enableVertexAttribArray + ',' + index,
+            true
+        )
+    }
+
+
+    flush = function () {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.flush + ''
+        )
+    }
+
+    framebufferRenderbuffer = function (target, attachment, textarget, texture, level) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.framebufferRenderbuffer + ',' + target + ',' + attachment + ',' + textarget + ',' + (texture ? texture.id : 0) + ',' + level,
+            true
+        )
+    }
+
+    framebufferTexture2D = function (target, attachment, textarget, texture, level) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.framebufferTexture2D + ',' + target + ',' + attachment + ',' + textarget + ',' + (texture ? texture.id : 0) + ',' + level,
+            true
+        )
+    }
+
+    frontFace = function (mode) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.frontFace + ',' + mode,
+            true
+        )
+    }
+
+    generateMipmap = function (target) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.generateMipmap + ',' + target,
+            true
+        )
+    }
+
+    getActiveAttrib = function (progarm, index) {
+        const resultString = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getActiveAttrib + ',' + progarm.id + ',' + index
+        )
+        const [type, size, name] = resultString.split(',');
+        return new ActiveInfo({
+            type: Number(type),
+            size: Number(size),
+            name
+        });
+    }
+
+    getActiveUniform = function (progarm, index) {
+        const resultString = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getActiveUniform + ',' + progarm.id + ',' + index
+        );
+        const [type, size, name] = resultString.split(',');
+        return new ActiveInfo({
+            type: Number(type),
+            size: Number(size),
+            name
+        })
+    }
+
+    getAttachedShaders = function (progarm) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getAttachedShaders + ',' + progarm.id
+        );
+        const [type, ...ids] = result;
+        return ids.map(id => this._map.get(Shader.uuid(id)));
+    }
+
+    getAttribLocation = function (progarm, name) {
+        return WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getAttribLocation + ',' + progarm.id + ',' + name
+        )
+    }
+
+    getBufferParameter = function (target, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getBufferParameter + ',' + target + ',' + pname
+        );
+        const [type, res] = getBufferParameter;
+        return res;
+    }
+
+    getError = function () {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getError + ''
+        )
+        return result;
+    }
+
+    getExtension = function (name) {
+        return null;
+    }
+
+    getFramebufferAttachmentParameter = function (target, attachment, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getFramebufferAttachmentParameter + ',' + target + ',' + attachment + ',' + pname
+        )
+        switch (pname) {
+            case GLenum.FRAMEBUFFER_ATTACHMENT_OBJECT_NAME:
+                return this._map.get(Renderbuffer.uuid(result)) || this._map.get(Texture.uuid(result)) || null;
+            default:
+                return result;
+        }
+    }
+
+    getParameter = function (pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getParameter + ',' + pname
+        )
+        switch (pname) {
+            case GLenum.VERSION:
+                return this._version;
+            case GLenum.ARRAY_BUFFER_BINDING: // buffer
+            case GLenum.ELEMENT_ARRAY_BUFFER_BINDING: // buffer
+                return this._map.get(Buffer.uuid(result)) || null;
+            case GLenum.CURRENT_PROGRAM: // program
+                return this._map.get(Program.uuid(result)) || null;
+            case GLenum.FRAMEBUFFER_BINDING: // framebuffer
+                return this._map.get(Framebuffer.uuid(result)) || null;
+            case GLenum.RENDERBUFFER_BINDING: // renderbuffer
+                return this._map.get(Renderbuffer.uuid(result)) || null;
+            case GLenum.TEXTURE_BINDING_2D: // texture
+            case GLenum.TEXTURE_BINDING_CUBE_MAP: // texture
+                return this._map.get(Texture.uuid(result)) || null;
+            case GLenum.ALIASED_LINE_WIDTH_RANGE: // Float32Array
+            case GLenum.ALIASED_POINT_SIZE_RANGE: // Float32Array
+            case GLenum.BLEND_COLOR: // Float32Array
+            case GLenum.COLOR_CLEAR_VALUE: // Float32Array
+            case GLenum.DEPTH_RANGE: // Float32Array
+            case GLenum.MAX_VIEWPORT_DIMS: // Int32Array
+            case GLenum.SCISSOR_BOX: // Int32Array
+            case GLenum.VIEWPORT: // Int32Array
+            case GLenum.COMPRESSED_TEXTURE_FORMATS: // Uint32Array
+            default:
+                const [type, ...res] = result.split(',');
+                if (res.length === 1) {
+                    return Number(res[0]);
+                } else {
+                    return res.map(Number);
+                }
+        }
+    }
+
+    getProgramInfoLog = function (progarm) {
+        return WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getProgramInfoLog + ',' + progarm.id
+        )
+    }
+
+    getProgramParameter = function (program, pname) {
+        const res = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getProgramParameter + ',' + program.id + ',' + pname
+        );
+
+        const [type, result] = res.split(',').map(i => parseInt(i));
+
+        if (type === 1) {
+            return Boolean(result);
+        } else if (type === 2) {
+            return result;
+        } else {
+            throw new Error('Unrecongized program paramater ' + res + ', type: ' + typeof res);
+        }
+    }
+
+
+    getRenderbufferParameter = function (target, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getRenderbufferParameter + ',' + target + ',' + pname
+        )
+        return result;
+    }
+
+
+    getShaderInfoLog = function (shader) {
+        return WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getShaderInfoLog + ',' + shader.id
+        );
+    }
+
+    getShaderParameter = function (shader, pname) {
+        return WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getShaderParameter + ',' + shader.id + ',' + pname
+        )
+    }
+
+    getShaderPrecisionFormat = function (shaderType, precisionType) {
+        const [rangeMin, rangeMax, precision] = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getShaderPrecisionFormat + ',' + shaderType + ',' + precisionType
+        );
+        const shaderPrecisionFormat = new ShaderPrecisionFormat({
+            rangeMin: Number(rangeMin),
+            rangeMax: Number(rangeMax),
+            precision: Number(precision)
+        });
+        return shaderPrecisionFormat;
+    }
+
+    getShaderSource = function (shader) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getShaderSource + ',' + shader.id
+        );
+        return result;
+    }
+
+    getSupportedExtensions = function () {
+        return Object.keys({});
+    }
+
+    getTexParameter = function (target, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getTexParameter + ',' + target + ',' + pname
+        )
+        return result;
+    }
+
+    getUniformLocation = function (program, name) {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getUniformLocation + ',' + program.id + ',' + name
+        );
+        if (id === -1) {
+            return null;
+        } else {
+            return new UniformLocation(Number(id));
+        }
+    }
+
+    getVertexAttrib = function (index, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getVertexAttrib + ',' + index + ',' + pname
+        );
+        switch (pname) {
+            case GLenum.VERTEX_ATTRIB_ARRAY_BUFFER_BINDING:
+                return this._map.get(Buffer.uuid(result)) || null;
+            case GLenum.CURRENT_VERTEX_ATTRIB: // Float32Array
+            default:
+                return result;
+        }
+    }
+
+    getVertexAttribOffset = function (index, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getVertexAttribOffset + ',' + index + ',' + pname
+        )
+        return Number(result);
+    }
+
+    isBuffer = function (buffer) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isBuffer + ',' + buffer.id
+        )
+        return Boolean(result);
+    }
+
+    isContextLost = function () {
+        return false;
+    }
+
+    isEnabled = function (cap) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isEnabled + ',' + cap
+        )
+        return Boolean(result);
+    }
+
+    isFramebuffer = function (framebuffer) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isFramebuffer + ',' + framebuffer.id
+        )
+        return Boolean(result);
+    }
+
+    isProgram = function (program) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isProgram + ',' + program.id
+        )
+        return Boolean(result);
+    }
+
+    isRenderbuffer = function (renderBuffer) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isRenderbuffer + ',' + renderbuffer.id
+        )
+        return Boolean(result);
+    }
+
+    isShader = function (shader) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isShader + ',' + shader.id
+        )
+        return Boolean(result);
+    }
+
+    isTexture = function (texture) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isTexture + ',' + texture.id
+        );
+        return Boolean(result);
+    }
+
+    lineWidth = function (width) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.lineWidth + ',' + width,
+            true
+        )
+    }
+
+    linkProgram = function (program) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.linkProgram + ',' + program.id,
+            true
+        );
+    }
+
+
+    pixelStorei = function (pname, param) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.pixelStorei + ',' + pname + ',' + Number(param)
+        )
+    }
+
+    polygonOffset = function (factor, units) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.polygonOffset + ',' + factor + ',' + units
+        )
+    }
+
+    readPixels = function (x, y, width, height, format, type, pixels) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.readPixels + ',' + x + ',' + y + ',' + width + ',' + height + ',' + format + ',' + type
+        )
+        return result;
+    }
+
+    renderbufferStorage = function (target, internalFormat, width, height) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.renderbufferStorage + ',' + target + ',' + internalFormat + ',' + width + ',' + height,
+            true
+        )
+    }
+
+    sampleCoverage = function (value, invert) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.sampleCoverage + ',' + value + ',' + Number(invert),
+            true
+        )
+    }
+
+    scissor = function (x, y, width, height) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.scissor + ',' + x + ',' + y + ',' + width + ',' + height,
+            true
+        )
+    }
+
+    shaderSource = function (shader, source) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.shaderSource + ',' + shader.id + ',' + source
+        )
+    }
+
+    stencilFunc = function (func, ref, mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilFunc + ',' + func + ',' + ref + ',' + mask,
+            true
+        )
+    }
+
+    stencilFuncSeparate = function (face, func, ref, mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilFuncSeparate + ',' + face + ',' + func + ',' + ref + ',' + mask,
+            true
+        )
+    }
+
+    stencilMask = function (mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilMask + ',' + mask,
+            true
+        )
+    }
+
+    stencilMaskSeparate = function (face, mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilMaskSeparate + ',' + face + ',' + mask,
+            true
+        )
+    }
+
+    stencilOp = function (fail, zfail, zpass) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilOp + ',' + fail + ',' + zfail + ',' + zpass
+        )
+    }
+
+    stencilOpSeparate = function (face, fail, zfail, zpass) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilOp + ',' + face + ',' + fail + ',' + zfail + ',' + zpass,
+            true
+        )
+    }
+
+    texImage2D = function (...args) {
+        WebGLRenderingContext.GBridge.texImage2D(this._canvas.id, ...args);
+    }
+
+
+    texParameterf = function (target, pname, param) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.texParameterf + ',' + target + ',' + pname + ',' + param,
+            true
+        )
+    }
+
+    texParameteri = function (target, pname, param) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.texParameteri + ',' + target + ',' + pname + ',' + param
+        )
+    }
+
+    texSubImage2D = function (...args) {
+        WebGLRenderingContext.GBridge.texSubImage2D(this._canvas.id, ...args);
+    }
+
+    uniform1f = function (location, v0) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform1f + ',' + location.id + ',' + v0
+        )
+    }
+
+    uniform1fv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform1fv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform1i = function (location, v0) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform1i + ',' + location.id + ',' + v0,
+            // true
+        )
+    }
+
+    uniform1iv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform1iv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform2f = function (location, v0, v1) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform2f + ',' + location.id + ',' + v0 + ',' + v1,
+            true
+        )
+    }
+
+    uniform2fv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform2fv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform2i = function (location, v0, v1) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform2i + ',' + location.id + ',' + v0 + ',' + v1,
+            true
+        )
+    }
+
+    uniform2iv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform2iv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform3f = function (location, v0, v1, v2) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform3f + ',' + location.id + ',' + v0 + ',' + v1 + ',' + v2,
+            true
+        )
+    }
+
+    uniform3fv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform3fv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform3i = function (location, v0, v1, v2) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform3i + ',' + location.id + ',' + v0 + ',' + v1 + ',' + v2,
+            true
+        )
+    }
+
+    uniform3iv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform3iv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform4f = function (location, v0, v1, v2, v3) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform4f + ',' + location.id + ',' + v0 + ',' + v1 + ',' + v2 + ',' + v3,
+            true
+        )
+    }
+
+    uniform4fv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform4fv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform4i = function (location, v0, v1, v2, v3) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform4i + ',' + location.id + ',' + v0 + ',' + v1 + ',' + v2 + ',' + v3,
+            true
+        )
+    }
+
+    uniform4iv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform4iv + ',' + location.id + ',' + processArray(value, true),
+            true
+        )
+    }
+
+    uniformMatrix2fv = function (location, transpose, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniformMatrix2fv + ',' + location.id + ',' + Number(transpose) + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniformMatrix3fv = function (location, transpose, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniformMatrix3fv + ',' + location.id + ',' + Number(transpose) + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniformMatrix4fv = function (location, transpose, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniformMatrix4fv + ',' + location.id + ',' + Number(transpose) + ',' + processArray(value),
+            true
+        );
+    }
+
+    useProgram = function (progarm) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.useProgram + ',' + progarm.id + '',
+            true
+        )
+    }
+
+
+    validateProgram = function (program) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.validateProgram + ',' + program.id,
+            true
+        )
+    }
+
+    vertexAttrib1f = function (index, v0) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib1f + ',' + index + ',' + v0,
+            true
+        )
+    }
+
+    vertexAttrib2f = function (index, v0, v1) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib2f + ',' + index + ',' + v0 + ',' + v1,
+            true
+        )
+    }
+
+    vertexAttrib3f = function (index, v0, v1, v2) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib3f + ',' + index + ',' + v0 + ',' + v1 + ',' + v2,
+            true
+        )
+    }
+
+    vertexAttrib4f = function (index, v0, v1, v2, v3) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib4f + ',' + index + ',' + v0 + ',' + v1 + ',' + v2 + ',' + v3,
+            true
+        )
+    }
+
+    vertexAttrib1fv = function (index, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib1fv + ',' + index + ',' + processArray(value),
+            true
+        )
+    }
+
+    vertexAttrib2fv = function (index, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib2fv + ',' + index + ',' + processArray(value),
+            true
+        )
+    }
+
+    vertexAttrib3fv = function (index, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib3fv + ',' + index + ',' + processArray(value),
+            true
+        )
+    }
+
+    vertexAttrib4fv = function (index, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib4fv + ',' + index + ',' + processArray(value),
+            true
+        )
+    }
+
+    vertexAttribPointer = function (index, size, type, normalized, stride, offset) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttribPointer + ',' + index + ',' + size + ',' + type + ',' + Number(normalized) + ',' + stride + ',' + offset,
+            true
+        )
+    }
+
+    viewport = function (x, y, width, height) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.viewport + ',' + x + ',' + y + ',' + width + ',' + height,
+            true
+        )
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-autograph/gcanvas/context-webgl/Shader.js b/components/firstui/fui-autograph/gcanvas/context-webgl/Shader.js
new file mode 100644
index 0000000..5889f53
--- /dev/null
+++ b/components/firstui/fui-autograph/gcanvas/context-webgl/Shader.js
@@ -0,0 +1,23 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：   18 6140 72 5  4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLShader';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLShader {
+    className = name;
+
+    constructor(id, type) {
+        this.id = id;
+        this.type = type;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-autograph/gcanvas/context-webgl/ShaderPrecisionFormat.js b/components/firstui/fui-autograph/gcanvas/context-webgl/ShaderPrecisionFormat.js
new file mode 100644
index 0000000..f8c90de
--- /dev/null
+++ b/components/firstui/fui-autograph/gcanvas/context-webgl/ShaderPrecisionFormat.js
@@ -0,0 +1,12 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18 6  1  4 0   725 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export default class WebGLShaderPrecisionFormat {
+    className = 'WebGLShaderPrecisionFormat';
+
+    constructor({
+        rangeMin, rangeMax, precision
+    }) {
+        this.rangeMin = rangeMin;
+        this.rangeMax = rangeMax;
+        this.precision = precision;
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-autograph/gcanvas/context-webgl/Texture.js b/components/firstui/fui-autograph/gcanvas/context-webgl/Texture.js
new file mode 100644
index 0000000..9e1c136
--- /dev/null
+++ b/components/firstui/fui-autograph/gcanvas/context-webgl/Texture.js
@@ -0,0 +1,23 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1    861  407  2 5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLTexture';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLTexture {
+    className = name;
+
+    constructor(id, type) {
+        this.id = id;
+        this.type = type;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-autograph/gcanvas/context-webgl/UniformLocation.js b/components/firstui/fui-autograph/gcanvas/context-webgl/UniformLocation.js
new file mode 100644
index 0000000..05185fa
--- /dev/null
+++ b/components/firstui/fui-autograph/gcanvas/context-webgl/UniformLocation.js
@@ -0,0 +1,23 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18 6  1 4  07 25 4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLUniformLocation';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLUniformLocation {
+    className = name;
+
+    constructor(id, type) {
+        this.id = id;
+        this.type = type;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-autograph/gcanvas/context-webgl/classUtils.js b/components/firstui/fui-autograph/gcanvas/context-webgl/classUtils.js
new file mode 100644
index 0000000..861c120
--- /dev/null
+++ b/components/firstui/fui-autograph/gcanvas/context-webgl/classUtils.js
@@ -0,0 +1,4 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1   86  14  07254   9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export function getTransferedObjectUUID(name, id) {
+    return `${name.toLowerCase()}-${id}`;
+}
\ No newline at end of file
diff --git a/components/firstui/fui-autograph/gcanvas/env/canvas.js b/components/firstui/fui-autograph/gcanvas/env/canvas.js
new file mode 100644
index 0000000..c334868
--- /dev/null
+++ b/components/firstui/fui-autograph/gcanvas/env/canvas.js
@@ -0,0 +1,75 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8 6 1 40  7  25 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import GContext2D from '../context-2d/RenderingContext';
+import GContextWebGL from '../context-webgl/RenderingContext';
+
+export default class GCanvas {
+
+    // static GBridge = null;
+
+    id = null;
+
+    _needRender = true;
+
+    constructor(id, { disableAutoSwap }) {
+        this.id = id;
+
+        this._disableAutoSwap = disableAutoSwap;
+        if (disableAutoSwap) {
+            this._swapBuffers = () => {
+                GCanvas.GBridge.render(this.id);
+            }
+        }
+    }
+
+    getContext(type) {
+
+        let context = null;
+
+        if (type.match(/webgl/i)) {
+            context = new GContextWebGL(this);
+
+            context.componentId = this.id;
+
+            if (!this._disableAutoSwap) {
+                const render = () => {
+                    if (this._needRender) {
+                        GCanvas.GBridge.render(this.id);
+                        this._needRender = false;
+                    }
+                }
+                setInterval(render, 16);
+            }
+
+            GCanvas.GBridge.callSetContextType(this.id, 1); // 0 for 2d; 1 for webgl
+        } else if (type.match(/2d/i)) {
+            context = new GContext2D(this);
+
+            context.componentId = this.id;
+
+//             const render = ( callback ) => {
+//
+//                 const commands = context._drawCommands;
+//                 context._drawCommands = '';
+//
+//                 GCanvas.GBridge.render2d(this.id, commands, callback);
+//                 this._needRender = false;
+//             }
+// 			//draw方法触发
+// 			context._flush = render;
+//             //setInterval(render, 16);
+
+            GCanvas.GBridge.callSetContextType(this.id, 0);
+        } else {
+            throw new Error('not supported context ' + type);
+        }
+
+        return context;
+
+    }
+
+    reset() {
+        GCanvas.GBridge.callReset(this.id);
+    }
+
+
+}
\ No newline at end of file
diff --git a/components/firstui/fui-autograph/gcanvas/env/image.js b/components/firstui/fui-autograph/gcanvas/env/image.js
new file mode 100644
index 0000000..5ceb14a
--- /dev/null
+++ b/components/firstui/fui-autograph/gcanvas/env/image.js
@@ -0,0 +1,97 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 86     14  07254  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+let incId = 1;
+
+const noop = function () { };
+
+class GImage {
+
+    static GBridge = null;
+
+    constructor() {
+        this._id = incId++;
+        this._width = 0;
+        this._height = 0;
+        this._src = undefined;
+        this._onload = noop;
+        this._onerror = noop;
+        this.complete = false;
+    }
+
+    get width() {
+        return this._width;
+    }
+    set width(v) {
+        this._width = v;
+    }
+
+    get height() {
+        return this._height;
+    }
+
+    set height(v) {
+        this._height = v;
+    }
+
+    get src() {
+        return this._src;
+    }
+
+    set src(v) {
+
+        if (v.startsWith('//')) {
+            v = 'http:' + v;
+        }
+
+        this._src = v;
+
+        GImage.GBridge.perloadImage([this._src, this._id], (data) => {
+            if (typeof data === 'string') {
+                data = JSON.parse(data);
+            }
+            if (data.error) {
+                var evt = { type: 'error', target: this };
+                this.onerror(evt);
+            } else {
+                this.complete = true;
+                this.width = typeof data.width === 'number' ? data.width : 0;
+                this.height = typeof data.height === 'number' ? data.height : 0;
+                var evt = { type: 'load', target: this };
+                this.onload(evt);
+            }
+        });
+    }
+
+    addEventListener(name, listener) {
+        if (name === 'load') {
+            this.onload = listener;
+        } else if (name === 'error') {
+            this.onerror = listener;
+        }
+    }
+
+    removeEventListener(name, listener) {
+        if (name === 'load') {
+            this.onload = noop;
+        } else if (name === 'error') {
+            this.onerror = noop;
+        }
+    }
+
+    get onload() {
+        return this._onload;
+    }
+
+    set onload(v) {
+        this._onload = v;
+    }
+
+    get onerror() {
+        return this._onerror;
+    }
+
+    set onerror(v) {
+        this._onerror = v;
+    }
+}
+
+export default GImage;
\ No newline at end of file
diff --git a/components/firstui/fui-autograph/gcanvas/env/tool.js b/components/firstui/fui-autograph/gcanvas/env/tool.js
new file mode 100644
index 0000000..1470969
--- /dev/null
+++ b/components/firstui/fui-autograph/gcanvas/env/tool.js
@@ -0,0 +1,25 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：    18 6 140  72  549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+
+export function ArrayBufferToBase64 (buffer) {
+    var binary = '';
+    var bytes = new Uint8ClampedArray(buffer);
+    for (var len = bytes.byteLength, i = 0; i < len; i++) {
+        binary += String.fromCharCode(bytes[i]);
+    }
+    return btoa(binary);
+}
+
+export function Base64ToUint8ClampedArray(base64String) {
+	const padding = '='.repeat((4 - base64String.length % 4) % 4);
+	const base64 = (base64String + padding)
+		.replace(/\-/g, '+')
+		.replace(/_/g, '/');
+
+	const rawData = atob(base64);
+	const outputArray = new Uint8ClampedArray(rawData.length);
+
+	for (let i = 0; i < rawData.length; ++i) {
+		outputArray[i] = rawData.charCodeAt(i);
+	}
+	return outputArray;
+}
\ No newline at end of file
diff --git a/components/firstui/fui-autograph/gcanvas/index.js b/components/firstui/fui-autograph/gcanvas/index.js
new file mode 100644
index 0000000..1050b43
--- /dev/null
+++ b/components/firstui/fui-autograph/gcanvas/index.js
@@ -0,0 +1,48 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  1 8  6140 72   54 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import GCanvas from './env/canvas';
+import GImage from './env/image';
+
+import GWebGLRenderingContext from './context-webgl/RenderingContext';
+import GContext2D from './context-2d/RenderingContext';
+
+import GBridgeWeex from './bridge/bridge-weex';
+
+export let Image = GImage;
+
+export let WeexBridge = GBridgeWeex;
+
+export function enable(el, {
+	bridge,
+	debug,
+	disableAutoSwap,
+	disableComboCommands
+} = {}) {
+
+	const GBridge = GImage.GBridge = GCanvas.GBridge = GWebGLRenderingContext.GBridge = GContext2D.GBridge = bridge;
+
+	GBridge.callEnable(el.ref, [
+		0, // renderMode: 0--RENDERMODE_WHEN_DIRTY, 1--RENDERMODE_CONTINUOUSLY
+		-1, // hybridLayerType:  0--LAYER_TYPE_NONE 1--LAYER_TYPE_SOFTWARE 2--LAYER_TYPE_HARDWARE
+		false, // supportScroll
+		false, // newCanvasMode
+		1, // compatible
+		'white', // clearColor
+		false // sameLevel: newCanvasMode = true && true => GCanvasView and Webview is same level
+	]);
+
+	if (debug === true) {
+		GBridge.callEnableDebug();
+	}
+	if (disableComboCommands) {
+		GBridge.callEnableDisableCombo();
+	}
+
+	var canvas = new GCanvas(el.ref, {
+		disableAutoSwap
+	});
+	let pixelRatio = uni.getSystemInfoSync().pixelRatio;
+	canvas.width = el.style.width * pixelRatio;
+	canvas.height = el.style.height * pixelRatio;
+
+	return canvas;
+};
\ No newline at end of file
diff --git a/components/firstui/fui-avatar/fui-avatar.vue b/components/firstui/fui-avatar/fui-avatar.vue
new file mode 100644
index 0000000..9ccce1a
--- /dev/null
+++ b/components/firstui/fui-avatar/fui-avatar.vue
@@ -0,0 +1,242 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  1   86 140 7 254  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-avatar__wrap" :class="[width?'':'fui-avatar__size-'+size,radius===-1?'fui-avatar__'+shape:'']"
+		:style="wrapStyles" @tap="handleClick">
+		<image class="fui-avatar__img" :style="styles"
+			:class="[radius===-1?'fui-avatar__'+shape:'',width?'':'fui-avatar__size-'+size]" :src="showImg" :mode="mode"
+			v-if="src && src!==true" :webp="webp" :lazy-load="lazyLoad" @error="handleError"></image>
+		<text class="fui-avatar__text" :class="[width?'':'fui-avatar__text-'+size]" v-if="!src && src!==true && text"
+			:style="textStyles">{{text}}</text>
+		<slot></slot>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-avatar",
+		emits: ['click', 'error'],
+		props: {
+			src: {
+				type: String,
+				default: ''
+			},
+			errorSrc: {
+				type: String,
+				default: ''
+			},
+			mode: {
+				type: String,
+				default: 'scaleToFill'
+			},
+			//微信小程序、百度小程序、字节跳动小程序
+			//图片懒加载。只针对page与scroll-view下的image有效
+			lazyLoad: {
+				type: Boolean,
+				default: true
+			},
+			//默认不解析 webP 格式，只支持网络资源 微信小程序2.9.0
+			webp: {
+				type: Boolean,
+				default: false
+			},
+			background: {
+				type: String,
+				default: '#D1D1D1'
+			},
+			//small（64）、middle（96）、large（128）
+			size: {
+				type: String,
+				default: 'middle'
+			},
+			//图片宽度，设置大于0的数值生效，默认使用size
+			width: {
+				type: [Number, String],
+				default: 0
+			},
+			//默认等宽，设置图大于0的数值且设置了图片宽度生效
+			height: {
+				type: [Number, String],
+				default: 0
+			},
+			//指定头像的形状，可选值为 circle、square
+			shape: {
+				type: String,
+				default: 'circle'
+			},
+			//图片圆角值，默认使用shape，当设置大于等于0的数值，shape失效
+			radius: {
+				type: [Number, String],
+				default: -1
+			},
+			//没有src时可以使用文本代替
+			text: {
+				type: String,
+				default: ''
+			},
+			color: {
+				type: String,
+				default: '#fff'
+			},
+			//默认使用size下字体大小
+			fontSize: {
+				type: [Number, String],
+				default: 0
+			},
+			fontWeight: {
+				type: [Number, String],
+				default: 600
+			},
+			marginRight: {
+				type: [Number, String],
+				default: 0
+			},
+			marginBottom: {
+				type: [Number, String],
+				default: 0
+			},
+			//在列表中的索引值
+			index: {
+				type: Number,
+				default: 0
+			},
+			//其他参数
+			params: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		computed: {
+			styles() {
+				let styles = '';
+				if (this.width) {
+					styles = `width:${this.width}rpx;height:${this.height || this.width}rpx;`
+				}
+				if (this.radius !== -1) {
+					styles += `border-radius:${this.radius}rpx;`
+				}
+				return styles;
+			},
+			wrapStyles() {
+				return `background:${this.background};margin-right:${this.marginRight}rpx;margin-bottom:${this.marginBottom}rpx;${this.styles};`
+			},
+			textStyles() {
+				let styles = `color:${this.color};font-weight:${this.fontWeight};`;
+				if (this.fontSize) {
+					styles += `font-size:${this.fontSize}rpx;`
+				}
+				return styles;
+			}
+		},
+		watch: {
+			src(val) {
+				this.src && (this.showImg = this.src);
+			}
+		},
+		data() {
+			return {
+				showImg: ''
+			}
+		},
+		created() {
+			this.src && (this.showImg = this.src);
+		},
+		methods: {
+			handleError(e) {
+				if (this.src) {
+					this.errorSrc && (this.showImg = this.errorSrc);
+					this.$emit('error', {
+						index: this.index,
+						params: this.params
+					})
+				}
+			},
+			handleClick() {
+				this.$emit('click', {
+					index: this.index,
+					params: this.params
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-avatar__wrap {
+		position: relative;
+		/* #ifndef APP-NVUE */
+		display: inline-flex;
+		overflow: hidden;
+		flex-shrink: 0;
+		z-index: 3;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.fui-avatar__img {
+		flex: 1;
+		/* #ifndef APP-NVUE */
+		display: block;
+		object-fit: cover;
+		flex-shrink: 0;
+		/* #endif */
+	}
+
+	.fui-avatar__text {
+		flex: 1;
+		/* #ifndef APP-NVUE */
+		display: block;
+		white-space: nowrap;
+		box-sizing: border-box;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		lines: 1;
+		/* #endif */
+		overflow: hidden;
+		text-overflow: ellipsis;
+		text-align: center;
+	}
+
+	.fui-avatar__size-small {
+		width: 64rpx !important;
+		height: 64rpx !important;
+
+	}
+
+	.fui-avatar__text-small {
+		font-size: 32rpx !important;
+	}
+
+	.fui-avatar__size-middle {
+		width: 96rpx !important;
+		height: 96rpx !important;
+	}
+
+	.fui-avatar__text-middle {
+		font-size: 44rpx !important;
+	}
+
+	.fui-avatar__size-large {
+		width: 128rpx !important;
+		height: 128rpx !important;
+	}
+
+	.fui-avatar__text-large {
+		font-size: 56rpx !important;
+	}
+
+	.fui-avatar__circle {
+		/* #ifdef APP-NVUE */
+		border-radius: 500px !important;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		border-radius: 50% !important;
+		/* #endif */
+	}
+
+	.fui-avatar__square {
+		border-radius: 8rpx !important;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-backdrop/fui-backdrop.vue b/components/firstui/fui-backdrop/fui-backdrop.vue
new file mode 100644
index 0000000..ba22b9c
--- /dev/null
+++ b/components/firstui/fui-backdrop/fui-backdrop.vue
@@ -0,0 +1,179 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 861 40 7 2  5    49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<!-- #ifdef APP-NVUE -->
+	<view ref="fui_bd_ani" class="fui-backdrop__wrap"
+		:style="{background:background,position:absolute?'absolute':'fixed',width:absolute && full ?winWidth+'px':'100%',height:absolute && full ?winHeight+'px':'100%'}"
+		@tap.stop="handleClick">
+		<slot></slot>
+	</view>
+	<!-- #endif -->
+	<!-- #ifndef APP-NVUE -->
+	<view class="fui-backdrop__wrap" :class="{'fui-backdrop__bg':!background,'fui-backdrop__show':show}"
+		:style="{background:background,position:absolute?'absolute':'fixed',zIndex:zIndex}" @tap.stop="handleClick">
+		<slot></slot>
+	</view>
+	<!-- #endif -->
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	export default {
+		name: "fui-backdrop",
+		emits: ['click'],
+		props: {
+			show: {
+				type: Boolean,
+				default: false
+			},
+			background: {
+				type: String,
+				// #ifdef APP-NVUE
+				default: 'rgba(0, 0, 0, 0.6)',
+				// #endif
+
+				// #ifndef APP-NVUE
+				default: ''
+				// #endif
+			},
+			//是否绝对定位，默认固定定位fixed
+			absolute: {
+				type: Boolean,
+				default: false
+			},
+			//absolute定位且组件在根目录下时是否铺满屏幕,仅nvue有效
+			full: {
+				type: Boolean,
+				default: false
+			},
+			zIndex: {
+				type: Number,
+				default: 980
+			},
+			closable: {
+				type: Boolean,
+				default: false
+			}
+		},
+		// #ifdef APP-NVUE
+		watch: {
+			show(val) {
+				if (val) {
+					this.openAni()
+				} else {
+					this.closeAni()
+				}
+			}
+		},
+		mounted() {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					if (this.show) {
+						this._ani(true)
+					} else {
+						this._aniHidden(this.show)
+					}
+				}, 50)
+			})
+		},
+		data() {
+			return {
+				winWidth: 300,
+				winHeight: 600
+			}
+		},
+		created() {
+			let sys = uni.getSystemInfoSync()
+			this.winWidth = sys.windowWidth
+			this.winHeight = sys.windowHeight
+		},
+		// #endif
+		methods: {
+			// #ifdef APP-NVUE
+			openAni() {
+				this._aniHidden(true, () => {
+					this._ani(true)
+				})
+			},
+			closeAni(type) {
+				this._ani(false, () => {
+					this._aniHidden(false)
+				});
+			},
+			_ani(type, callback) {
+				let styles = {
+					opacity: type ? 1 : 0
+				};
+				if (!this.$refs['fui_bd_ani']) return;
+				animation.transition(
+					this.$refs['fui_bd_ani'].ref, {
+						styles,
+						duration: 200, //ms
+						timingFunction: 'ease-in',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {
+						callback && callback()
+					}
+				);
+			},
+			_aniHidden(isShow, callback) {
+				if (!this.$refs['fui_bd_ani']) return;
+				let styles = {
+					transform: isShow ? 'translateX(0px)' : 'translateX(-1500px)'
+				};
+				animation.transition(
+					this.$refs['fui_bd_ani'].ref, {
+						styles,
+						duration: 0,
+						needLayout: false,
+						delay: 0
+					},
+					() => {
+						callback && callback()
+					}
+				);
+			},
+			// #endif
+			handleClick() {
+				if (this.closable && this.show) {
+					this.$emit('click')
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-backdrop__wrap {
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		visibility: hidden;
+		transition: all 0.3s;
+		opacity: 0;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		/* #ifdef APP-NVUE */
+		opacity: 0.001;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-backdrop__bg {
+		background: var(--fui-bg-color-mask, rgba(0, 0, 0, 0.6)) !important;
+	}
+
+	.fui-backdrop__show {
+		visibility: visible !important;
+		opacity: 1 !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-backtop/fui-backtop.vue b/components/firstui/fui-backtop/fui-backtop.vue
new file mode 100644
index 0000000..c123605
--- /dev/null
+++ b/components/firstui/fui-backtop/fui-backtop.vue
@@ -0,0 +1,132 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：   18 6 1 407 2   549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-backtop__wrap"
+		:style="{width:width+'rpx',height:width+'rpx',borderRadius:isNvue?width+'rpx':'50%' ,bottom: bottom + 'rpx', right: right + 'rpx',background:background }"
+		v-if="isShow && visible" @tap.stop="goBacktop">
+		<fui-icon :name="name" :size="52" :color="color" v-if="!custom"></fui-icon>
+		<slot></slot>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const dom = weex.requireModule('dom')
+	// #endif
+	//非easycom模式取消注释引入字体组件，按实际路径进行调整
+	// import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
+	export default {
+		name: "fui-backtop",
+		emits: ['click'],
+		// components:{
+		// 	fuiIcon
+		// },
+		props: {
+			scrollTop: {
+				type: [Number, String]
+			},
+			targetRef: {
+				type: [String, Object],
+				default () {
+					return {}
+				}
+			},
+			threshold: {
+				type: [Number, String],
+				default: 320
+			},
+			width: {
+				type: [Number, String],
+				default: 80
+			},
+			bottom: {
+				type: [Number, String],
+				default: 160
+			},
+			right: {
+				type: [Number, String],
+				default: 40
+			},
+			background: {
+				type: String,
+				default: '#FFFFFF'
+			},
+			name: {
+				type: String,
+				default: 'top'
+			},
+			color: {
+				type: String,
+				default: '#333333'
+			},
+			custom: {
+				type: Boolean,
+				default: false
+			}
+		},
+		watch: {
+			scrollTop(newValue, oldValue) {
+				this.scrollChange();
+			}
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				isNvue: isNvue,
+				isShow: false,
+				visible: true
+			};
+		},
+		methods: {
+			goBacktop: function() {
+				// #ifndef APP-NVUE
+				//防止fixed元素先消失再显示
+				this.visible = false;
+				uni.pageScrollTo({
+					scrollTop: 0,
+					duration: 120
+				});
+				setTimeout(() => {
+					this.visible = true;
+				}, 220);
+				// #endif
+
+				// #ifdef APP-NVUE
+				if (this.targetRef) {
+					dom.scrollToElement(this.targetRef, {});
+				}
+				// #endif
+				this.$emit('click', {})
+			},
+			scrollChange() {
+				let show = this.scrollTop > this.threshold;
+				if ((show && this.isShow) || (!show && !this.isShow)) return;
+				this.isShow = show;
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-backtop__wrap {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		position: fixed;
+		z-index: 888;
+		/* #ifndef APP-NVUE */
+		box-shadow: 0 0 6px rgb(0 0 0 / 12%);
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
+		/* #endif */
+		justify-content: center;
+		align-items: center;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-badge/fui-badge.vue b/components/firstui/fui-badge/fui-badge.vue
new file mode 100644
index 0000000..186b1a6
--- /dev/null
+++ b/components/firstui/fui-badge/fui-badge.vue
@@ -0,0 +1,234 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1  861407 2      54 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<text
+		:class="[dot?'fui-badge__dot':'fui-badge__wrap',background?'':('fui-badge__bg-'+type),absolute?'fui-badge__absolute':'',scaleRatio!=1 && isNvue?'fui-badge__trans-origin':'',!background && type==='white'?'fui-badge__text-color':'']"
+		:style="{top:absolute?top:'auto',right:absolute?right:'auto',zoom:scaleRatio,transform:isNvue?`scale(${scaleRatio})`:'scale(1)',marginTop:marginTop+'rpx',marginLeft:marginLeft+'rpx',marginRight:marginRight+'rpx',width:width,color:color,background:getBgColor}"
+		@tap="handleClick" v-if="showValue || dot">{{dot?'':showValue}}</text>
+</template>
+
+<script>
+	const sys = uni.getSystemInfoSync()
+	export default {
+		name: "fui-badge",
+		emits: ['click'],
+		props: {
+			value: {
+				type: [Number, String],
+				default: ''
+			},
+			max: {
+				type: [Number, String],
+				default: -1
+			},
+			//类型：primary，success，warning，danger，purple，white
+			type: {
+				type: String,
+				default: 'primary'
+			},
+			//背景色，如果设置背景则type失效
+			background: {
+				type: String,
+				default: ''
+			},
+			//字体颜色
+			color: {
+				type: String,
+				default: '#FFFFFF'
+			},
+			//是否显示为圆点
+			dot: {
+				type: Boolean,
+				default: false
+			},
+			//margin-top值，单位rpx
+			marginTop: {
+				type: [Number, String],
+				default: 0
+			},
+			//margin-left值，单位rpx
+			marginLeft: {
+				type: [Number, String],
+				default: 0
+			},
+			//margin-right值，单位rpx
+			marginRight: {
+				type: [Number, String],
+				default: 0
+			},
+			//是否绝对定位
+			absolute: {
+				type: Boolean,
+				default: false
+			},
+			top: {
+				type: String,
+				default: '-8rpx'
+			},
+			right: {
+				type: String,
+				default: '-18rpx'
+			},
+			//缩放比例
+			scaleRatio: {
+				type: Number,
+				default: 1
+			}
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				isNvue: isNvue,
+				width: 0,
+				showValue: ''
+			};
+		},
+		computed: {
+			getBgColor() {
+				let color = this.background
+				// #ifdef APP-NVUE
+				if (!color && this.type) {
+					//primary，success，warning，danger，purple，white
+					const app = uni && uni.$fui && uni.$fui.color
+					const colors = {
+						primary: (app && app.primary) || '#465CFF',
+						success: (app && app.success) || '#09BE4F',
+						warning: (app && app.warning) || '#FFB703',
+						danger: (app && app.danger) || '#FF2B2B',
+						purple: (app && app.purple) || '#6831FF',
+						white: '#FFFFFF'
+					}
+					color = colors[this.type] || colors.primary
+				}
+				// #endif
+				return color
+			}
+		},
+		watch: {
+			value(val) {
+				this.getWidth()
+			}
+		},
+		mounted() {
+			this.getWidth()
+		},
+		methods: {
+			_getTextWidth(text) {
+				let sum = 0;
+				for (let i = 0, len = text.length; i < len; i++) {
+					if (text.charCodeAt(i) >= 0 && text.charCodeAt(i) <= 255)
+						sum = sum + 1;
+					else
+						sum = sum + 2;
+				}
+				const px = uni.upx2px(text.length > 1 ? 32 : 24)
+				var strCode = text.charCodeAt();
+				let multiplier = 12;
+				if (strCode >= 65 && strCode <= 90) {
+					multiplier = 15;
+				}
+				return (sum / 2 * multiplier) + px + 'px';
+			},
+			getWidth() {
+				let max = Number(this.max)
+				let val = Number(this.value)
+				let value = ''
+				if (isNaN(val) || max === -1) {
+					value = this.value
+				} else {
+					value = val > max ? `${max}+` : val
+				}
+				this.showValue = value;
+				this.width = this.dot ? '8px' : this._getTextWidth(String(value))
+			},
+			handleClick() {
+				this.$emit('click');
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-badge__wrap {
+		height: 36rpx;
+		color: #FFFFFF;
+		font-size: 24rpx;
+		line-height: 36rpx;
+		border-radius: 100px;
+		/* #ifndef APP-NVUE */
+		min-width: 36rpx !important;
+		display: flex;
+		box-sizing: border-box;
+		white-space: nowrap;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+		z-index: 10;
+	}
+
+	.fui-badge__dot {
+		height: 8px !important;
+		width: 8px !important;
+		/* #ifdef APP-NVUE */
+		border-radius: 100px;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		display: inline-block;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		border-radius: 50%;
+		/* #endif */
+		z-index: 10;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-badge__bg-primary {
+		background-color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-badge__bg-success {
+		background-color: var(--fui-color-success, #09BE4F) !important;
+	}
+
+	.fui-badge__bg-warning {
+		background-color: var(--fui-color-warning, #FFB703) !important;
+	}
+
+	.fui-badge__bg-danger {
+		background-color: var(--fui-color-danger, #FF2B2B) !important;
+	}
+
+	.fui-badge__bg-purple {
+		background-color: var(--fui-color-purple, #6831FF) !important;
+	}
+
+	.fui-badge__bg-white {
+		background-color: var(--fui-color-white, #FFFFFF) !important;
+	}
+
+	.fui-badge__text-color {
+		color: var(--fui-color-danger, #FF2B2B) !important;
+	}
+
+	/* #endif */
+
+	/* #ifdef APP-NVUE */
+	.fui-badge__text-color {
+		color: #FF2B2B !important;
+	}
+
+	.fui-badge__trans-origin {
+		transform-origin: center center;
+	}
+
+	/* #endif */
+	.fui-badge__absolute {
+		position: absolute;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-banner-arc/fui-banner-arc.vue b/components/firstui/fui-banner-arc/fui-banner-arc.vue
new file mode 100644
index 0000000..2efe692
--- /dev/null
+++ b/components/firstui/fui-banner-arc/fui-banner-arc.vue
@@ -0,0 +1,156 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18 6 1   4 072  5  49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-banner__arc-wrap" ref="fui_banner__arc"
+		:style="{height:height+'rpx',marginTop:marginTop+'rpx',marginBottom:marginBottom+'rpx'}" @tap="handleClick">
+		<!-- #ifndef APP-NVUE -->
+		<view class="fui-banner__arc-inner"
+			:style="{background:background,height:height+'rpx',width:width+'%',paddingLeft:(width-100)/2+'%',paddingRight:(width-100)/2+'%',left:'-'+(width-100)/2+'%'}">
+			<slot></slot>
+		</view>
+		<!-- #endif -->
+		<!-- #ifdef APP-NVUE -->
+		<view class="fui-banner__arc-inner"
+			:style="{background:background,height:width+'px',width:width+'px',paddingLeft:(width-bannerWidth)/2+'px',paddingRight:(width-bannerWidth)/2+'px',left:'-'+(width-bannerWidth)/2+'px'}">
+			<slot></slot>
+		</view>
+		<!-- #endif -->
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const dom = uni.requireNativePlugin('dom');
+	// #endif
+	export default {
+		name: "fui-banner-arc",
+		emits: ['click'],
+		// #ifdef MP-WEIXIN
+		options: {
+			virtualHost: true
+		},
+		// #endif
+		props: {
+			height: {
+				type: [Number, String],
+				default: 400
+			},
+			//圆弧view宽度与banner宽度比率，最小值 1.2:1
+			ratio: {
+				type: [Number, String],
+				default: 1.2
+			},
+			background: {
+				type: String,
+				default: ''
+			},
+			marginTop: {
+				type: [Number, String],
+				default: 0
+			},
+			marginBottom: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		watch: {
+			ratio(val) {
+				// #ifdef APP-NVUE
+				if (this.bannerWidth) {
+					this.initArcWidth()
+				}
+				// #endif
+				// #ifndef APP-NVUE
+				this.initArcWidth()
+				// #endif
+			}
+		},
+		data() {
+			return {
+				// #ifdef APP-NVUE
+				width: 450,
+				// #endif
+				// #ifndef APP-NVUE
+				width: 120,
+				// #endif
+				bannerWidth: 375
+			};
+		},
+		// #ifdef APP-NVUE
+		mounted() {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this._getSize()
+				}, 50)
+			});
+		},
+		// #endif
+		// #ifndef APP-NVUE
+		created() {
+			this.initArcWidth()
+		},
+		// #endif
+		methods: {
+			initArcWidth() {
+				let ratio = Number(this.ratio || 0)
+
+				// #ifdef APP-NVUE
+				ratio = ratio < 1.5 ? 1.5 : ratio;
+				let width = Math.ceil(this.bannerWidth * ratio)
+				width = width % 2 === 0 ? width : width + 1;
+				this.width = width;
+				// #endif
+
+				// #ifndef APP-NVUE
+				ratio = ratio < 1.2 ? 1.2 : ratio;
+				this.width = 100 * ratio;
+				// #endif
+			},
+			// #ifdef APP-NVUE
+			_getSize() {
+				dom.getComponentRect(this.$refs['fui_banner__arc'], (ret) => {
+					const size = ret.size
+					if (size) {
+						this.bannerWidth = size.width
+						this.initArcWidth()
+					}
+				})
+			},
+			// #endif
+			handleClick() {
+				this.$emit('click', {})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-banner__arc-wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+		position: relative;
+		flex-direction: column;
+		align-items: center;
+		overflow: hidden;
+	}
+
+	.fui-banner__arc-inner {
+		position: absolute;
+		/* #ifndef APP-NVUE */
+		top:0;
+		box-sizing: border-box;
+		z-index: 1;
+		border-radius: 0 0 50% 50%;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		bottom: 0;
+		border-top-left-radius: 0;
+		border-top-right-radius: 0;
+		border-bottom-right-radius: 10000px;
+		border-bottom-left-radius: 10000px;
+		justify-content: flex-end;
+		/* #endif */
+		overflow: hidden;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/barcode.js b/components/firstui/fui-barcode/barcode.js
new file mode 100644
index 0000000..279ff6d
--- /dev/null
+++ b/components/firstui/fui-barcode/barcode.js
@@ -0,0 +1,205 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18    6 1  40725  49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+/*
+ * Copyright (c) 2014 Johannes Mittendorfer (http://johannes-mittendorfer.com)
+ * Licensed under the MIT License (LICENSE.txt).
+ *
+ * Version 2.1.1
+ * Build 2014-10-07
+ */
+
+var EAN13, pluginName;
+
+pluginName = null;
+
+"use strict";
+
+EAN13 = (function() {
+    EAN13.prototype.settings = {};
+
+    EAN13.prototype.init = function() {
+        var checkDigit, code;
+        if (this.number.length === 12) {
+            checkDigit = this.generateCheckDigit(this.number);
+            this.number += checkDigit;
+        }
+        if (this.number.length === 13) {
+            if (this.validate()) {
+                this.settings.onValid.call();
+            } else {
+                this.settings.onInvalid.call();
+            }
+            code = this.getCode();
+            return this.draw(code);
+        } else {
+            return this.settings.onError.call();
+        }
+    };
+
+    EAN13.prototype.getCode = function() {
+        var c_encoding, code, countries, i, parts, raw_number, x, y, z;
+        x = ["0001101", "0011001", "0010011", "0111101", "0100011", "0110001", "0101111", "0111011", "0110111", "0001011"];
+        y = ["0100111", "0110011", "0011011", "0100001", "0011101", "0111001", "0000101", "0010001", "0001001", "0010111"];
+        z = ["1110010", "1100110", "1101100", "1000010", "1011100", "1001110", "1010000", "1000100", "1001000", "1110100"];
+        countries = ["xxxxxx", "xxyxyy", "xxyyxy", "xxyyyx", "xyxxyy", "xyyxxy", "xyyyxx", "xyxyxy", "xyxyyx", "xyyxyx"];
+        code = "";
+        c_encoding = countries[parseInt(this.number.substr(0, 1), 10)].split("");
+        raw_number = this.number.substr(1);
+        parts = raw_number.split("");
+        i = 0;
+        while (i < 6) {
+            if (c_encoding[i] === "x") {
+                code += x[parts[i]];
+            } else {
+                code += y[parts[i]];
+            }
+            i++;
+        }
+        i = 6;
+        while (i < 12) {
+            code += z[parts[i]];
+            i++;
+        }
+        return code;
+    };
+
+    EAN13.prototype.clear = function(context) {
+        return context.clearRect(0, 0, this.settings.width, this.settings.height);
+    };
+
+    EAN13.prototype.draw = function(code) {
+        var border_height, chars, context, height, i, item_width, layout, left, lines, offset, prefix, width, x, _i, _ref;
+        layout = {
+            prefix_offset: 0.06,
+            font_stretch: 0.073,
+            border_line_height_number: 0.9,
+            border_line_height: 1,
+            line_height: 0.9,
+            font_size: 0.15,
+            font_y: 1.03,
+            text_offset: 4.5
+        };
+        width = (this.settings.prefix ? this.settings.width - (this.settings.width * layout.prefix_offset) : this.settings.width);
+        if (this.settings.number) {
+            border_height = layout.border_line_height_number * this.settings.height;
+            height = layout.line_height * border_height;
+        } else {
+            border_height = layout.border_line_height * this.settings.height;
+            height = border_height;
+        }
+        item_width = width / 95;
+        if (this.ctx) {
+            context = this.ctx;
+            this.clear(context);
+            context.setFillStyle(this.settings.color);
+            left = this.settings.number && this.settings.prefix ? this.settings.width * layout.prefix_offset : 0;
+            lines = code.split("");
+            context.fillRect(left, 0, item_width, border_height);
+            left = left + item_width * 2;
+            context.fillRect(left, 0, item_width, border_height);
+            left = left + item_width;
+            i = 0;
+            while (i < 42) {
+                if (lines[i] === "1") {
+                    context.fillRect(left, 0, Math.floor(item_width) + 1, height);
+                }
+                left = left + item_width;
+                i++;
+            }
+            left = left + item_width;
+            context.fillRect(left, 0, item_width, border_height);
+            left = left + item_width * 2;
+            context.fillRect(left, 0, item_width, border_height);
+            left = left + item_width * 2;
+            i = 42;
+            while (i < 84) {
+                if (lines[i] === "1") {
+                    context.fillRect(left, 0, Math.floor(item_width) + 1, height);
+                }
+                left = left + item_width;
+                i++;
+            }
+            context.fillRect(left, 0, item_width, border_height);
+            left = left + item_width * 2;
+            context.fillRect(left, 0, item_width, border_height);
+            if (this.settings.number) {
+                context.setFontSize(layout.font_size * height + "px monospace");
+                prefix = this.number.substr(0, 1);
+                if (this.settings.prefix) {
+                    context.fillText(prefix, 0, border_height * layout.font_y);
+                }
+                offset = item_width * layout.text_offset + (this.settings.prefix ? layout.prefix_offset * this.settings.width : 0);
+                chars = this.number.substr(1, 6).split("");
+                chars.forEach(function(value, key) {
+                    context.fillText(value, offset, border_height * layout.font_y);
+                    return offset += layout.font_stretch * width;
+                });
+                offset = 49 * item_width + (this.settings.prefix ? layout.prefix_offset * this.settings.width : 0) + layout.text_offset;
+                chars = this.number.substr(7).split("")
+                chars.forEach(function(value, key) {
+                    context.fillText(value, offset, border_height * layout.font_y);
+                    return offset += layout.font_stretch * width;
+                });
+            }
+            if (this.settings.debug) {
+                for (x = _i = 0, _ref = item_width * 2; _ref > 0 ? _i <= width : _i >= width; x = _i += _ref) {
+                    context.beginPath();
+                    context.rect(x, height * 0.4, item_width, height * 0.1);
+                    context.setFillStyle('red');
+                    context.fill();
+                }
+            }
+            context.draw()
+            return this.settings.onSuccess.call();
+        } else {
+            return this.settings.onError.call();
+        }
+    };
+
+    EAN13.prototype.generateCheckDigit = function(number) {
+        var chars, counter;
+        counter = 0;
+        chars = number.split("");
+        chars.forEach(function(value, key) {
+            if (key % 2 === 0) {
+                return counter += parseInt(value, 10);
+            } else {
+                return counter += 3 * parseInt(value, 10);
+            }
+        });
+        return 10 - (counter % 10) % 10;
+    };
+
+    EAN13.prototype.validate = function() {
+        return parseInt(this.number.slice(-1), 10) === this.generateCheckDigit(this.number.slice(0, -1));
+    };
+
+    function EAN13(number, options, ctx) {
+        var option;
+        this.number = number;
+        this.ctx = ctx
+        this.settings = {
+            width: 200,
+            height: 100,
+            number: true,
+            prefix: true,
+            color: "black",
+            debug: false,
+            onValid: function() {},
+            onInvalid: function() {},
+            onSuccess: function() {},
+            onError: function() {}
+        };
+        if (options) {
+            for (option in options) {
+                this.settings[option] = options[option];
+            }
+        }
+        this._name = pluginName;
+        this.init();
+    }
+
+    return EAN13;
+
+})();
+
+export default EAN13;
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/fui-barcode.vue b/components/firstui/fui-barcode/fui-barcode.vue
new file mode 100644
index 0000000..72a5a4b
--- /dev/null
+++ b/components/firstui/fui-barcode/fui-barcode.vue
@@ -0,0 +1,142 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：     18  61407 25 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<!-- #ifdef APP-NVUE -->
+	<gcanvas @longpress="longtap" @touchstart="touchstart" @touchend="touchend" :ref="canvasId"
+		:style="{ width: w + 'px', height:h + 'px'  }">
+	</gcanvas>
+	<!-- #endif -->
+
+	<!-- #ifndef APP-NVUE || MP-QQ -->
+	<canvas :canvas-id="canvasId" :id="canvasId" :style="{width:w+'px',height:h+'px'}" @longtap="longtap"
+		@touchstart="touchstart" @touchend="touchend" v-if="canvasId"></canvas>
+	<!-- #endif -->
+
+	<!-- #ifdef MP-QQ -->
+	<canvas canvas-id="canvas_barcode" :style="{width:w+'px',height:h+'px'}" @longtap="longtap" @touchstart="touchstart"
+		@touchend="touchend"></canvas>
+	<!-- #endif -->
+</template>
+
+<script>
+	import barcode from './barcode.js'
+
+	// #ifdef APP-NVUE
+	import {
+		enable,
+		WeexBridge
+	} from './gcanvas/index.js';
+	// #endif
+	const defalutOptions = {
+		number: true,
+		prefix: true,
+		color: '#181818',
+		debug: false,
+		onValid() {},
+		onInvalid() {},
+		onSuccess() {},
+		onError() {}
+	}
+	// #ifdef MP-WEIXIN
+	const canvasId = `fui_bc_${Math.ceil(Math.random() * 10e5).toString(36)}`
+	// #endif
+
+	// #ifdef MP-QQ
+	const canvasId = 'canvas_barcode'
+	// #endif
+	export default {
+		name: "fui-barcode",
+		emits: ['ready', 'longclick', 'touchStart', 'touchEnd'],
+		props: {
+			width: {
+				type: [Number, String],
+				default: 480
+			},
+			height: {
+				type: [Number, String],
+				default: 200
+			},
+			value: {
+				type: [Number, String],
+				default: ''
+			}
+		},
+		data() {
+			// #ifndef MP-WEIXIN || MP-QQ
+			const canvasId = `fui_bc_${Math.ceil(Math.random() * 10e5).toString(36)}`
+			// #endif
+			return {
+				canvasId,
+				defalutOptions,
+				w: 240,
+				h: 100
+			};
+		},
+		watch: {
+			width(val) {
+				this.w = uni.upx2px(val || 480)
+			},
+			height(val) {
+				this.h = uni.upx2px(val || 200)
+			}
+		},
+		created() {
+			this.w = uni.upx2px(this.width || 480)
+			this.h = uni.upx2px(this.height || 200)
+			this.ctx = null;
+		},
+		mounted() {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this.$emit('ready', {
+						canvasId: this.canvasId
+					})
+				}, 50)
+			});
+		},
+		// #ifndef VUE3
+		beforeDestroy() {
+			this.ctx = null;
+		},
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+			this.ctx = null;
+		},
+		// #endif
+		methods: {
+			draw(options = {}) {
+				if (!this.ctx) {
+					// #ifdef APP-NVUE
+					let ganvas = this.$refs[this.canvasId];
+					/*通过元素引用获取canvas对象*/
+					let canvasObj = enable(ganvas, {
+						bridge: WeexBridge
+					});
+					/*获取绘图所需的上下文，暂不支持3d*/
+					this.ctx = canvasObj.getContext('2d');
+					// #endif
+
+					// #ifndef APP-NVUE
+					this.ctx = uni.createCanvasContext(this.canvasId, this)
+					// #endif
+				}
+				const opts = Object.assign({}, this.defalutOptions, options)
+				new barcode(String(this.value), Object.assign({
+					width: this.w,
+					height: this.h
+				}, opts), this.ctx)
+			},
+			longtap() {
+				this.$emit('longclick', {})
+			},
+			touchstart() {
+				this.$emit('touchStart', {})
+			},
+			touchend() {
+				this.$emit('touchEnd', {})
+			}
+		}
+	}
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/gcanvas/bridge/bridge-weex.js b/components/firstui/fui-barcode/gcanvas/bridge/bridge-weex.js
new file mode 100644
index 0000000..f5a6f25
--- /dev/null
+++ b/components/firstui/fui-barcode/gcanvas/bridge/bridge-weex.js
@@ -0,0 +1,242 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  1  8   61407 2 5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+const isWeex = typeof WXEnvironment !== 'undefined';
+const isWeexIOS = isWeex && /ios/i.test(WXEnvironment.platform);
+const isWeexAndroid = isWeex && !isWeexIOS;
+
+import GLmethod from '../context-webgl/GLmethod';
+
+const GCanvasModule =
+    (typeof weex !== 'undefined' && weex.requireModule) ? (weex.requireModule('gcanvas')) :
+        (typeof __weex_require__ !== 'undefined') ? (__weex_require__('@weex-module/gcanvas')) : {};
+
+let isDebugging = false;
+
+let isComboDisabled = false;
+
+const logCommand = (function () {
+    const methodQuery = [];
+    Object.keys(GLmethod).forEach(key => {
+        methodQuery[GLmethod[key]] = key;
+    })
+    const queryMethod = (id) => {
+        return methodQuery[parseInt(id)] || 'NotFoundMethod';
+    }
+    const logCommand = (id, cmds) => {
+        const mId = cmds.split(',')[0];
+        const mName = queryMethod(mId);
+        console.log(`=== callNative - componentId:${id}; method: ${mName}; cmds: ${cmds}`);
+    }
+    return logCommand;
+})();
+
+function joinArray(arr, sep) {
+    let res = '';
+    for (let i = 0; i < arr.length; i++) {
+        if (i !== 0) {
+            res += sep;
+        }
+        res += arr[i];
+    }
+    return res;
+}
+
+const commandsCache = {}
+
+const GBridge = {
+
+    callEnable: (ref, configArray) => {
+
+        commandsCache[ref] = [];
+
+        return GCanvasModule.enable({
+            componentId: ref,
+            config: configArray
+        });
+    },
+
+    callEnableDebug: () => {
+        isDebugging = true;
+    },
+
+    callEnableDisableCombo: () => {
+        isComboDisabled = true;
+    },
+
+    callSetContextType: function (componentId, context_type) {
+        GCanvasModule.setContextType(context_type, componentId);
+    },
+
+    callReset: function(id){
+        GCanvasModule.resetComponent && canvasModule.resetComponent(componentId);
+    },
+
+    render: isWeexIOS ? function (componentId) {
+        return GCanvasModule.extendCallNative({
+            contextId: componentId,
+            type: 0x60000001
+        });
+    } : function (componentId) {
+        return callGCanvasLinkNative(componentId, 0x60000001, 'render');
+    },
+
+    render2d: isWeexIOS ? function (componentId, commands, callback) {
+
+        if (isDebugging) {
+            console.log('>>> >>> render2d ===');
+            console.log('>>> commands: ' + commands);
+        }
+
+        GCanvasModule.render([commands, callback?true:false], componentId, callback);
+
+    } : function (componentId, commands,callback) {
+
+        if (isDebugging) {
+            console.log('>>> >>> render2d ===');
+            console.log('>>> commands: ' + commands);
+        }
+
+        callGCanvasLinkNative(componentId, 0x20000001, commands);
+		if(callback){
+		callback();
+		}
+    },
+
+    callExtendCallNative: isWeexIOS ? function (componentId, cmdArgs) {
+
+        throw 'should not be here anymore ' + cmdArgs;
+
+    } : function (componentId, cmdArgs) {
+
+        throw 'should not be here anymore ' + cmdArgs;
+
+    },
+
+
+    flushNative: isWeexIOS ? function (componentId) {
+
+        const cmdArgs = joinArray(commandsCache[componentId], ';');
+        commandsCache[componentId] = [];
+
+        if (isDebugging) {
+            console.log('>>> >>> flush native ===');
+            console.log('>>> commands: ' + cmdArgs);
+        }
+
+        const result = GCanvasModule.extendCallNative({
+            "contextId": componentId,
+            "type": 0x60000000,
+            "args": cmdArgs
+        });
+
+        const res = result && result.result;
+
+        if (isDebugging) {
+            console.log('>>> result: ' + res);
+        }
+
+        return res;
+
+    } : function (componentId) {
+
+        const cmdArgs = joinArray(commandsCache[componentId], ';');
+        commandsCache[componentId] = [];
+
+        if (isDebugging) {
+            console.log('>>> >>> flush native ===');
+            console.log('>>> commands: ' + cmdArgs);
+        }
+
+        const result = callGCanvasLinkNative(componentId, 0x60000000, cmdArgs);
+
+        if (isDebugging) {
+            console.log('>>> result: ' + result);
+        }
+
+        return result;
+    },
+
+    callNative: function (componentId, cmdArgs, cache) {
+
+        if (isDebugging) {
+            logCommand(componentId, cmdArgs);
+        }
+
+        commandsCache[componentId].push(cmdArgs);
+
+        if (!cache || isComboDisabled) {
+            return GBridge.flushNative(componentId);
+        } else {
+            return undefined;
+        }
+    },
+
+    texImage2D(componentId, ...args) {
+        if (isWeexIOS) {
+            if (args.length === 6) {
+                const [target, level, internalformat, format, type, image] = args;
+                GBridge.callNative(
+                    componentId,
+                    GLmethod.texImage2D + ',' + 6 + ',' + target + ',' + level + ',' + internalformat + ',' + format + ',' + type + ',' + image.src
+                )
+            } else if (args.length === 9) {
+                const [target, level, internalformat, width, height, border, format, type, image] = args;
+                GBridge.callNative(
+                    componentId,
+                    GLmethod.texImage2D + ',' + 9 + ',' + target + ',' + level + ',' + internalformat + ',' + width + ',' + height + ',' + border + ',' +
+                    + format + ',' + type + ',' + (image ? image.src : 0)
+                )
+            }
+        } else if (isWeexAndroid) {
+            if (args.length === 6) {
+                const [target, level, internalformat, format, type, image] = args;
+                GCanvasModule.texImage2D(componentId, target, level, internalformat, format, type, image.src);
+            } else if (args.length === 9) {
+                const [target, level, internalformat, width, height, border, format, type, image] = args;
+                GCanvasModule.texImage2D(componentId, target, level, internalformat, width, height, border, format, type, (image ? image.src : 0));
+            }
+        }
+    },
+
+    texSubImage2D(componentId, target, level, xoffset, yoffset, format, type, image) {
+        if (isWeexIOS) {
+            if (arguments.length === 8) {
+                GBridge.callNative(
+                    componentId,
+                    GLmethod.texSubImage2D + ',' + 6 + ',' + target + ',' + level + ',' + xoffset + ',' + yoffset, + ',' + format + ',' + type + ',' + image.src
+                )
+            }
+        } else if (isWeexAndroid) {
+            GCanvasModule.texSubImage2D(componentId, target, level, xoffset, yoffset, format, type, image.src);
+        }
+    },
+
+    bindImageTexture(componentId, src, imageId) {
+        GCanvasModule.bindImageTexture([src, imageId], componentId);
+    },
+
+    perloadImage([url, id], callback) {
+        GCanvasModule.preLoadImage([url, id], function (image) {
+            image.url = url;
+            image.id = id;
+            callback(image);
+        });
+    },
+
+	measureText(text, fontStyle, componentId) {
+	    return GCanvasModule.measureText([text, fontStyle], componentId);
+	},
+
+	getImageData (componentId, x, y, w, h, callback) {
+		GCanvasModule.getImageData([x, y,w,h],componentId,callback);
+	},
+
+	putImageData (componentId, data, x, y, w, h, callback) {
+		GCanvasModule.putImageData([x, y,w,h,data],componentId,callback);
+	},
+
+	toTempFilePath(componentId, x, y, width, height, destWidth, destHeight, fileType, quality, callback){
+		GCanvasModule.toTempFilePath([x, y, width,height, destWidth, destHeight, fileType, quality], componentId, callback);
+	}
+}
+
+export default GBridge;
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/gcanvas/context-2d/FillStyleLinearGradient.js b/components/firstui/fui-barcode/gcanvas/context-2d/FillStyleLinearGradient.js
new file mode 100644
index 0000000..64d73ba
--- /dev/null
+++ b/components/firstui/fui-barcode/gcanvas/context-2d/FillStyleLinearGradient.js
@@ -0,0 +1,19 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  186   1  407 25  49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+class FillStyleLinearGradient {
+
+    constructor(x0, y0, x1, y1) {
+        this._start_pos = { _x: x0, _y: y0 };
+        this._end_pos = { _x: x1, _y: y1 };
+        this._stop_count = 0;
+        this._stops = [0, 0, 0, 0, 0];
+    }
+
+    addColorStop = function (pos, color) {
+        if (this._stop_count < 5 && 0.0 <= pos && pos <= 1.0) {
+            this._stops[this._stop_count] = { _pos: pos, _color: color };
+            this._stop_count++;
+        }
+    }
+}
+
+export default FillStyleLinearGradient;
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/gcanvas/context-2d/FillStylePattern.js b/components/firstui/fui-barcode/gcanvas/context-2d/FillStylePattern.js
new file mode 100644
index 0000000..44d0ccb
--- /dev/null
+++ b/components/firstui/fui-barcode/gcanvas/context-2d/FillStylePattern.js
@@ -0,0 +1,9 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  1 8614 0  7 2 54  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+class FillStylePattern {
+    constructor(img, pattern) {
+        this._style = pattern;
+        this._img = img;
+    }
+}
+
+export default FillStylePattern;
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/gcanvas/context-2d/FillStyleRadialGradient.js b/components/firstui/fui-barcode/gcanvas/context-2d/FillStyleRadialGradient.js
new file mode 100644
index 0000000..fbf5916
--- /dev/null
+++ b/components/firstui/fui-barcode/gcanvas/context-2d/FillStyleRadialGradient.js
@@ -0,0 +1,18 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8  614   07 2  5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+class FillStyleRadialGradient {
+    constructor(x0, y0, r0, x1, y1, r1) {
+        this._start_pos = { _x: x0, _y: y0, _r: r0 };
+        this._end_pos = { _x: x1, _y: y1, _r: r1 };
+        this._stop_count = 0;
+        this._stops = [0, 0, 0, 0, 0];
+    }
+
+    addColorStop(pos, color) {
+        if (this._stop_count < 5 && 0.0 <= pos && pos <= 1.0) {
+            this._stops[this._stop_count] = { _pos: pos, _color: color };
+            this._stop_count++;
+        }
+    }
+}
+
+export default FillStyleRadialGradient;
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/gcanvas/context-2d/RenderingContext.js b/components/firstui/fui-barcode/gcanvas/context-2d/RenderingContext.js
new file mode 100644
index 0000000..897a22b
--- /dev/null
+++ b/components/firstui/fui-barcode/gcanvas/context-2d/RenderingContext.js
@@ -0,0 +1,667 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 86    1   40725 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import FillStylePattern from './FillStylePattern';
+import FillStyleLinearGradient from './FillStyleLinearGradient';
+import FillStyleRadialGradient from './FillStyleRadialGradient';
+import GImage from '../env/image.js';
+import {
+	ArrayBufferToBase64,
+	Base64ToUint8ClampedArray
+} from '../env/tool.js';
+
+export default class CanvasRenderingContext2D {
+
+	_drawCommands = '';
+
+	_globalAlpha = 1.0;
+
+	_fillStyle = 'rgb(0,0,0)';
+	_strokeStyle = 'rgb(0,0,0)';
+
+	_lineWidth = 1;
+	_lineCap = 'butt';
+	_lineJoin = 'miter';
+
+	_miterLimit = 10;
+
+	_globalCompositeOperation = 'source-over';
+
+	_textAlign = 'start';
+	_textBaseline = 'alphabetic';
+
+	_font = '10px sans-serif';
+
+	_savedGlobalAlpha = [];
+
+	timer = null;
+	componentId = null;
+
+	_notCommitDrawImageCache = [];
+	_needRedrawImageCache = [];
+	_redrawCommands = '';
+	_autoSaveContext = true;
+	// _imageMap = new GHashMap();
+	// _textureMap = new GHashMap();
+
+	constructor() {
+		this.className = 'CanvasRenderingContext2D';
+		//this.save()
+	}
+
+	setFillStyle(value) {
+		this.fillStyle = value;
+	}
+
+	set fillStyle(value) {
+		this._fillStyle = value;
+
+		if (typeof(value) == 'string') {
+			this._drawCommands = this._drawCommands.concat("F" + value + ";");
+		} else if (value instanceof FillStylePattern) {
+			const image = value._img;
+			if (!image.complete) {
+				image.onload = () => {
+					var index = this._needRedrawImageCache.indexOf(image);
+					if (index > -1) {
+						this._needRedrawImageCache.splice(index, 1);
+						CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+						this._redrawflush(true);
+					}
+				}
+				this._notCommitDrawImageCache.push(image);
+			} else {
+				CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+			}
+
+			//CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+			this._drawCommands = this._drawCommands.concat("G" + image._id + "," + value._style + ";");
+		} else if (value instanceof FillStyleLinearGradient) {
+			var command = "D" + value._start_pos._x.toFixed(2) + "," + value._start_pos._y.toFixed(2) + "," +
+				value._end_pos._x.toFixed(2) + "," + value._end_pos._y.toFixed(2) + "," +
+				value._stop_count;
+			for (var i = 0; i < value._stop_count; ++i) {
+				command += ("," + value._stops[i]._pos + "," + value._stops[i]._color);
+			}
+			this._drawCommands = this._drawCommands.concat(command + ";");
+		} else if (value instanceof FillStyleRadialGradient) {
+			var command = "H" + value._start_pos._x.toFixed(2) + "," + value._start_pos._y.toFixed(2) + "," + value._start_pos._r
+				.toFixed(2) + "," +
+				value._end_pos._x.toFixed(2) + "," + value._end_pos._y.toFixed(2) + "," + value._end_pos._r.toFixed(2) + "," +
+				value._stop_count;
+			for (var i = 0; i < value._stop_count; ++i) {
+				command += ("," + value._stops[i]._pos + "," + value._stops[i]._color);
+			}
+			this._drawCommands = this._drawCommands.concat(command + ";");
+		}
+	}
+
+	get fillStyle() {
+		return this._fillStyle;
+	}
+
+	get globalAlpha() {
+		return this._globalAlpha;
+	}
+
+	setGlobalAlpha(value) {
+		this.globalAlpha = value;
+	}
+
+	set globalAlpha(value) {
+		this._globalAlpha = value;
+		this._drawCommands = this._drawCommands.concat("a" + value.toFixed(2) + ";");
+	}
+
+
+	get strokeStyle() {
+		return this._strokeStyle;
+	}
+
+	setStrokeStyle(value) {
+		this.strokeStyle = value;
+	}
+
+	set strokeStyle(value) {
+
+		this._strokeStyle = value;
+
+		if (typeof(value) == 'string') {
+			this._drawCommands = this._drawCommands.concat("S" + value + ";");
+		} else if (value instanceof FillStylePattern) {
+			CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+			this._drawCommands = this._drawCommands.concat("G" + image._id + "," + value._style + ";");
+		} else if (value instanceof FillStyleLinearGradient) {
+			var command = "D" + value._start_pos._x.toFixed(2) + "," + value._start_pos._y.toFixed(2) + "," +
+				value._end_pos._x.toFixed(2) + "," + value._end_pos._y.toFixed(2) + "," +
+				value._stop_count;
+
+			for (var i = 0; i < value._stop_count; ++i) {
+				command += ("," + value._stops[i]._pos + "," + value._stops[i]._color);
+			}
+			this._drawCommands = this._drawCommands.concat(command + ";");
+		} else if (value instanceof FillStyleRadialGradient) {
+			var command = "H" + value._start_pos._x.toFixed(2) + "," + value._start_pos._y.toFixed(2) + "," + value._start_pos._r
+				.toFixed(2) + "," +
+				value._end_pos._x.toFixed(2) + "," + value._end_pos._y + ",".toFixed(2) + value._end_pos._r.toFixed(2) + "," +
+				value._stop_count;
+
+			for (var i = 0; i < value._stop_count; ++i) {
+				command += ("," + value._stops[i]._pos + "," + value._stops[i]._color);
+			}
+			this._drawCommands = this._drawCommands.concat(command + ";");
+		}
+	}
+
+	get lineWidth() {
+		return this._lineWidth;
+	}
+
+	setLineWidth(value) {
+		this.lineWidth = value;
+	}
+
+	set lineWidth(value) {
+		this._lineWidth = value;
+		this._drawCommands = this._drawCommands.concat("W" + value + ";");
+	}
+
+	get lineCap() {
+		return this._lineCap;
+	}
+
+	setLineCap(value) {
+		this.lineCap = value;
+	}
+
+	set lineCap(value) {
+		this._lineCap = value;
+		this._drawCommands = this._drawCommands.concat("C" + value + ";");
+	}
+
+	get lineJoin() {
+		return this._lineJoin;
+	}
+
+	setLineJoin(value) {
+		this.lineJoin = value
+	}
+
+	set lineJoin(value) {
+		this._lineJoin = value;
+		this._drawCommands = this._drawCommands.concat("J" + value + ";");
+	}
+
+	get miterLimit() {
+		return this._miterLimit;
+	}
+
+	setMiterLimit(value) {
+		this.miterLimit = value
+	}
+
+	set miterLimit(value) {
+		this._miterLimit = value;
+		this._drawCommands = this._drawCommands.concat("M" + value + ";");
+	}
+
+	get globalCompositeOperation() {
+		return this._globalCompositeOperation;
+	}
+
+	set globalCompositeOperation(value) {
+
+		this._globalCompositeOperation = value;
+		let mode = 0;
+		switch (value) {
+			case "source-over":
+				mode = 0;
+				break;
+			case "source-atop":
+				mode = 5;
+				break;
+			case "source-in":
+				mode = 0;
+				break;
+			case "source-out":
+				mode = 2;
+				break;
+			case "destination-over":
+				mode = 4;
+				break;
+			case "destination-atop":
+				mode = 4;
+				break;
+			case "destination-in":
+				mode = 4;
+				break;
+			case "destination-out":
+				mode = 3;
+				break;
+			case "lighter":
+				mode = 1;
+				break;
+			case "copy":
+				mode = 2;
+				break;
+			case "xor":
+				mode = 6;
+				break;
+			default:
+				mode = 0;
+		}
+
+		this._drawCommands = this._drawCommands.concat("B" + mode + ";");
+	}
+
+	get textAlign() {
+		return this._textAlign;
+	}
+
+	setTextAlign(value) {
+		this.textAlign = value
+	}
+
+	set textAlign(value) {
+
+		this._textAlign = value;
+		let Align = 0;
+		switch (value) {
+			case "start":
+				Align = 0;
+				break;
+			case "end":
+				Align = 1;
+				break;
+			case "left":
+				Align = 2;
+				break;
+			case "center":
+				Align = 3;
+				break;
+			case "right":
+				Align = 4;
+				break;
+			default:
+				Align = 0;
+		}
+
+		this._drawCommands = this._drawCommands.concat("A" + Align + ";");
+	}
+
+	get textBaseline() {
+		return this._textBaseline;
+	}
+
+	setTextBaseline(value) {
+		this.textBaseline = value
+	}
+
+	set textBaseline(value) {
+		this._textBaseline = value;
+		let baseline = 0;
+		switch (value) {
+			case "alphabetic":
+				baseline = 0;
+				break;
+			case "middle":
+				baseline = 1;
+				break;
+			case "top":
+				baseline = 2;
+				break;
+			case "hanging":
+				baseline = 3;
+				break;
+			case "bottom":
+				baseline = 4;
+				break;
+			case "ideographic":
+				baseline = 5;
+				break;
+			default:
+				baseline = 0;
+				break;
+		}
+
+		this._drawCommands = this._drawCommands.concat("E" + baseline + ";");
+	}
+
+	get font() {
+		return this._font;
+	}
+
+	setFontSize(size) {
+		var str = this._font;
+		var strs = str.trim().split(/\s+/);
+		for (var i = 0; i < strs.length; i++) {
+			var values = ["normal", "italic", "oblique", "normal", "small-caps", "normal", "bold",
+				"bolder", "lighter", "100", "200", "300", "400", "500", "600", "700", "800", "900",
+				"normal", "ultra-condensed", "extra-condensed", "condensed", "semi-condensed",
+				"semi-expanded", "expanded", "extra-expanded", "ultra-expanded"
+			];
+
+			if (-1 == values.indexOf(strs[i].trim())) {
+				if (typeof size === 'string') {
+					strs[i] = size;
+				} else if (typeof size === 'number') {
+					strs[i] = String(size) + 'px';
+				}
+				break;
+			}
+		}
+		this.font = strs.join(" ");
+	}
+
+	set font(value) {
+		this._font = value;
+		this._drawCommands = this._drawCommands.concat("j" + value + ";");
+	}
+
+	setTransform(a, b, c, d, tx, ty) {
+		this._drawCommands = this._drawCommands.concat("t" +
+			(a === 1 ? "1" : a.toFixed(2)) + "," +
+			(b === 0 ? "0" : b.toFixed(2)) + "," +
+			(c === 0 ? "0" : c.toFixed(2)) + "," +
+			(d === 1 ? "1" : d.toFixed(2)) + "," + tx.toFixed(2) + "," + ty.toFixed(2) + ";");
+	}
+
+	transform(a, b, c, d, tx, ty) {
+		this._drawCommands = this._drawCommands.concat("f" +
+			(a === 1 ? "1" : a.toFixed(2)) + "," +
+			(b === 0 ? "0" : b.toFixed(2)) + "," +
+			(c === 0 ? "0" : c.toFixed(2)) + "," +
+			(d === 1 ? "1" : d.toFixed(2)) + "," + tx + "," + ty + ";");
+	}
+
+	resetTransform() {
+		this._drawCommands = this._drawCommands.concat("m;");
+	}
+
+	scale(a, d) {
+		this._drawCommands = this._drawCommands.concat("k" + a.toFixed(2) + "," +
+			d.toFixed(2) + ";");
+	}
+
+	rotate(angle) {
+		this._drawCommands = this._drawCommands
+			.concat("r" + angle.toFixed(6) + ";");
+	}
+
+	translate(tx, ty) {
+		this._drawCommands = this._drawCommands.concat("l" + tx.toFixed(2) + "," + ty.toFixed(2) + ";");
+	}
+
+	save() {
+		this._savedGlobalAlpha.push(this._globalAlpha);
+		this._drawCommands = this._drawCommands.concat("v;");
+	}
+
+	restore() {
+		this._drawCommands = this._drawCommands.concat("e;");
+		this._globalAlpha = this._savedGlobalAlpha.pop();
+	}
+
+	createPattern(img, pattern) {
+		if (typeof img === 'string') {
+			var imgObj = new GImage();
+			imgObj.src = img;
+			img = imgObj;
+		}
+		return new FillStylePattern(img, pattern);
+	}
+
+	createLinearGradient(x0, y0, x1, y1) {
+		return new FillStyleLinearGradient(x0, y0, x1, y1);
+	}
+
+	createRadialGradient = function(x0, y0, r0, x1, y1, r1) {
+		return new FillStyleRadialGradient(x0, y0, r0, x1, y1, r1);
+	};
+
+	createCircularGradient = function(x0, y0, r0) {
+		return new FillStyleRadialGradient(x0, y0, 0, x0, y0, r0);
+	};
+
+	strokeRect(x, y, w, h) {
+		this._drawCommands = this._drawCommands.concat("s" + x + "," + y + "," + w + "," + h + ";");
+	}
+
+
+	clearRect(x, y, w, h) {
+		this._drawCommands = this._drawCommands.concat("c" + x + "," + y + "," + w +
+			"," + h + ";");
+	}
+
+	clip() {
+		this._drawCommands = this._drawCommands.concat("p;");
+	}
+
+	resetClip() {
+		this._drawCommands = this._drawCommands.concat("q;");
+	}
+
+	closePath() {
+		this._drawCommands = this._drawCommands.concat("o;");
+	}
+
+	moveTo(x, y) {
+		this._drawCommands = this._drawCommands.concat("g" + x.toFixed(2) + "," + y.toFixed(2) + ";");
+	}
+
+	lineTo(x, y) {
+		this._drawCommands = this._drawCommands.concat("i" + x.toFixed(2) + "," + y.toFixed(2) + ";");
+	}
+
+	quadraticCurveTo = function(cpx, cpy, x, y) {
+		this._drawCommands = this._drawCommands.concat("u" + cpx + "," + cpy + "," + x + "," + y + ";");
+	}
+
+	bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y, ) {
+		this._drawCommands = this._drawCommands.concat(
+			"z" + cp1x.toFixed(2) + "," + cp1y.toFixed(2) + "," + cp2x.toFixed(2) + "," + cp2y.toFixed(2) + "," +
+			x.toFixed(2) + "," + y.toFixed(2) + ";");
+	}
+
+	arcTo(x1, y1, x2, y2, radius) {
+		this._drawCommands = this._drawCommands.concat("h" + x1 + "," + y1 + "," + x2 + "," + y2 + "," + radius + ";");
+	}
+
+	beginPath() {
+		this._drawCommands = this._drawCommands.concat("b;");
+	}
+
+
+	fillRect(x, y, w, h) {
+		this._drawCommands = this._drawCommands.concat("n" + x + "," + y + "," + w +
+			"," + h + ";");
+	}
+
+	rect(x, y, w, h) {
+		this._drawCommands = this._drawCommands.concat("w" + x + "," + y + "," + w + "," + h + ";");
+	}
+
+	fill() {
+		this._drawCommands = this._drawCommands.concat("L;");
+	}
+
+	stroke(path) {
+		this._drawCommands = this._drawCommands.concat("x;");
+	}
+
+	arc(x, y, radius, startAngle, endAngle, anticlockwise) {
+
+		let ianticlockwise = 0;
+		if (anticlockwise) {
+			ianticlockwise = 1;
+		}
+
+		this._drawCommands = this._drawCommands.concat(
+			"y" + x.toFixed(2) + "," + y.toFixed(2) + "," +
+			radius.toFixed(2) + "," + startAngle + "," + endAngle + "," + ianticlockwise +
+			";"
+		);
+	}
+
+	fillText(text, x, y) {
+		let tmptext = text.replace(/!/g, "!!");
+		tmptext = tmptext.replace(/,/g, "!,");
+		tmptext = tmptext.replace(/;/g, "!;");
+		this._drawCommands = this._drawCommands.concat("T" + tmptext + "," + x + "," + y + ",0.0;");
+	}
+
+	strokeText = function(text, x, y) {
+		let tmptext = text.replace(/!/g, "!!");
+		tmptext = tmptext.replace(/,/g, "!,");
+		tmptext = tmptext.replace(/;/g, "!;");
+		this._drawCommands = this._drawCommands.concat("U" + tmptext + "," + x + "," + y + ",0.0;");
+	}
+
+	measureText(text) {
+		return CanvasRenderingContext2D.GBridge.measureText(text, this.font, this.componentId);
+	}
+
+	isPointInPath = function(x, y) {
+		throw new Error('GCanvas not supported yet');
+	}
+
+	drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh) {
+		if (typeof image === 'string') {
+			var imgObj = new GImage();
+			imgObj.src = image;
+			image = imgObj;
+		}
+		if (image instanceof GImage) {
+			if (!image.complete) {
+				imgObj.onload = () => {
+					var index = this._needRedrawImageCache.indexOf(image);
+					if (index > -1) {
+						this._needRedrawImageCache.splice(index, 1);
+						CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+						this._redrawflush(true);
+					}
+				}
+				this._notCommitDrawImageCache.push(image);
+			} else {
+				CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+			}
+			var srcArgs = [image, sx, sy, sw, sh, dx, dy, dw, dh];
+			var args = [];
+			for (var arg in srcArgs) {
+				if (typeof(srcArgs[arg]) != 'undefined') {
+					args.push(srcArgs[arg]);
+				}
+			}
+			this.__drawImage.apply(this, args);
+			//this.__drawImage(image,sx, sy, sw, sh, dx, dy, dw, dh);
+		}
+	}
+
+	__drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh) {
+		const numArgs = arguments.length;
+
+		function drawImageCommands() {
+
+			if (numArgs === 3) {
+				const x = parseFloat(sx) || 0.0;
+				const y = parseFloat(sy) || 0.0;
+
+				return ("d" + image._id + ",0,0," +
+					image.width + "," + image.height + "," +
+					x + "," + y + "," + image.width + "," + image.height + ";");
+			} else if (numArgs === 5) {
+				const x = parseFloat(sx) || 0.0;
+				const y = parseFloat(sy) || 0.0;
+				const width = parseInt(sw) || image.width;
+				const height = parseInt(sh) || image.height;
+
+				return ("d" + image._id + ",0,0," +
+					image.width + "," + image.height + "," +
+					x + "," + y + "," + width + "," + height + ";");
+			} else if (numArgs === 9) {
+				sx = parseFloat(sx) || 0.0;
+				sy = parseFloat(sy) || 0.0;
+				sw = parseInt(sw) || image.width;
+				sh = parseInt(sh) || image.height;
+				dx = parseFloat(dx) || 0.0;
+				dy = parseFloat(dy) || 0.0;
+				dw = parseInt(dw) || image.width;
+				dh = parseInt(dh) || image.height;
+
+				return ("d" + image._id + "," +
+					sx + "," + sy + "," + sw + "," + sh + "," +
+					dx + "," + dy + "," + dw + "," + dh + ";");
+			}
+		}
+		this._drawCommands += drawImageCommands();
+	}
+
+	_flush(reserve, callback) {
+		const commands = this._drawCommands;
+		this._drawCommands = '';
+		CanvasRenderingContext2D.GBridge.render2d(this.componentId, commands, callback);
+		this._needRender = false;
+	}
+
+	_redrawflush(reserve, callback) {
+		const commands = this._redrawCommands;
+		CanvasRenderingContext2D.GBridge.render2d(this.componentId, commands, callback);
+		if (this._needRedrawImageCache.length == 0) {
+			this._redrawCommands = '';
+		}
+	}
+
+	draw(reserve, callback) {
+		if (!reserve) {
+			this._globalAlpha = this._savedGlobalAlpha.pop();
+			this._savedGlobalAlpha.push(this._globalAlpha);
+			this._redrawCommands = this._drawCommands;
+			this._needRedrawImageCache = this._notCommitDrawImageCache;
+			if (this._autoSaveContext) {
+				this._drawCommands = ("v;" + this._drawCommands);
+				this._autoSaveContext = false;
+			} else {
+				this._drawCommands = ("e;X;v;" + this._drawCommands);
+			}
+		} else {
+			this._needRedrawImageCache = this._needRedrawImageCache.concat(this._notCommitDrawImageCache);
+			this._redrawCommands += this._drawCommands;
+			if (this._autoSaveContext) {
+				this._drawCommands = ("v;" + this._drawCommands);
+				this._autoSaveContext = false;
+			}
+		}
+		this._notCommitDrawImageCache = [];
+		if (this._flush) {
+			this._flush(reserve, callback);
+		}
+	}
+
+	getImageData(x, y, w, h, callback) {
+		CanvasRenderingContext2D.GBridge.getImageData(this.componentId, x, y, w, h, function(res) {
+			res.data = Base64ToUint8ClampedArray(res.data);
+			if (typeof(callback) == 'function') {
+				callback(res);
+			}
+		});
+	}
+
+	putImageData(data, x, y, w, h, callback) {
+		if (data instanceof Uint8ClampedArray) {
+			data = ArrayBufferToBase64(data);
+			CanvasRenderingContext2D.GBridge.putImageData(this.componentId, data, x, y, w, h, function(res) {
+				if (typeof(callback) == 'function') {
+					callback(res);
+				}
+			});
+		}
+	}
+
+	toTempFilePath(x, y, width, height, destWidth, destHeight, fileType, quality, callback) {
+		CanvasRenderingContext2D.GBridge.toTempFilePath(this.componentId, x, y, width, height, destWidth, destHeight,
+			fileType, quality,
+			function(res) {
+				if (typeof(callback) == 'function') {
+					callback(res);
+				}
+			});
+	}
+}
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/gcanvas/context-webgl/ActiveInfo.js b/components/firstui/fui-barcode/gcanvas/context-webgl/ActiveInfo.js
new file mode 100644
index 0000000..69a4c00
--- /dev/null
+++ b/components/firstui/fui-barcode/gcanvas/context-webgl/ActiveInfo.js
@@ -0,0 +1,12 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 86  140   72 54  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export default class WebGLActiveInfo {
+    className = 'WebGLActiveInfo';
+
+    constructor({
+        type, name, size
+    }) {
+        this.type = type;
+        this.name = name;
+        this.size = size;
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/gcanvas/context-webgl/Buffer.js b/components/firstui/fui-barcode/gcanvas/context-webgl/Buffer.js
new file mode 100644
index 0000000..550f954
--- /dev/null
+++ b/components/firstui/fui-barcode/gcanvas/context-webgl/Buffer.js
@@ -0,0 +1,22 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186 1 40 72   54    9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLBuffer';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLBuffer {
+    className = name;
+
+    constructor(id) {
+        this.id = id;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/gcanvas/context-webgl/Framebuffer.js b/components/firstui/fui-barcode/gcanvas/context-webgl/Framebuffer.js
new file mode 100644
index 0000000..8497daf
--- /dev/null
+++ b/components/firstui/fui-barcode/gcanvas/context-webgl/Framebuffer.js
@@ -0,0 +1,22 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18614 0  7    2 54  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLFrameBuffer';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLFramebuffer {
+    className = name;
+
+    constructor(id) {
+        this.id = id;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/gcanvas/context-webgl/GLenum.js b/components/firstui/fui-barcode/gcanvas/context-webgl/GLenum.js
new file mode 100644
index 0000000..a0ab7f7
--- /dev/null
+++ b/components/firstui/fui-barcode/gcanvas/context-webgl/GLenum.js
@@ -0,0 +1,299 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18 61     40   725 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export default {
+    "DEPTH_BUFFER_BIT": 256,
+    "STENCIL_BUFFER_BIT": 1024,
+    "COLOR_BUFFER_BIT": 16384,
+    "POINTS": 0,
+    "LINES": 1,
+    "LINE_LOOP": 2,
+    "LINE_STRIP": 3,
+    "TRIANGLES": 4,
+    "TRIANGLE_STRIP": 5,
+    "TRIANGLE_FAN": 6,
+    "ZERO": 0,
+    "ONE": 1,
+    "SRC_COLOR": 768,
+    "ONE_MINUS_SRC_COLOR": 769,
+    "SRC_ALPHA": 770,
+    "ONE_MINUS_SRC_ALPHA": 771,
+    "DST_ALPHA": 772,
+    "ONE_MINUS_DST_ALPHA": 773,
+    "DST_COLOR": 774,
+    "ONE_MINUS_DST_COLOR": 775,
+    "SRC_ALPHA_SATURATE": 776,
+    "FUNC_ADD": 32774,
+    "BLEND_EQUATION": 32777,
+    "BLEND_EQUATION_RGB": 32777,
+    "BLEND_EQUATION_ALPHA": 34877,
+    "FUNC_SUBTRACT": 32778,
+    "FUNC_REVERSE_SUBTRACT": 32779,
+    "BLEND_DST_RGB": 32968,
+    "BLEND_SRC_RGB": 32969,
+    "BLEND_DST_ALPHA": 32970,
+    "BLEND_SRC_ALPHA": 32971,
+    "CONSTANT_COLOR": 32769,
+    "ONE_MINUS_CONSTANT_COLOR": 32770,
+    "CONSTANT_ALPHA": 32771,
+    "ONE_MINUS_CONSTANT_ALPHA": 32772,
+    "BLEND_COLOR": 32773,
+    "ARRAY_BUFFER": 34962,
+    "ELEMENT_ARRAY_BUFFER": 34963,
+    "ARRAY_BUFFER_BINDING": 34964,
+    "ELEMENT_ARRAY_BUFFER_BINDING": 34965,
+    "STREAM_DRAW": 35040,
+    "STATIC_DRAW": 35044,
+    "DYNAMIC_DRAW": 35048,
+    "BUFFER_SIZE": 34660,
+    "BUFFER_USAGE": 34661,
+    "CURRENT_VERTEX_ATTRIB": 34342,
+    "FRONT": 1028,
+    "BACK": 1029,
+    "FRONT_AND_BACK": 1032,
+    "TEXTURE_2D": 3553,
+    "CULL_FACE": 2884,
+    "BLEND": 3042,
+    "DITHER": 3024,
+    "STENCIL_TEST": 2960,
+    "DEPTH_TEST": 2929,
+    "SCISSOR_TEST": 3089,
+    "POLYGON_OFFSET_FILL": 32823,
+    "SAMPLE_ALPHA_TO_COVERAGE": 32926,
+    "SAMPLE_COVERAGE": 32928,
+    "NO_ERROR": 0,
+    "INVALID_ENUM": 1280,
+    "INVALID_VALUE": 1281,
+    "INVALID_OPERATION": 1282,
+    "OUT_OF_MEMORY": 1285,
+    "CW": 2304,
+    "CCW": 2305,
+    "LINE_WIDTH": 2849,
+    "ALIASED_POINT_SIZE_RANGE": 33901,
+    "ALIASED_LINE_WIDTH_RANGE": 33902,
+    "CULL_FACE_MODE": 2885,
+    "FRONT_FACE": 2886,
+    "DEPTH_RANGE": 2928,
+    "DEPTH_WRITEMASK": 2930,
+    "DEPTH_CLEAR_VALUE": 2931,
+    "DEPTH_FUNC": 2932,
+    "STENCIL_CLEAR_VALUE": 2961,
+    "STENCIL_FUNC": 2962,
+    "STENCIL_FAIL": 2964,
+    "STENCIL_PASS_DEPTH_FAIL": 2965,
+    "STENCIL_PASS_DEPTH_PASS": 2966,
+    "STENCIL_REF": 2967,
+    "STENCIL_VALUE_MASK": 2963,
+    "STENCIL_WRITEMASK": 2968,
+    "STENCIL_BACK_FUNC": 34816,
+    "STENCIL_BACK_FAIL": 34817,
+    "STENCIL_BACK_PASS_DEPTH_FAIL": 34818,
+    "STENCIL_BACK_PASS_DEPTH_PASS": 34819,
+    "STENCIL_BACK_REF": 36003,
+    "STENCIL_BACK_VALUE_MASK": 36004,
+    "STENCIL_BACK_WRITEMASK": 36005,
+    "VIEWPORT": 2978,
+    "SCISSOR_BOX": 3088,
+    "COLOR_CLEAR_VALUE": 3106,
+    "COLOR_WRITEMASK": 3107,
+    "UNPACK_ALIGNMENT": 3317,
+    "PACK_ALIGNMENT": 3333,
+    "MAX_TEXTURE_SIZE": 3379,
+    "MAX_VIEWPORT_DIMS": 3386,
+    "SUBPIXEL_BITS": 3408,
+    "RED_BITS": 3410,
+    "GREEN_BITS": 3411,
+    "BLUE_BITS": 3412,
+    "ALPHA_BITS": 3413,
+    "DEPTH_BITS": 3414,
+    "STENCIL_BITS": 3415,
+    "POLYGON_OFFSET_UNITS": 10752,
+    "POLYGON_OFFSET_FACTOR": 32824,
+    "TEXTURE_BINDING_2D": 32873,
+    "SAMPLE_BUFFERS": 32936,
+    "SAMPLES": 32937,
+    "SAMPLE_COVERAGE_VALUE": 32938,
+    "SAMPLE_COVERAGE_INVERT": 32939,
+    "COMPRESSED_TEXTURE_FORMATS": 34467,
+    "DONT_CARE": 4352,
+    "FASTEST": 4353,
+    "NICEST": 4354,
+    "GENERATE_MIPMAP_HINT": 33170,
+    "BYTE": 5120,
+    "UNSIGNED_BYTE": 5121,
+    "SHORT": 5122,
+    "UNSIGNED_SHORT": 5123,
+    "INT": 5124,
+    "UNSIGNED_INT": 5125,
+    "FLOAT": 5126,
+    "DEPTH_COMPONENT": 6402,
+    "ALPHA": 6406,
+    "RGB": 6407,
+    "RGBA": 6408,
+    "LUMINANCE": 6409,
+    "LUMINANCE_ALPHA": 6410,
+    "UNSIGNED_SHORT_4_4_4_4": 32819,
+    "UNSIGNED_SHORT_5_5_5_1": 32820,
+    "UNSIGNED_SHORT_5_6_5": 33635,
+    "FRAGMENT_SHADER": 35632,
+    "VERTEX_SHADER": 35633,
+    "MAX_VERTEX_ATTRIBS": 34921,
+    "MAX_VERTEX_UNIFORM_VECTORS": 36347,
+    "MAX_VARYING_VECTORS": 36348,
+    "MAX_COMBINED_TEXTURE_IMAGE_UNITS": 35661,
+    "MAX_VERTEX_TEXTURE_IMAGE_UNITS": 35660,
+    "MAX_TEXTURE_IMAGE_UNITS": 34930,
+    "MAX_FRAGMENT_UNIFORM_VECTORS": 36349,
+    "SHADER_TYPE": 35663,
+    "DELETE_STATUS": 35712,
+    "LINK_STATUS": 35714,
+    "VALIDATE_STATUS": 35715,
+    "ATTACHED_SHADERS": 35717,
+    "ACTIVE_UNIFORMS": 35718,
+    "ACTIVE_ATTRIBUTES": 35721,
+    "SHADING_LANGUAGE_VERSION": 35724,
+    "CURRENT_PROGRAM": 35725,
+    "NEVER": 512,
+    "LESS": 513,
+    "EQUAL": 514,
+    "LEQUAL": 515,
+    "GREATER": 516,
+    "NOTEQUAL": 517,
+    "GEQUAL": 518,
+    "ALWAYS": 519,
+    "KEEP": 7680,
+    "REPLACE": 7681,
+    "INCR": 7682,
+    "DECR": 7683,
+    "INVERT": 5386,
+    "INCR_WRAP": 34055,
+    "DECR_WRAP": 34056,
+    "VENDOR": 7936,
+    "RENDERER": 7937,
+    "VERSION": 7938,
+    "NEAREST": 9728,
+    "LINEAR": 9729,
+    "NEAREST_MIPMAP_NEAREST": 9984,
+    "LINEAR_MIPMAP_NEAREST": 9985,
+    "NEAREST_MIPMAP_LINEAR": 9986,
+    "LINEAR_MIPMAP_LINEAR": 9987,
+    "TEXTURE_MAG_FILTER": 10240,
+    "TEXTURE_MIN_FILTER": 10241,
+    "TEXTURE_WRAP_S": 10242,
+    "TEXTURE_WRAP_T": 10243,
+    "TEXTURE": 5890,
+    "TEXTURE_CUBE_MAP": 34067,
+    "TEXTURE_BINDING_CUBE_MAP": 34068,
+    "TEXTURE_CUBE_MAP_POSITIVE_X": 34069,
+    "TEXTURE_CUBE_MAP_NEGATIVE_X": 34070,
+    "TEXTURE_CUBE_MAP_POSITIVE_Y": 34071,
+    "TEXTURE_CUBE_MAP_NEGATIVE_Y": 34072,
+    "TEXTURE_CUBE_MAP_POSITIVE_Z": 34073,
+    "TEXTURE_CUBE_MAP_NEGATIVE_Z": 34074,
+    "MAX_CUBE_MAP_TEXTURE_SIZE": 34076,
+    "TEXTURE0": 33984,
+    "TEXTURE1": 33985,
+    "TEXTURE2": 33986,
+    "TEXTURE3": 33987,
+    "TEXTURE4": 33988,
+    "TEXTURE5": 33989,
+    "TEXTURE6": 33990,
+    "TEXTURE7": 33991,
+    "TEXTURE8": 33992,
+    "TEXTURE9": 33993,
+    "TEXTURE10": 33994,
+    "TEXTURE11": 33995,
+    "TEXTURE12": 33996,
+    "TEXTURE13": 33997,
+    "TEXTURE14": 33998,
+    "TEXTURE15": 33999,
+    "TEXTURE16": 34000,
+    "TEXTURE17": 34001,
+    "TEXTURE18": 34002,
+    "TEXTURE19": 34003,
+    "TEXTURE20": 34004,
+    "TEXTURE21": 34005,
+    "TEXTURE22": 34006,
+    "TEXTURE23": 34007,
+    "TEXTURE24": 34008,
+    "TEXTURE25": 34009,
+    "TEXTURE26": 34010,
+    "TEXTURE27": 34011,
+    "TEXTURE28": 34012,
+    "TEXTURE29": 34013,
+    "TEXTURE30": 34014,
+    "TEXTURE31": 34015,
+    "ACTIVE_TEXTURE": 34016,
+    "REPEAT": 10497,
+    "CLAMP_TO_EDGE": 33071,
+    "MIRRORED_REPEAT": 33648,
+    "FLOAT_VEC2": 35664,
+    "FLOAT_VEC3": 35665,
+    "FLOAT_VEC4": 35666,
+    "INT_VEC2": 35667,
+    "INT_VEC3": 35668,
+    "INT_VEC4": 35669,
+    "BOOL": 35670,
+    "BOOL_VEC2": 35671,
+    "BOOL_VEC3": 35672,
+    "BOOL_VEC4": 35673,
+    "FLOAT_MAT2": 35674,
+    "FLOAT_MAT3": 35675,
+    "FLOAT_MAT4": 35676,
+    "SAMPLER_2D": 35678,
+    "SAMPLER_CUBE": 35680,
+    "VERTEX_ATTRIB_ARRAY_ENABLED": 34338,
+    "VERTEX_ATTRIB_ARRAY_SIZE": 34339,
+    "VERTEX_ATTRIB_ARRAY_STRIDE": 34340,
+    "VERTEX_ATTRIB_ARRAY_TYPE": 34341,
+    "VERTEX_ATTRIB_ARRAY_NORMALIZED": 34922,
+    "VERTEX_ATTRIB_ARRAY_POINTER": 34373,
+    "VERTEX_ATTRIB_ARRAY_BUFFER_BINDING": 34975,
+    "IMPLEMENTATION_COLOR_READ_TYPE": 35738,
+    "IMPLEMENTATION_COLOR_READ_FORMAT": 35739,
+    "COMPILE_STATUS": 35713,
+    "LOW_FLOAT": 36336,
+    "MEDIUM_FLOAT": 36337,
+    "HIGH_FLOAT": 36338,
+    "LOW_INT": 36339,
+    "MEDIUM_INT": 36340,
+    "HIGH_INT": 36341,
+    "FRAMEBUFFER": 36160,
+    "RENDERBUFFER": 36161,
+    "RGBA4": 32854,
+    "RGB5_A1": 32855,
+    "RGB565": 36194,
+    "DEPTH_COMPONENT16": 33189,
+    "STENCIL_INDEX8": 36168,
+    "DEPTH_STENCIL": 34041,
+    "RENDERBUFFER_WIDTH": 36162,
+    "RENDERBUFFER_HEIGHT": 36163,
+    "RENDERBUFFER_INTERNAL_FORMAT": 36164,
+    "RENDERBUFFER_RED_SIZE": 36176,
+    "RENDERBUFFER_GREEN_SIZE": 36177,
+    "RENDERBUFFER_BLUE_SIZE": 36178,
+    "RENDERBUFFER_ALPHA_SIZE": 36179,
+    "RENDERBUFFER_DEPTH_SIZE": 36180,
+    "RENDERBUFFER_STENCIL_SIZE": 36181,
+    "FRAMEBUFFER_ATTACHMENT_OBJECT_TYPE": 36048,
+    "FRAMEBUFFER_ATTACHMENT_OBJECT_NAME": 36049,
+    "FRAMEBUFFER_ATTACHMENT_TEXTURE_LEVEL": 36050,
+    "FRAMEBUFFER_ATTACHMENT_TEXTURE_CUBE_MAP_FACE": 36051,
+    "COLOR_ATTACHMENT0": 36064,
+    "DEPTH_ATTACHMENT": 36096,
+    "STENCIL_ATTACHMENT": 36128,
+    "DEPTH_STENCIL_ATTACHMENT": 33306,
+    "NONE": 0,
+    "FRAMEBUFFER_COMPLETE": 36053,
+    "FRAMEBUFFER_INCOMPLETE_ATTACHMENT": 36054,
+    "FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT": 36055,
+    "FRAMEBUFFER_INCOMPLETE_DIMENSIONS": 36057,
+    "FRAMEBUFFER_UNSUPPORTED": 36061,
+    "FRAMEBUFFER_BINDING": 36006,
+    "RENDERBUFFER_BINDING": 36007,
+    "MAX_RENDERBUFFER_SIZE": 34024,
+    "INVALID_FRAMEBUFFER_OPERATION": 1286,
+    "UNPACK_FLIP_Y_WEBGL": 37440,
+    "UNPACK_PREMULTIPLY_ALPHA_WEBGL": 37441,
+    "CONTEXT_LOST_WEBGL": 37442,
+    "UNPACK_COLORSPACE_CONVERSION_WEBGL": 37443,
+    "BROWSER_DEFAULT_WEBGL": 37444
+};
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/gcanvas/context-webgl/GLmethod.js b/components/firstui/fui-barcode/gcanvas/context-webgl/GLmethod.js
new file mode 100644
index 0000000..5f48ce9
--- /dev/null
+++ b/components/firstui/fui-barcode/gcanvas/context-webgl/GLmethod.js
@@ -0,0 +1,143 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 186  14 0 725  4   9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+let i = 1;
+
+const GLmethod = {};
+
+GLmethod.activeTexture = i++;         //1
+GLmethod.attachShader = i++;
+GLmethod.bindAttribLocation = i++;
+GLmethod.bindBuffer = i++;
+GLmethod.bindFramebuffer = i++;
+GLmethod.bindRenderbuffer = i++;
+GLmethod.bindTexture = i++;
+GLmethod.blendColor = i++;
+GLmethod.blendEquation = i++;
+GLmethod.blendEquationSeparate = i++; //10
+GLmethod.blendFunc = i++;
+GLmethod.blendFuncSeparate = i++;
+GLmethod.bufferData = i++;
+GLmethod.bufferSubData = i++;
+GLmethod.checkFramebufferStatus = i++;
+GLmethod.clear = i++;
+GLmethod.clearColor = i++;
+GLmethod.clearDepth = i++;
+GLmethod.clearStencil = i++;
+GLmethod.colorMask = i++;              //20
+GLmethod.compileShader = i++;
+GLmethod.compressedTexImage2D = i++;
+GLmethod.compressedTexSubImage2D = i++;
+GLmethod.copyTexImage2D = i++;
+GLmethod.copyTexSubImage2D = i++;
+GLmethod.createBuffer = i++;
+GLmethod.createFramebuffer = i++;
+GLmethod.createProgram = i++;
+GLmethod.createRenderbuffer = i++;
+GLmethod.createShader = i++;           //30
+GLmethod.createTexture = i++;
+GLmethod.cullFace = i++;
+GLmethod.deleteBuffer = i++;
+GLmethod.deleteFramebuffer = i++;
+GLmethod.deleteProgram = i++;
+GLmethod.deleteRenderbuffer = i++;
+GLmethod.deleteShader = i++;
+GLmethod.deleteTexture = i++;
+GLmethod.depthFunc = i++;
+GLmethod.depthMask = i++;              //40
+GLmethod.depthRange = i++;
+GLmethod.detachShader = i++;
+GLmethod.disable = i++;
+GLmethod.disableVertexAttribArray = i++;
+GLmethod.drawArrays = i++;
+GLmethod.drawArraysInstancedANGLE = i++;
+GLmethod.drawElements = i++;
+GLmethod.drawElementsInstancedANGLE = i++;
+GLmethod.enable = i++;
+GLmethod.enableVertexAttribArray = i++;    //50
+GLmethod.flush = i++;
+GLmethod.framebufferRenderbuffer = i++;
+GLmethod.framebufferTexture2D = i++;
+GLmethod.frontFace = i++;
+GLmethod.generateMipmap = i++;
+GLmethod.getActiveAttrib = i++;
+GLmethod.getActiveUniform = i++;
+GLmethod.getAttachedShaders = i++;
+GLmethod.getAttribLocation = i++;
+GLmethod.getBufferParameter = i++;         //60
+GLmethod.getContextAttributes = i++;
+GLmethod.getError = i++;
+GLmethod.getExtension = i++;
+GLmethod.getFramebufferAttachmentParameter = i++;
+GLmethod.getParameter = i++;
+GLmethod.getProgramInfoLog = i++;
+GLmethod.getProgramParameter = i++;
+GLmethod.getRenderbufferParameter = i++;
+GLmethod.getShaderInfoLog = i++;
+GLmethod.getShaderParameter = i++;         //70
+GLmethod.getShaderPrecisionFormat = i++;
+GLmethod.getShaderSource = i++;
+GLmethod.getSupportedExtensions = i++;
+GLmethod.getTexParameter = i++;
+GLmethod.getUniform = i++;
+GLmethod.getUniformLocation = i++;
+GLmethod.getVertexAttrib = i++;
+GLmethod.getVertexAttribOffset = i++;
+GLmethod.isBuffer = i++;
+GLmethod.isContextLost = i++;              //80
+GLmethod.isEnabled = i++;
+GLmethod.isFramebuffer = i++;
+GLmethod.isProgram = i++;
+GLmethod.isRenderbuffer = i++;
+GLmethod.isShader = i++;
+GLmethod.isTexture = i++;
+GLmethod.lineWidth = i++;
+GLmethod.linkProgram = i++;
+GLmethod.pixelStorei = i++;
+GLmethod.polygonOffset = i++;              //90
+GLmethod.readPixels = i++;
+GLmethod.renderbufferStorage = i++;
+GLmethod.sampleCoverage = i++;
+GLmethod.scissor = i++;
+GLmethod.shaderSource = i++;
+GLmethod.stencilFunc = i++;
+GLmethod.stencilFuncSeparate = i++;
+GLmethod.stencilMask = i++;
+GLmethod.stencilMaskSeparate = i++;
+GLmethod.stencilOp = i++;                  //100
+GLmethod.stencilOpSeparate = i++;
+GLmethod.texImage2D = i++;
+GLmethod.texParameterf = i++;
+GLmethod.texParameteri = i++;
+GLmethod.texSubImage2D = i++;
+GLmethod.uniform1f = i++;
+GLmethod.uniform1fv = i++;
+GLmethod.uniform1i = i++;
+GLmethod.uniform1iv = i++;
+GLmethod.uniform2f = i++;                  //110
+GLmethod.uniform2fv = i++;
+GLmethod.uniform2i = i++;
+GLmethod.uniform2iv = i++;
+GLmethod.uniform3f = i++;
+GLmethod.uniform3fv = i++;
+GLmethod.uniform3i = i++;
+GLmethod.uniform3iv = i++;
+GLmethod.uniform4f = i++;
+GLmethod.uniform4fv = i++;
+GLmethod.uniform4i = i++;                  //120
+GLmethod.uniform4iv = i++;
+GLmethod.uniformMatrix2fv = i++;
+GLmethod.uniformMatrix3fv = i++;
+GLmethod.uniformMatrix4fv = i++;
+GLmethod.useProgram = i++;
+GLmethod.validateProgram = i++;
+GLmethod.vertexAttrib1f = i++; //new
+GLmethod.vertexAttrib2f = i++; //new
+GLmethod.vertexAttrib3f = i++; //new
+GLmethod.vertexAttrib4f = i++; //new       //130
+GLmethod.vertexAttrib1fv = i++; //new
+GLmethod.vertexAttrib2fv = i++; //new
+GLmethod.vertexAttrib3fv = i++; //new
+GLmethod.vertexAttrib4fv = i++; //new
+GLmethod.vertexAttribPointer = i++;
+GLmethod.viewport = i++;
+
+export default GLmethod;
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/gcanvas/context-webgl/GLtype.js b/components/firstui/fui-barcode/gcanvas/context-webgl/GLtype.js
new file mode 100644
index 0000000..cc6d31c
--- /dev/null
+++ b/components/firstui/fui-barcode/gcanvas/context-webgl/GLtype.js
@@ -0,0 +1,23 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 86  1    40  72549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+const GLtype = {};
+
+[
+    "GLbitfield",
+    "GLboolean",
+    "GLbyte",
+    "GLclampf",
+    "GLenum",
+    "GLfloat",
+    "GLint",
+    "GLintptr",
+    "GLsizei",
+    "GLsizeiptr",
+    "GLshort",
+    "GLubyte",
+    "GLuint",
+    "GLushort"
+].sort().map((typeName, i) => GLtype[typeName] = 1 >> (i + 1));
+
+export default GLtype;
+
+
diff --git a/components/firstui/fui-barcode/gcanvas/context-webgl/Program.js b/components/firstui/fui-barcode/gcanvas/context-webgl/Program.js
new file mode 100644
index 0000000..119f51b
--- /dev/null
+++ b/components/firstui/fui-barcode/gcanvas/context-webgl/Program.js
@@ -0,0 +1,22 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8  61  4  0 7 2 549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLProgram';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLProgram {
+    className = name;
+
+    constructor(id) {
+        this.id = id;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/gcanvas/context-webgl/Renderbuffer.js b/components/firstui/fui-barcode/gcanvas/context-webgl/Renderbuffer.js
new file mode 100644
index 0000000..1fbd52f
--- /dev/null
+++ b/components/firstui/fui-barcode/gcanvas/context-webgl/Renderbuffer.js
@@ -0,0 +1,22 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  186  140 7 2 5   49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLRenderBuffer';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLRenderbuffer {
+    className = name;
+
+    constructor(id) {
+        this.id = id;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/gcanvas/context-webgl/RenderingContext.js b/components/firstui/fui-barcode/gcanvas/context-webgl/RenderingContext.js
new file mode 100644
index 0000000..b3990c6
--- /dev/null
+++ b/components/firstui/fui-barcode/gcanvas/context-webgl/RenderingContext.js
@@ -0,0 +1,1192 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18   6   1  40 7254 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import GLenum from './GLenum';
+import ActiveInfo from './ActiveInfo';
+import Buffer from './Buffer';
+import Framebuffer from './Framebuffer';
+import Renderbuffer from './Renderbuffer';
+import Texture from './Texture';
+import Program from './Program';
+import Shader from './Shader';
+import ShaderPrecisionFormat from './ShaderPrecisionFormat';
+import UniformLocation from './UniformLocation';
+import GLmethod from './GLmethod';
+
+const processArray = (array, checkArrayType = false) => {
+
+    function joinArray(arr, sep) {
+        let res = '';
+        for (let i = 0; i < arr.length; i++) {
+            if (i !== 0) {
+                res += sep;
+            }
+            res += arr[i];
+        }
+        return res;
+    }
+
+    let type = 'Float32Array';
+    if (checkArrayType) {
+        if (array instanceof Uint8Array) {
+            type = 'Uint8Array'
+        } else if (array instanceof Uint16Array) {
+            type = 'Uint16Array';
+        } else if (array instanceof Uint32Array) {
+            type = 'Uint32Array';
+        } else if (array instanceof Float32Array) {
+            type = 'Float32Array';
+        } else {
+            throw new Error('Check array type failed. Array type is ' + typeof array);
+        }
+    }
+
+    const ArrayTypes = {
+        Uint8Array: 1,
+        Uint16Array: 2,
+        Uint32Array: 4,
+        Float32Array: 14
+    };
+    return ArrayTypes[type] + ',' + btoa(joinArray(array, ','))
+}
+
+export default class WebGLRenderingContext {
+
+    // static GBridge = null;
+
+    className = 'WebGLRenderingContext';
+
+    constructor(canvas, type, attrs) {
+        this._canvas = canvas;
+        this._type = type;
+        this._version = 'WebGL 1.0';
+        this._attrs = attrs;
+        this._map = new Map();
+
+        Object.keys(GLenum)
+            .forEach(name => Object.defineProperty(this, name, {
+                value: GLenum[name]
+            }));
+    }
+
+    get canvas() {
+        return this._canvas;
+    }
+
+    activeTexture = function (textureUnit) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.activeTexture + ',' + textureUnit,
+            true
+        );
+    }
+
+    attachShader = function (progarm, shader) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.attachShader + ',' + progarm.id + ',' + shader.id,
+            true
+        );
+    }
+
+    bindAttribLocation = function (program, index, name) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindAttribLocation + ',' + program.id + ',' + index + ',' + name,
+            true
+        )
+    }
+
+    bindBuffer = function (target, buffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindBuffer + ',' + target + ',' + (buffer ? buffer.id : 0),
+            true
+        );
+    }
+
+    bindFramebuffer = function (target, framebuffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindFramebuffer + ',' + target + ',' + (framebuffer ? framebuffer.id : 0),
+            true
+        )
+    }
+
+    bindRenderbuffer = function (target, renderBuffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindRenderbuffer + ',' + target + ',' + (renderBuffer ? renderBuffer.id : 0),
+            true
+        )
+    }
+
+    bindTexture = function (target, texture) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindTexture + ',' + target + ',' + (texture ? texture.id : 0),
+            true
+        )
+    }
+
+    blendColor = function (r, g, b, a) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendColor + ',' + target + ',' + r + ',' + g + ',' + b + ',' + a,
+            true
+        )
+    }
+
+    blendEquation = function (mode) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendEquation + ',' + mode,
+            true
+        )
+    }
+
+    blendEquationSeparate = function (modeRGB, modeAlpha) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendEquationSeparate + ',' + modeRGB + ',' + modeAlpha,
+            true
+        )
+    }
+
+
+    blendFunc = function (sfactor, dfactor) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendFunc + ',' + sfactor + ',' + dfactor,
+            true
+        );
+    }
+
+    blendFuncSeparate = function (srcRGB, dstRGB, srcAlpha, dstAlpha) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendFuncSeparate + ',' + srcRGB + ',' + dstRGB + ',' + srcAlpha + ',' + dstAlpha,
+            true
+        );
+    }
+
+    bufferData = function (target, data, usage) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bufferData + ',' + target + ',' + processArray(data, true) + ',' + usage,
+            true
+        )
+    }
+
+    bufferSubData = function (target, offset, data) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bufferSubData + ',' + target + ',' + offset + ',' + processArray(data, true),
+            true
+        )
+    }
+
+    checkFramebufferStatus = function (target) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.checkFramebufferStatus + ',' + target
+        );
+        return Number(result);
+    }
+
+    clear = function (mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.clear + ',' + mask
+        );
+        this._canvas._needRender = true;
+    }
+
+    clearColor = function (r, g, b, a) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.clearColor + ',' + r + ',' + g + ',' + b,
+            true
+        )
+    }
+
+    clearDepth = function (depth) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.clearDepth + ',' + depth,
+            true
+        )
+    }
+
+    clearStencil = function (s) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.clearStencil + ',' + s
+        );
+    }
+
+    colorMask = function (r, g, b, a) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.colorMask + ',' + r + ',' + g + ',' + b + ',' + a
+        )
+    }
+
+    compileShader = function (shader) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.compileShader + ',' + shader.id,
+            true
+        )
+    }
+
+    compressedTexImage2D = function (target, level, internalformat, width, height, border, pixels) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.compressedTexImage2D + ',' + target + ',' + level + ',' + internalformat + ',' +
+            width + ',' + height + ',' + border + ',' + processArray(pixels),
+            true
+        )
+    }
+
+    compressedTexSubImage2D = function (target, level, xoffset, yoffset, width, height, format, pixels) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.compressedTexSubImage2D + ',' + target + ',' + level + ',' + xoffset + ',' + yoffset + ',' +
+            width + ',' + height + ',' + format + ',' + processArray(pixels),
+            true
+        )
+    }
+
+
+    copyTexImage2D = function (target, level, internalformat, x, y, width, height, border) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.copyTexImage2D + ',' + target + ',' + level + ',' + internalformat + ',' + x + ',' + y + ',' +
+            width + ',' + height + ',' + border,
+            true
+        );
+    }
+
+    copyTexSubImage2D = function (target, level, xoffset, yoffset, x, y, width, height) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.copyTexSubImage2D + ',' + target + ',' + level + ',' + xoffset + ',' + yoffset + ',' + x + ',' + y + ',' +
+            width + ',' + height
+        );
+    }
+
+    createBuffer = function () {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createBuffer + ''
+        );
+        const buffer = new Buffer(result);
+        this._map.set(buffer.uuid(), buffer);
+        return buffer;
+    }
+
+    createFramebuffer = function () {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createFramebuffer + ''
+        );
+        const framebuffer = new Framebuffer(result);
+        this._map.set(framebuffer.uuid(), framebuffer);
+        return framebuffer;
+    }
+
+
+    createProgram = function () {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createProgram + ''
+        );
+        const program = new Program(id);
+        this._map.set(program.uuid(), program);
+        return program;
+    }
+
+    createRenderbuffer = function () {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createRenderbuffer + ''
+        )
+        const renderBuffer = new Renderbuffer(id);
+        this._map.set(renderBuffer.uuid(), renderBuffer);
+        return renderBuffer;
+    }
+
+    createShader = function (type) {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createShader + ',' + type
+        )
+        const shader = new Shader(id, type);
+        this._map.set(shader.uuid(), shader);
+        return shader;
+    }
+
+    createTexture = function () {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createTexture + ''
+        );
+        const texture = new Texture(id);
+        this._map.set(texture.uuid(), texture);
+        return texture;
+    }
+
+    cullFace = function (mode) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.cullFace + ',' + mode,
+            true
+        )
+    }
+
+
+    deleteBuffer = function (buffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteBuffer + ',' + buffer.id,
+            true
+        )
+    }
+
+    deleteFramebuffer = function (framebuffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteFramebuffer + ',' + framebuffer.id,
+            true
+        )
+    }
+
+    deleteProgram = function (program) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteProgram + ',' + program.id,
+            true
+        )
+    }
+
+    deleteRenderbuffer = function (renderbuffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteRenderbuffer + ',' + renderbuffer.id,
+            true
+        )
+    }
+
+    deleteShader = function (shader) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteShader + ',' + shader.id,
+            true
+        )
+    }
+
+    deleteTexture = function (texture) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteTexture + ',' + texture.id,
+            true
+        )
+    }
+
+    depthFunc = function (func) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.depthFunc + ',' + func
+        )
+    }
+
+    depthMask = function (flag) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.depthMask + ',' + Number(flag),
+            true
+        )
+    }
+
+    depthRange = function (zNear, zFar) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.depthRange + ',' + zNear + ',' + zFar,
+            true
+        )
+    }
+
+    detachShader = function (program, shader) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.detachShader + ',' + program.id + ',' + shader.id,
+            true
+        )
+    }
+
+    disable = function (cap) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.disable + ',' + cap,
+            true
+        )
+    }
+
+    disableVertexAttribArray = function (index) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.disableVertexAttribArray + ',' + index,
+            true
+        );
+    }
+
+    drawArrays = function (mode, first, count) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.drawArrays + ',' + mode + ',' + first + ',' + count
+        )
+        this._canvas._needRender = true;
+    }
+
+    drawElements = function (mode, count, type, offset) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.drawElements + ',' + mode + ',' + count + ',' + type + ',' + offset + ';'
+        );
+        this._canvas._needRender = true;
+    }
+
+    enable = function (cap) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.enable + ',' + cap,
+            true
+        );
+    }
+
+    enableVertexAttribArray = function (index) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.enableVertexAttribArray + ',' + index,
+            true
+        )
+    }
+
+
+    flush = function () {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.flush + ''
+        )
+    }
+
+    framebufferRenderbuffer = function (target, attachment, textarget, texture, level) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.framebufferRenderbuffer + ',' + target + ',' + attachment + ',' + textarget + ',' + (texture ? texture.id : 0) + ',' + level,
+            true
+        )
+    }
+
+    framebufferTexture2D = function (target, attachment, textarget, texture, level) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.framebufferTexture2D + ',' + target + ',' + attachment + ',' + textarget + ',' + (texture ? texture.id : 0) + ',' + level,
+            true
+        )
+    }
+
+    frontFace = function (mode) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.frontFace + ',' + mode,
+            true
+        )
+    }
+
+    generateMipmap = function (target) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.generateMipmap + ',' + target,
+            true
+        )
+    }
+
+    getActiveAttrib = function (progarm, index) {
+        const resultString = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getActiveAttrib + ',' + progarm.id + ',' + index
+        )
+        const [type, size, name] = resultString.split(',');
+        return new ActiveInfo({
+            type: Number(type),
+            size: Number(size),
+            name
+        });
+    }
+
+    getActiveUniform = function (progarm, index) {
+        const resultString = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getActiveUniform + ',' + progarm.id + ',' + index
+        );
+        const [type, size, name] = resultString.split(',');
+        return new ActiveInfo({
+            type: Number(type),
+            size: Number(size),
+            name
+        })
+    }
+
+    getAttachedShaders = function (progarm) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getAttachedShaders + ',' + progarm.id
+        );
+        const [type, ...ids] = result;
+        return ids.map(id => this._map.get(Shader.uuid(id)));
+    }
+
+    getAttribLocation = function (progarm, name) {
+        return WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getAttribLocation + ',' + progarm.id + ',' + name
+        )
+    }
+
+    getBufferParameter = function (target, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getBufferParameter + ',' + target + ',' + pname
+        );
+        const [type, res] = getBufferParameter;
+        return res;
+    }
+
+    getError = function () {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getError + ''
+        )
+        return result;
+    }
+
+    getExtension = function (name) {
+        return null;
+    }
+
+    getFramebufferAttachmentParameter = function (target, attachment, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getFramebufferAttachmentParameter + ',' + target + ',' + attachment + ',' + pname
+        )
+        switch (pname) {
+            case GLenum.FRAMEBUFFER_ATTACHMENT_OBJECT_NAME:
+                return this._map.get(Renderbuffer.uuid(result)) || this._map.get(Texture.uuid(result)) || null;
+            default:
+                return result;
+        }
+    }
+
+    getParameter = function (pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getParameter + ',' + pname
+        )
+        switch (pname) {
+            case GLenum.VERSION:
+                return this._version;
+            case GLenum.ARRAY_BUFFER_BINDING: // buffer
+            case GLenum.ELEMENT_ARRAY_BUFFER_BINDING: // buffer
+                return this._map.get(Buffer.uuid(result)) || null;
+            case GLenum.CURRENT_PROGRAM: // program
+                return this._map.get(Program.uuid(result)) || null;
+            case GLenum.FRAMEBUFFER_BINDING: // framebuffer
+                return this._map.get(Framebuffer.uuid(result)) || null;
+            case GLenum.RENDERBUFFER_BINDING: // renderbuffer
+                return this._map.get(Renderbuffer.uuid(result)) || null;
+            case GLenum.TEXTURE_BINDING_2D: // texture
+            case GLenum.TEXTURE_BINDING_CUBE_MAP: // texture
+                return this._map.get(Texture.uuid(result)) || null;
+            case GLenum.ALIASED_LINE_WIDTH_RANGE: // Float32Array
+            case GLenum.ALIASED_POINT_SIZE_RANGE: // Float32Array
+            case GLenum.BLEND_COLOR: // Float32Array
+            case GLenum.COLOR_CLEAR_VALUE: // Float32Array
+            case GLenum.DEPTH_RANGE: // Float32Array
+            case GLenum.MAX_VIEWPORT_DIMS: // Int32Array
+            case GLenum.SCISSOR_BOX: // Int32Array
+            case GLenum.VIEWPORT: // Int32Array
+            case GLenum.COMPRESSED_TEXTURE_FORMATS: // Uint32Array
+            default:
+                const [type, ...res] = result.split(',');
+                if (res.length === 1) {
+                    return Number(res[0]);
+                } else {
+                    return res.map(Number);
+                }
+        }
+    }
+
+    getProgramInfoLog = function (progarm) {
+        return WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getProgramInfoLog + ',' + progarm.id
+        )
+    }
+
+    getProgramParameter = function (program, pname) {
+        const res = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getProgramParameter + ',' + program.id + ',' + pname
+        );
+
+        const [type, result] = res.split(',').map(i => parseInt(i));
+
+        if (type === 1) {
+            return Boolean(result);
+        } else if (type === 2) {
+            return result;
+        } else {
+            throw new Error('Unrecongized program paramater ' + res + ', type: ' + typeof res);
+        }
+    }
+
+
+    getRenderbufferParameter = function (target, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getRenderbufferParameter + ',' + target + ',' + pname
+        )
+        return result;
+    }
+
+
+    getShaderInfoLog = function (shader) {
+        return WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getShaderInfoLog + ',' + shader.id
+        );
+    }
+
+    getShaderParameter = function (shader, pname) {
+        return WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getShaderParameter + ',' + shader.id + ',' + pname
+        )
+    }
+
+    getShaderPrecisionFormat = function (shaderType, precisionType) {
+        const [rangeMin, rangeMax, precision] = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getShaderPrecisionFormat + ',' + shaderType + ',' + precisionType
+        );
+        const shaderPrecisionFormat = new ShaderPrecisionFormat({
+            rangeMin: Number(rangeMin),
+            rangeMax: Number(rangeMax),
+            precision: Number(precision)
+        });
+        return shaderPrecisionFormat;
+    }
+
+    getShaderSource = function (shader) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getShaderSource + ',' + shader.id
+        );
+        return result;
+    }
+
+    getSupportedExtensions = function () {
+        return Object.keys({});
+    }
+
+    getTexParameter = function (target, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getTexParameter + ',' + target + ',' + pname
+        )
+        return result;
+    }
+
+    getUniformLocation = function (program, name) {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getUniformLocation + ',' + program.id + ',' + name
+        );
+        if (id === -1) {
+            return null;
+        } else {
+            return new UniformLocation(Number(id));
+        }
+    }
+
+    getVertexAttrib = function (index, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getVertexAttrib + ',' + index + ',' + pname
+        );
+        switch (pname) {
+            case GLenum.VERTEX_ATTRIB_ARRAY_BUFFER_BINDING:
+                return this._map.get(Buffer.uuid(result)) || null;
+            case GLenum.CURRENT_VERTEX_ATTRIB: // Float32Array
+            default:
+                return result;
+        }
+    }
+
+    getVertexAttribOffset = function (index, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getVertexAttribOffset + ',' + index + ',' + pname
+        )
+        return Number(result);
+    }
+
+    isBuffer = function (buffer) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isBuffer + ',' + buffer.id
+        )
+        return Boolean(result);
+    }
+
+    isContextLost = function () {
+        return false;
+    }
+
+    isEnabled = function (cap) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isEnabled + ',' + cap
+        )
+        return Boolean(result);
+    }
+
+    isFramebuffer = function (framebuffer) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isFramebuffer + ',' + framebuffer.id
+        )
+        return Boolean(result);
+    }
+
+    isProgram = function (program) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isProgram + ',' + program.id
+        )
+        return Boolean(result);
+    }
+
+    isRenderbuffer = function (renderBuffer) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isRenderbuffer + ',' + renderbuffer.id
+        )
+        return Boolean(result);
+    }
+
+    isShader = function (shader) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isShader + ',' + shader.id
+        )
+        return Boolean(result);
+    }
+
+    isTexture = function (texture) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isTexture + ',' + texture.id
+        );
+        return Boolean(result);
+    }
+
+    lineWidth = function (width) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.lineWidth + ',' + width,
+            true
+        )
+    }
+
+    linkProgram = function (program) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.linkProgram + ',' + program.id,
+            true
+        );
+    }
+
+
+    pixelStorei = function (pname, param) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.pixelStorei + ',' + pname + ',' + Number(param)
+        )
+    }
+
+    polygonOffset = function (factor, units) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.polygonOffset + ',' + factor + ',' + units
+        )
+    }
+
+    readPixels = function (x, y, width, height, format, type, pixels) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.readPixels + ',' + x + ',' + y + ',' + width + ',' + height + ',' + format + ',' + type
+        )
+        return result;
+    }
+
+    renderbufferStorage = function (target, internalFormat, width, height) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.renderbufferStorage + ',' + target + ',' + internalFormat + ',' + width + ',' + height,
+            true
+        )
+    }
+
+    sampleCoverage = function (value, invert) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.sampleCoverage + ',' + value + ',' + Number(invert),
+            true
+        )
+    }
+
+    scissor = function (x, y, width, height) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.scissor + ',' + x + ',' + y + ',' + width + ',' + height,
+            true
+        )
+    }
+
+    shaderSource = function (shader, source) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.shaderSource + ',' + shader.id + ',' + source
+        )
+    }
+
+    stencilFunc = function (func, ref, mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilFunc + ',' + func + ',' + ref + ',' + mask,
+            true
+        )
+    }
+
+    stencilFuncSeparate = function (face, func, ref, mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilFuncSeparate + ',' + face + ',' + func + ',' + ref + ',' + mask,
+            true
+        )
+    }
+
+    stencilMask = function (mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilMask + ',' + mask,
+            true
+        )
+    }
+
+    stencilMaskSeparate = function (face, mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilMaskSeparate + ',' + face + ',' + mask,
+            true
+        )
+    }
+
+    stencilOp = function (fail, zfail, zpass) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilOp + ',' + fail + ',' + zfail + ',' + zpass
+        )
+    }
+
+    stencilOpSeparate = function (face, fail, zfail, zpass) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilOp + ',' + face + ',' + fail + ',' + zfail + ',' + zpass,
+            true
+        )
+    }
+
+    texImage2D = function (...args) {
+        WebGLRenderingContext.GBridge.texImage2D(this._canvas.id, ...args);
+    }
+
+
+    texParameterf = function (target, pname, param) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.texParameterf + ',' + target + ',' + pname + ',' + param,
+            true
+        )
+    }
+
+    texParameteri = function (target, pname, param) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.texParameteri + ',' + target + ',' + pname + ',' + param
+        )
+    }
+
+    texSubImage2D = function (...args) {
+        WebGLRenderingContext.GBridge.texSubImage2D(this._canvas.id, ...args);
+    }
+
+    uniform1f = function (location, v0) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform1f + ',' + location.id + ',' + v0
+        )
+    }
+
+    uniform1fv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform1fv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform1i = function (location, v0) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform1i + ',' + location.id + ',' + v0,
+            // true
+        )
+    }
+
+    uniform1iv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform1iv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform2f = function (location, v0, v1) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform2f + ',' + location.id + ',' + v0 + ',' + v1,
+            true
+        )
+    }
+
+    uniform2fv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform2fv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform2i = function (location, v0, v1) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform2i + ',' + location.id + ',' + v0 + ',' + v1,
+            true
+        )
+    }
+
+    uniform2iv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform2iv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform3f = function (location, v0, v1, v2) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform3f + ',' + location.id + ',' + v0 + ',' + v1 + ',' + v2,
+            true
+        )
+    }
+
+    uniform3fv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform3fv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform3i = function (location, v0, v1, v2) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform3i + ',' + location.id + ',' + v0 + ',' + v1 + ',' + v2,
+            true
+        )
+    }
+
+    uniform3iv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform3iv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform4f = function (location, v0, v1, v2, v3) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform4f + ',' + location.id + ',' + v0 + ',' + v1 + ',' + v2 + ',' + v3,
+            true
+        )
+    }
+
+    uniform4fv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform4fv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform4i = function (location, v0, v1, v2, v3) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform4i + ',' + location.id + ',' + v0 + ',' + v1 + ',' + v2 + ',' + v3,
+            true
+        )
+    }
+
+    uniform4iv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform4iv + ',' + location.id + ',' + processArray(value, true),
+            true
+        )
+    }
+
+    uniformMatrix2fv = function (location, transpose, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniformMatrix2fv + ',' + location.id + ',' + Number(transpose) + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniformMatrix3fv = function (location, transpose, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniformMatrix3fv + ',' + location.id + ',' + Number(transpose) + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniformMatrix4fv = function (location, transpose, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniformMatrix4fv + ',' + location.id + ',' + Number(transpose) + ',' + processArray(value),
+            true
+        );
+    }
+
+    useProgram = function (progarm) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.useProgram + ',' + progarm.id + '',
+            true
+        )
+    }
+
+
+    validateProgram = function (program) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.validateProgram + ',' + program.id,
+            true
+        )
+    }
+
+    vertexAttrib1f = function (index, v0) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib1f + ',' + index + ',' + v0,
+            true
+        )
+    }
+
+    vertexAttrib2f = function (index, v0, v1) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib2f + ',' + index + ',' + v0 + ',' + v1,
+            true
+        )
+    }
+
+    vertexAttrib3f = function (index, v0, v1, v2) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib3f + ',' + index + ',' + v0 + ',' + v1 + ',' + v2,
+            true
+        )
+    }
+
+    vertexAttrib4f = function (index, v0, v1, v2, v3) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib4f + ',' + index + ',' + v0 + ',' + v1 + ',' + v2 + ',' + v3,
+            true
+        )
+    }
+
+    vertexAttrib1fv = function (index, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib1fv + ',' + index + ',' + processArray(value),
+            true
+        )
+    }
+
+    vertexAttrib2fv = function (index, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib2fv + ',' + index + ',' + processArray(value),
+            true
+        )
+    }
+
+    vertexAttrib3fv = function (index, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib3fv + ',' + index + ',' + processArray(value),
+            true
+        )
+    }
+
+    vertexAttrib4fv = function (index, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib4fv + ',' + index + ',' + processArray(value),
+            true
+        )
+    }
+
+    vertexAttribPointer = function (index, size, type, normalized, stride, offset) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttribPointer + ',' + index + ',' + size + ',' + type + ',' + Number(normalized) + ',' + stride + ',' + offset,
+            true
+        )
+    }
+
+    viewport = function (x, y, width, height) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.viewport + ',' + x + ',' + y + ',' + width + ',' + height,
+            true
+        )
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/gcanvas/context-webgl/Shader.js b/components/firstui/fui-barcode/gcanvas/context-webgl/Shader.js
new file mode 100644
index 0000000..aa51b55
--- /dev/null
+++ b/components/firstui/fui-barcode/gcanvas/context-webgl/Shader.js
@@ -0,0 +1,23 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8  6 140  7  2 5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLShader';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLShader {
+    className = name;
+
+    constructor(id, type) {
+        this.id = id;
+        this.type = type;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/gcanvas/context-webgl/ShaderPrecisionFormat.js b/components/firstui/fui-barcode/gcanvas/context-webgl/ShaderPrecisionFormat.js
new file mode 100644
index 0000000..ab2f3f2
--- /dev/null
+++ b/components/firstui/fui-barcode/gcanvas/context-webgl/ShaderPrecisionFormat.js
@@ -0,0 +1,12 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1   86    140 7 254 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export default class WebGLShaderPrecisionFormat {
+    className = 'WebGLShaderPrecisionFormat';
+
+    constructor({
+        rangeMin, rangeMax, precision
+    }) {
+        this.rangeMin = rangeMin;
+        this.rangeMax = rangeMax;
+        this.precision = precision;
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/gcanvas/context-webgl/Texture.js b/components/firstui/fui-barcode/gcanvas/context-webgl/Texture.js
new file mode 100644
index 0000000..757ff5a
--- /dev/null
+++ b/components/firstui/fui-barcode/gcanvas/context-webgl/Texture.js
@@ -0,0 +1,23 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 186   1   407 2 5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLTexture';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLTexture {
+    className = name;
+
+    constructor(id, type) {
+        this.id = id;
+        this.type = type;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/gcanvas/context-webgl/UniformLocation.js b/components/firstui/fui-barcode/gcanvas/context-webgl/UniformLocation.js
new file mode 100644
index 0000000..73d75f4
--- /dev/null
+++ b/components/firstui/fui-barcode/gcanvas/context-webgl/UniformLocation.js
@@ -0,0 +1,23 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  18 61 40   7 254  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLUniformLocation';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLUniformLocation {
+    className = name;
+
+    constructor(id, type) {
+        this.id = id;
+        this.type = type;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/gcanvas/context-webgl/classUtils.js b/components/firstui/fui-barcode/gcanvas/context-webgl/classUtils.js
new file mode 100644
index 0000000..0def665
--- /dev/null
+++ b/components/firstui/fui-barcode/gcanvas/context-webgl/classUtils.js
@@ -0,0 +1,4 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：   1 86  14 0  7 2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export function getTransferedObjectUUID(name, id) {
+    return `${name.toLowerCase()}-${id}`;
+}
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/gcanvas/env/canvas.js b/components/firstui/fui-barcode/gcanvas/env/canvas.js
new file mode 100644
index 0000000..d645d1e
--- /dev/null
+++ b/components/firstui/fui-barcode/gcanvas/env/canvas.js
@@ -0,0 +1,75 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1  86 1 4 0 72  54 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import GContext2D from '../context-2d/RenderingContext';
+import GContextWebGL from '../context-webgl/RenderingContext';
+
+export default class GCanvas {
+
+    // static GBridge = null;
+
+    id = null;
+
+    _needRender = true;
+
+    constructor(id, { disableAutoSwap }) {
+        this.id = id;
+
+        this._disableAutoSwap = disableAutoSwap;
+        if (disableAutoSwap) {
+            this._swapBuffers = () => {
+                GCanvas.GBridge.render(this.id);
+            }
+        }
+    }
+
+    getContext(type) {
+
+        let context = null;
+
+        if (type.match(/webgl/i)) {
+            context = new GContextWebGL(this);
+
+            context.componentId = this.id;
+
+            if (!this._disableAutoSwap) {
+                const render = () => {
+                    if (this._needRender) {
+                        GCanvas.GBridge.render(this.id);
+                        this._needRender = false;
+                    }
+                }
+                setInterval(render, 16);
+            }
+
+            GCanvas.GBridge.callSetContextType(this.id, 1); // 0 for 2d; 1 for webgl
+        } else if (type.match(/2d/i)) {
+            context = new GContext2D(this);
+
+            context.componentId = this.id;
+
+//             const render = ( callback ) => {
+//
+//                 const commands = context._drawCommands;
+//                 context._drawCommands = '';
+//
+//                 GCanvas.GBridge.render2d(this.id, commands, callback);
+//                 this._needRender = false;
+//             }
+// 			//draw方法触发
+// 			context._flush = render;
+//             //setInterval(render, 16);
+
+            GCanvas.GBridge.callSetContextType(this.id, 0);
+        } else {
+            throw new Error('not supported context ' + type);
+        }
+
+        return context;
+
+    }
+
+    reset() {
+        GCanvas.GBridge.callReset(this.id);
+    }
+
+
+}
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/gcanvas/env/image.js b/components/firstui/fui-barcode/gcanvas/env/image.js
new file mode 100644
index 0000000..e6fdd3b
--- /dev/null
+++ b/components/firstui/fui-barcode/gcanvas/env/image.js
@@ -0,0 +1,97 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186 1      40725   49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+let incId = 1;
+
+const noop = function () { };
+
+class GImage {
+
+    static GBridge = null;
+
+    constructor() {
+        this._id = incId++;
+        this._width = 0;
+        this._height = 0;
+        this._src = undefined;
+        this._onload = noop;
+        this._onerror = noop;
+        this.complete = false;
+    }
+
+    get width() {
+        return this._width;
+    }
+    set width(v) {
+        this._width = v;
+    }
+
+    get height() {
+        return this._height;
+    }
+
+    set height(v) {
+        this._height = v;
+    }
+
+    get src() {
+        return this._src;
+    }
+
+    set src(v) {
+
+        if (v.startsWith('//')) {
+            v = 'http:' + v;
+        }
+
+        this._src = v;
+
+        GImage.GBridge.perloadImage([this._src, this._id], (data) => {
+            if (typeof data === 'string') {
+                data = JSON.parse(data);
+            }
+            if (data.error) {
+                var evt = { type: 'error', target: this };
+                this.onerror(evt);
+            } else {
+                this.complete = true;
+                this.width = typeof data.width === 'number' ? data.width : 0;
+                this.height = typeof data.height === 'number' ? data.height : 0;
+                var evt = { type: 'load', target: this };
+                this.onload(evt);
+            }
+        });
+    }
+
+    addEventListener(name, listener) {
+        if (name === 'load') {
+            this.onload = listener;
+        } else if (name === 'error') {
+            this.onerror = listener;
+        }
+    }
+
+    removeEventListener(name, listener) {
+        if (name === 'load') {
+            this.onload = noop;
+        } else if (name === 'error') {
+            this.onerror = noop;
+        }
+    }
+
+    get onload() {
+        return this._onload;
+    }
+
+    set onload(v) {
+        this._onload = v;
+    }
+
+    get onerror() {
+        return this._onerror;
+    }
+
+    set onerror(v) {
+        this._onerror = v;
+    }
+}
+
+export default GImage;
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/gcanvas/env/tool.js b/components/firstui/fui-barcode/gcanvas/env/tool.js
new file mode 100644
index 0000000..9bc0eaf
--- /dev/null
+++ b/components/firstui/fui-barcode/gcanvas/env/tool.js
@@ -0,0 +1,25 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1    86   14  07 2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+
+export function ArrayBufferToBase64 (buffer) {
+    var binary = '';
+    var bytes = new Uint8ClampedArray(buffer);
+    for (var len = bytes.byteLength, i = 0; i < len; i++) {
+        binary += String.fromCharCode(bytes[i]);
+    }
+    return btoa(binary);
+}
+
+export function Base64ToUint8ClampedArray(base64String) {
+	const padding = '='.repeat((4 - base64String.length % 4) % 4);
+	const base64 = (base64String + padding)
+		.replace(/\-/g, '+')
+		.replace(/_/g, '/');
+
+	const rawData = atob(base64);
+	const outputArray = new Uint8ClampedArray(rawData.length);
+
+	for (let i = 0; i < rawData.length; ++i) {
+		outputArray[i] = rawData.charCodeAt(i);
+	}
+	return outputArray;
+}
\ No newline at end of file
diff --git a/components/firstui/fui-barcode/gcanvas/index.js b/components/firstui/fui-barcode/gcanvas/index.js
new file mode 100644
index 0000000..4063311
--- /dev/null
+++ b/components/firstui/fui-barcode/gcanvas/index.js
@@ -0,0 +1,48 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1  8   61 40725 4   9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import GCanvas from './env/canvas';
+import GImage from './env/image';
+
+import GWebGLRenderingContext from './context-webgl/RenderingContext';
+import GContext2D from './context-2d/RenderingContext';
+
+import GBridgeWeex from './bridge/bridge-weex';
+
+export let Image = GImage;
+
+export let WeexBridge = GBridgeWeex;
+
+export function enable(el, {
+	bridge,
+	debug,
+	disableAutoSwap,
+	disableComboCommands
+} = {}) {
+
+	const GBridge = GImage.GBridge = GCanvas.GBridge = GWebGLRenderingContext.GBridge = GContext2D.GBridge = bridge;
+
+	GBridge.callEnable(el.ref, [
+		0, // renderMode: 0--RENDERMODE_WHEN_DIRTY, 1--RENDERMODE_CONTINUOUSLY
+		-1, // hybridLayerType:  0--LAYER_TYPE_NONE 1--LAYER_TYPE_SOFTWARE 2--LAYER_TYPE_HARDWARE
+		false, // supportScroll
+		false, // newCanvasMode
+		1, // compatible
+		'white', // clearColor
+		false // sameLevel: newCanvasMode = true && true => GCanvasView and Webview is same level
+	]);
+
+	if (debug === true) {
+		GBridge.callEnableDebug();
+	}
+	if (disableComboCommands) {
+		GBridge.callEnableDisableCombo();
+	}
+
+	var canvas = new GCanvas(el.ref, {
+		disableAutoSwap
+	});
+	let pixelRatio = uni.getSystemInfoSync().pixelRatio;
+	canvas.width = el.style.width * pixelRatio;
+	canvas.height = el.style.height * pixelRatio;
+
+	return canvas;
+};
\ No newline at end of file
diff --git a/components/firstui/fui-bottom-navbar/fui-bottom-navbar.vue b/components/firstui/fui-bottom-navbar/fui-bottom-navbar.vue
new file mode 100644
index 0000000..9904f1c
--- /dev/null
+++ b/components/firstui/fui-bottom-navbar/fui-bottom-navbar.vue
@@ -0,0 +1,276 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：    18 614  07 254  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-bottom__navbar-wrap" :class="{'fui-bottom__navbar-fixed':isFixed}"
+		:style="{background:background,zIndex:zIndex}">
+		<view class="fui-bottom__navbar-inner" :class="{'fui-bottom__navbar-border':isBorder}"
+			:style="{height:height+'rpx',borderTopColor:isBorder && isNvue?lineColor:'transparent'}">
+			<view class="fui-bottom__navbar-item" :style="{height:height+'rpx'}" v-for="(item,index) in tabs"
+				:key="index" @tap="itemClick(index)">
+				<fui-icon :name="item.name" :size="item.size || 24" :color="item.color || color" v-if="item.name">
+				</fui-icon>
+				<image :src="item.src" :style="{width:(item.width || 40)+'rpx',height:(item.height || 40)+'rpx'}"
+					v-if="item.src && !item.name"></image>
+				<text
+					:style="{fontSize:size+'rpx',color:color,fontWeight:fontWeight,paddingLeft:(item.name || item.src?left:0)+'rpx'}">{{item.text}}</text>
+				<view class="fui-bottom__navbar-line" :style="{borderRightColor:lineColor}"
+					v-if="index!==tabs.length-1 && isDivider"></view>
+			</view>
+		</view>
+		<view class="fui-bn__safe-area" :class="{'fui-bn__safe-weex':iphoneX}"
+			v-if="(iphoneX || !isNvue) && isFixed && safeArea">
+		</view>
+	</view>
+</template>
+
+<script>
+	//非easycom模式取消注释引入字体组件，按实际路径进行调整
+	// import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
+	export default {
+		name: "fui-bottom-navbar",
+		emits: ['init', 'click'],
+		// components:{
+		// 	fuiIcon
+		// },
+		props: {
+			items: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			height: {
+				type: [Number, String],
+				default: 100
+			},
+			size: {
+				type: [Number, String],
+				default: 28
+			},
+			fontWeight: {
+				type: [Number, String],
+				default: 400
+			},
+			color: {
+				type: String,
+				default: '#333333'
+			},
+			left: {
+				type: [Number, String],
+				default: 0
+			},
+			background: {
+				type: String,
+				default: '#FFFFFF'
+			},
+			isBorder: {
+				type: Boolean,
+				default: true
+			},
+			isDivider: {
+				type: Boolean,
+				default: true
+			},
+			lineColor: {
+				type: String,
+				default: '#EEEEEE'
+			},
+			isFixed: {
+				type: Boolean,
+				default: true
+			},
+			zIndex: {
+				type: [Number, String],
+				default: 900
+			},
+			//是否适配底部安全区
+			safeArea: {
+				type: Boolean,
+				default: true
+			}
+		},
+		data() {
+			let isNvue = false
+			// #ifdef APP-NVUE
+			isNvue = true
+			// #endif
+			return {
+				tabs: [],
+				iphoneX: false,
+				isNvue: isNvue
+			};
+		},
+		created() {
+			// #ifndef H5
+			this.emitInit()
+			// #endif
+			this.initData(this.items)
+		},
+		// #ifdef H5
+		mounted() {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this.emitInit()
+				}, 50)
+			})
+		},
+		// #endif
+		watch: {
+			items(vals) {
+				this.initData(vals)
+			}
+		},
+		methods: {
+			emitInit() {
+				const res = uni.getSystemInfoSync();
+				let iphonex = this.isPhoneX(res);
+				// #ifdef APP-NVUE || MP-TOUTIAO
+				this.iphoneX = iphonex;
+				// #endif
+				let safeAreaH = iphonex ? 34 : 0
+				this.$emit('init', {
+					height: uni.upx2px(this.height) + safeAreaH,
+					windowWidth: res.windowWidth
+				})
+			},
+			initData(vals) {
+				if (vals && vals.length > 0) {
+					if (typeof vals[0] === 'string') {
+						vals = vals.map(item => {
+							return {
+								text: item
+							}
+						})
+					}
+					this.tabs = vals;
+				}
+			},
+			isPhoneX(res) {
+				if (!this.safeArea) return false;
+				let iphonex = false;
+				let models = ['iphonex', 'iphonexr', 'iphonexsmax', 'iphone11', 'iphone11pro', 'iphone11promax',
+					'iphone12', 'iphone12mini', 'iphone12pro', 'iphone12promax', 'iphone13', 'iphone13mini',
+					'iphone13pro', 'iphone13promax', 'iphone14', 'iphone14mini',
+					'iphone14pro', 'iphone14promax', 'iphone15'
+				]
+				const model = res.model.replace(/\s/g, "").toLowerCase()
+				const newModel = model.split('<')[0]
+				if (models.includes(model) || models.includes(newModel) || (res.safeAreaInsets && res.safeAreaInsets
+						.bottom > 0)) {
+					iphonex = true;
+				}
+				return iphonex;
+			},
+			itemClick(index) {
+				this.$emit('click', {
+					index: index,
+					...this.tabs[index]
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-bottom__navbar-wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+	}
+
+	.fui-bottom__navbar-fixed {
+		position: fixed;
+		left: 0;
+		right: 0;
+		bottom: 0;
+	}
+
+	.fui-bottom__navbar-inner {
+		position: relative;
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+		flex: 1;
+		align-items: center;
+		justify-content: space-between;
+		flex-direction: row;
+	}
+
+	.fui-bottom__navbar-border {
+		/* #ifdef APP-NVUE */
+		border-top-width: 0.5px;
+		border-top-style: solid;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-bottom__navbar-border::before {
+		content: ' ';
+		border-top: 1px solid var(--fui-color-border, #EEEEEE);
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		transform: scaleY(0.5) translateZ(0);
+		transform-origin: 0 0;
+		display: block;
+		z-index: 3;
+	}
+
+	/* #endif */
+	.fui-bottom__navbar-item {
+		flex: 1;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		flex-shrink: 0;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+		position: relative;
+	}
+
+	.fui-bottom__navbar-item:active {
+		background: rgba(0, 0, 0, .2);
+	}
+
+	.fui-bottom__navbar-line {
+		position: absolute;
+		/* #ifdef APP-NVUE */
+		border-right-width: 0.5px;
+		/* #endif */
+		border-right-style: solid;
+		border-right-color: #EEEEEE;
+		/* #ifndef APP-NVUE */
+		border-right-width: 1px;
+		transform: scaleX(0.5) translateZ(0);
+		/* #endif */
+		right: 0;
+		top: 16rpx;
+		bottom: 16rpx;
+	}
+
+	/* #ifdef APP-NVUE || MP-TOUTIAO */
+	.fui-bn__safe-weex {
+		padding-bottom: 34px;
+	}
+
+	/* #endif */
+	.fui-bn__safe-area {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+
+		/* #ifndef APP-NVUE || MP-TOUTIAO */
+		padding-bottom: constant(safe-area-inset-bottom);
+		padding-bottom: env(safe-area-inset-bottom);
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		background-color: transparent;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-bottom-popup/fui-bottom-popup.vue b/components/firstui/fui-bottom-popup/fui-bottom-popup.vue
new file mode 100644
index 0000000..553989c
--- /dev/null
+++ b/components/firstui/fui-bottom-popup/fui-bottom-popup.vue
@@ -0,0 +1,252 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186    1 407   2  549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-bottom__popup-wrap" :class="{'fui-bottom__popwrap-show':show}"
+		:style="{ zIndex: zIndex,background:maskBackground}" @tap.stop="handleClose" @touchmove.stop.prevent="stop"
+		v-if="isShow || !isNvue" ref="fui_bp_mk_ani">
+		<!-- #ifdef APP-NVUE -->
+		<view class="fui-bottom__popup-border" :style="{height:radius+'rpx',background: background}" v-if="radius">
+		</view>
+		<!-- #endif -->
+		<view ref="fui_bp_ani" class="fui-bottom__popup"
+			:class="{ 'fui-bottom__popup-show': show,'fui-bp__safe-weex':iphoneX && safeArea}"
+			:style="{borderTopLeftRadius:radius+'rpx',borderTopRightRadius:radius+'rpx' ,background: background}"
+			@tap.stop="stop($event,true)">
+			<slot></slot>
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	/*如果底部有自定义导航栏，可适当设置内容padding-bottom值*/
+	export default {
+		name: 'fui-bottom-popup',
+		emits: ['close'],
+		props: {
+			show: {
+				type: Boolean,
+				default: false
+			},
+			//背景颜色
+			background: {
+				type: String,
+				default: '#fff'
+			},
+			//圆角
+			radius: {
+				type: [Number, String],
+				default: 24
+			},
+			zIndex: {
+				type: [Number, String],
+				default: 996
+			},
+			//点击遮罩 是否可关闭
+			maskClosable: {
+				type: Boolean,
+				default: true
+			},
+			maskBackground: {
+				type: String,
+				default: 'rgba(0,0,0,.6)'
+			},
+			//是否适配底部安全区
+			safeArea: {
+				type: Boolean,
+				default: true
+			}
+		},
+		data() {
+			let isAndroid = false;
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			const res = uni.getSystemInfoSync();
+			isAndroid = res.platform.toLocaleLowerCase() == "android"
+			// #endif
+			return {
+				iphoneX: false,
+				isNvue: isNvue,
+				isShow: false,
+				isAndroid: isAndroid
+			}
+		},
+		// #ifdef APP-NVUE
+		watch: {
+			show: {
+				handler(newVal) {
+					if (newVal) {
+						this.open();
+					} else {
+						this.close();
+					}
+				},
+				immediate: true
+			}
+		},
+		// #endif
+		created() {
+			// #ifdef APP-NVUE || MP-TOUTIAO
+			this.iphoneX = this.isPhoneX();
+			// #endif
+		},
+		methods: {
+			handleClose(e) {
+				if (!this.maskClosable) return;
+				this.$emit('close', {});
+			},
+			// #ifdef APP-NVUE || MP-TOUTIAO
+			isPhoneX() {
+				if (!this.safeArea) return false;
+				//34px
+				const res = uni.getSystemInfoSync();
+				let iphonex = false;
+				let models = ['iphonex', 'iphonexr', 'iphonexsmax', 'iphone11', 'iphone11pro', 'iphone11promax',
+					'iphone12', 'iphone12mini', 'iphone12pro', 'iphone12promax', 'iphone13', 'iphone13mini',
+					'iphone13pro', 'iphone13promax', 'iphone14', 'iphone14mini',
+					'iphone14pro', 'iphone14promax'
+				]
+				const model = res.model.replace(/\s/g, "").toLowerCase()
+				const newModel = model.split('<')[0]
+				if (models.includes(model) || models.includes(newModel) || (res.safeAreaInsets && res.safeAreaInsets
+						.bottom > 0)) {
+					iphonex = true;
+				}
+				return iphonex;
+			},
+			// #endif
+			// #ifdef APP-NVUE
+			open() {
+				this.isShow = true;
+				this.$nextTick(() => {
+					setTimeout(() => {
+						this._animation(true);
+					}, 50);
+				})
+			},
+			close() {
+				this._animation(false);
+			},
+			_animation(type) {
+				if (!this.$refs['fui_bp_ani'] || !this.$refs['fui_bp_mk_ani']) return;
+				animation.transition(
+					this.$refs['fui_bp_mk_ani'].ref, {
+						styles: {
+							opacity: type ? 1 : 0
+						},
+						duration: 250,
+						timingFunction: 'ease-in-out',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {
+						if (!type) {
+							this.isShow = false
+						}
+					}
+				);
+				//nvue android 部分手机隐藏时动画有抖动感，调整duration去动画
+				animation.transition(
+					this.$refs['fui_bp_ani'].ref, {
+						styles: {
+							transform: `translateY(${type ? '0' : '100%'})`
+						},
+						duration: !type && this.isAndroid ? 20 : 250,
+						timingFunction: 'ease-in-out',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {}
+				);
+			},
+			// #endif
+			stop(e, tap) {
+				// #ifdef APP-NVUE
+				tap && e.stopPropagation();
+				// #endif
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	.fui-bottom__popup-wrap {
+		position: fixed;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		z-index: 1001;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: flex-end;
+		justify-content: center;
+		/* #ifndef APP-NVUE */
+		transition: all ease-in-out .2s;
+		visibility: hidden;
+		border-bottom-width: 0;
+		overflow: hidden;
+		opacity: 0;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		opacity: 0.001;
+		/* #endif */
+
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-bottom__popup-border {
+		position: absolute;
+		left: 0;
+		right: 0;
+		bottom: 0;
+	}
+
+	/* #endif */
+
+	/* #ifndef APP-NVUE */
+	.fui-bottom__popwrap-show {
+		opacity: 1;
+		visibility: visible;
+	}
+
+	/* #endif */
+	.fui-bottom__popup {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		transform: translate3d(0, 100%, 0);
+		transition: all 0.3s ease-in-out;
+		min-height: 20rpx;
+		overflow: hidden;
+		/* #endif */
+
+		/* #ifndef APP-NVUE || MP-TOUTIAO */
+		padding-bottom: constant(safe-area-inset-bottom);
+		padding-bottom: env(safe-area-inset-bottom);
+		/* #endif */
+		flex: 1;
+		/* #ifdef APP-NVUE */
+		transform: translateY(100%);
+		flex-direction: row;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-bottom__popup-show {
+		transform: translate3d(0, 0, 0);
+	}
+
+	/* #endif */
+
+	/* #ifdef APP-NVUE || MP-TOUTIAO */
+	.fui-bp__safe-weex {
+		padding-bottom: 34px;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-bubble-box/fui-bubble-box.vue b/components/firstui/fui-bubble-box/fui-bubble-box.vue
new file mode 100644
index 0000000..625a433
--- /dev/null
+++ b/components/firstui/fui-bubble-box/fui-bubble-box.vue
@@ -0,0 +1,520 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1861     40  7 2 54 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-bubble__box-wrap" ref="fui_bb_wrap">
+		<slot></slot>
+		<view @touchmove.stop.prevent="stop" class="fui-bubble__box-mask"
+			:class="[show?'fui-bb__unnvue-show':'',isShow?'fui-bb__opciaty-show':'fui-bb__opciaty-hidden']"
+			:style="getMaskStyl" v-if="isMask && isVisible" @tap="handleClose"></view>
+		<view class="fui-bubble__box-inner" ref="fui_bb_el" :style="getBbStyl"
+			:class="[direction==='top' || direction==='bottom'?'fui-bubble__box-col':'fui-bubble__box-row',position==='absolute'?('fui-bb__list-'+direction):'',show?'fui-bb__unnvue-show':'',isShow?'fui-bb__opciaty-show':'fui-bb__opciaty-hidden']"
+			v-if="isVisible">
+			<view class="fui-bb__triangle-wrap" :style="getStyle" v-if="direction==='bottom' || direction==='right'">
+				<view class="fui-bubble__box-triangle" :style="getStyles" :class="['fui-bb__triangle-'+direction]">
+				</view>
+			</view>
+			<view class="fui-bubble__box-list" :style="{background:background,width:width+'rpx'}">
+				<view class="fui-bubble__box-item"
+					:style="{paddingTop:padding[0] || 0,paddingRight:padding[1] || 0,paddingBottom:padding[2] || padding[0] || 0,paddingLeft:padding[3] || padding[1] || 0}"
+					v-for="(item,index) in items" :key="index" @tap.stop="handleClick(index)">
+					<fui-icon :name="item.name" :size="item.size || 60" :color="item.color || color" v-if="item.name">
+					</fui-icon>
+					<image :src="item.src" :style="{width:(item.width || 48)+'rpx',height:(item.height || 48)+'rpx'}"
+						v-if="item.src && !item.name"></image>
+					<text :class="{'fui-bubble__box-text':item.name || item.src}"
+						:style="{fontSize:size+'rpx',color:color,fontWeight:fontWeight}">{{item.text}}</text>
+					<view class="fui-bubble__box-line"
+						:class="[direction==='left'?'fui-bb__line-right':'fui-bb__line-left']"
+						:style="{background:lineColor,left:direction==='left'?0:(padding[3] || padding[1] || 0),right:direction==='left'?(padding[3] || padding[1] || 0):0}"
+						v-if="index!==items.length-1 && showLine"></view>
+				</view>
+				<slot name="content"></slot>
+			</view>
+			<view class="fui-bb__triangle-wrap" :style="getStyle" v-if="direction==='top' || direction==='left'">
+				<view class="fui-bubble__box-triangle" :style="getStyles" :class="['fui-bb__triangle-'+direction]">
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+<script>
+	// #ifdef APP-NVUE
+	const dom = weex.requireModule('dom')
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	//非easycom模式取消注释引入字体组件，按实际路径进行调整
+	// import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
+	export default {
+		name: 'fui-bubble-box',
+		emits: ['click', 'close'],
+		// components:{
+		// 	fuiIcon
+		// },
+		props: {
+			show: {
+				type: Boolean,
+				default: false
+			},
+			items: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			width: {
+				type: [Number, String],
+				default: 300
+			},
+			padding: {
+				type: Array,
+				default () {
+					return ['26rpx', '32rpx']
+				}
+			},
+			position: {
+				type: String,
+				default: 'fixed'
+			},
+			left: {
+				type: [Number, String],
+				default: 0
+			},
+			right: {
+				type: [Number, String],
+				default: 0
+			},
+			top: {
+				type: [Number, String],
+				default: 0
+			},
+			bottom: {
+				type: [Number, String],
+				default: 0
+			},
+			direction: {
+				type: String,
+				default: 'bottom'
+			},
+			zIndex: {
+				type: [Number, String],
+				default: 997
+			},
+			background: {
+				type: String,
+				default: '#fff'
+			},
+			size: {
+				type: [Number, String],
+				default: 32
+			},
+			color: {
+				type: String,
+				default: '#181818'
+			},
+			fontWeight: {
+				type: [Number, String],
+				default: 400
+			},
+			showLine: {
+				type: Boolean,
+				default: true
+			},
+			lineColor: {
+				type: String,
+				default: '#eee'
+			},
+			triangle: {
+				type: Object,
+				default () {
+					return {}
+				}
+			},
+			isMask: {
+				type: Boolean,
+				default: true
+			},
+			maskBackground: {
+				type: String,
+				default: 'transparent'
+			},
+			maskClosable: {
+				type: Boolean,
+				default: true
+			}
+		},
+		computed: {
+			getStyle() {
+				let styles = ''
+				if (this.direction === 'left' || this.direction === 'right') {
+					styles += 'width:8px;'
+				} else {
+					styles += 'height:8px;'
+				}
+				return styles
+			},
+			getBbStyl() {
+				let styl = `position:${this.position};z-index:${this.zIndex};`;
+				// #ifdef APP-NVUE
+				styl = 'position:fixed;';
+				// #endif
+				if (this.direction === 'top' || this.direction === 'bottom') {
+					styl += `width:${this.width}rpx;`
+				}
+				if (this.position === 'fixed') {
+					let tb = Number(this.top) ? `top:${this.top}rpx;` : '';
+					tb += Number(this.bottom) ? `bottom:${this.bottom}rpx;` : '';
+					styl += tb ? tb : `top:${this.top}rpx;`
+					let lr = Number(this.left) ? `left:${this.left}rpx;` : '';
+					lr += Number(this.right) ? `right:${this.right}rpx;` : '';
+					styl += lr ? lr : `left:${this.left}rpx;`;
+				} else {
+					// #ifdef APP-NVUE
+					switch (this.direction) {
+						case 'top':
+							styl += `left:${this.n_width / 2 + this.n_left}px;top:${this.n_top+2}px;`
+							break;
+						case 'left':
+							styl += `left:${this.n_left+2}px;top:${this.n_height / 2 + this.n_top}px;`
+							break;
+						case 'right':
+							styl += `left:${this.n_left+this.n_width-2}px;top:${this.n_height / 2 + this.n_top}px;`
+							break;
+						case 'bottom':
+							styl += `left:${this.n_width / 2 + this.n_left}px;top:${this.n_top +this.n_height-2}px;`
+							break;
+						default:
+							break;
+					}
+					// #endif
+
+					let tb = Number(this.top) ? `margin-top:${this.top}rpx;` : '';
+					tb += Number(this.bottom) ? `margin-top:-${this.bottom}rpx;` : '';
+					styl += tb ? tb : `margin-top:${this.top}rpx;`
+					let lr = Number(this.left) ? `margin-left:${this.left}rpx;` : '';
+					lr += Number(this.right) ? `margin-left:-${this.right}rpx;` : '';
+					styl += lr ? lr : `margin-left:${this.left}rpx;`;
+				}
+				return styl
+			},
+			getStyles() {
+				let $this = this.triangle || {};
+				let styl = `background:${this.background};${this.direction}:0;`
+				if (this.direction === 'top' || this.direction === 'bottom') {
+					styl += $this.left ? `left:${Math.max(32,$this.left || 0)}rpx;` :
+						`right:${Math.max(32,$this.right || 0)}rpx;`;
+				} else {
+					styl += $this.top ? `top:${Math.max(32,$this.top || 0)}rpx;` :
+						`bottom:${Math.max(32,$this.bottom || 0)}rpx;`;
+				}
+				return styl
+			},
+			getMaskStyl() {
+				return `background:${this.maskBackground};z-index:${Number(this.zIndex) - 1};`
+			}
+		},
+		watch: {
+			show(val) {
+				// #ifdef APP-NVUE
+				if (!val) {
+					this.isShow = false;
+					setTimeout(() => {
+						this.isVisible = val;
+					}, 300)
+				} else {
+					this.isVisible = val;
+					this.$nextTick(() => {
+						setTimeout(() => {
+							this._animation()
+						}, 50)
+					})
+				}
+				// #endif
+			}
+		},
+		data() {
+			return {
+				isVisible: true,
+				isShow: false,
+				// #ifdef APP-NVUE
+				n_width: 60,
+				n_height: 12,
+				n_top: 0,
+				n_left: 0,
+				transform: ''
+				// #endif
+			}
+		},
+		// #ifdef APP-NVUE
+		created() {
+			this.isVisible = this.show;
+			if (this.position !== 'fixed') {
+				this.transform = {
+					top: 'translate(-50%, -100%)',
+					left: 'translate(-100%, -50%)',
+					right: 'translate(0, -50%)',
+					bottom: 'translate(-50%, 0)'
+				} [this.direction || 'top']
+			}
+		},
+		mounted() {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this.init()
+				}, 100)
+			})
+		},
+		// #endif
+		methods: {
+			// #ifdef APP-NVUE
+			//nvue端每次点击时需要先调用此方法，回调中再进行显示
+			init(callback) {
+				if (this.position === 'fixed') return;
+				dom.getComponentRect(this.$refs['fui_bb_wrap'], option => {
+					if (option && option.result && option.size) {
+						this.n_width = option.size.width
+						this.n_height = option.size.height
+						this.n_top = option.size.top
+						this.n_left = option.size.left
+						callback && callback(true)
+					}
+				})
+			},
+			_animation(type) {
+				if (this.position === 'fixed') {
+					this.isShow = true;
+				} else {
+					if (!this.$refs['fui_bb_el']) return;
+					animation.transition(
+						this.$refs['fui_bb_el'].ref, {
+							styles: {
+								transform: this.transform
+							},
+							duration: 0,
+							needLayout: false,
+							delay: 0 //ms
+						}, () => {
+							this.isShow = true;
+						});
+				}
+			},
+			// #endif
+			handleClose() {
+				if (!this.maskClosable) return;
+				this.$emit('close', {});
+			},
+			handleClick(index) {
+				this.$emit('click', {
+					index: index
+				});
+			},
+			stop() {
+				return false;
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	.fui-bubble__box-wrap {
+		position: relative;
+	}
+
+	.fui-bubble__box-inner {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		transition: all 0.3s ease-in-out;
+		visibility: hidden;
+		opacity: 0;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		transition: opacity 0.3s ease-in-out;
+		/* #endif */
+		/* margin-top: -120rpx; */
+		/* margin-left: 20rpx; */
+
+	}
+
+
+	.fui-bubble__box-list {
+		border-radius: 8rpx;
+		overflow: hidden;
+		position: relative;
+		/* #ifndef APP-NVUE */
+		z-index: 5;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-bb__list-top {
+		left: 50%;
+		top: 0;
+		/* margin-top: -10px; */
+		transform: translate(-50%, -100%);
+	}
+
+	.fui-bb__list-bottom {
+		left: 50%;
+		top: 100%;
+		/* margin-top: 10px; */
+		transform: translate(-50%, 0);
+	}
+
+	.fui-bb__list-left {
+		left: 0;
+		top: 50%;
+		/* margin-left: -10px; */
+		transform: translate(-100%, -50%);
+	}
+
+	.fui-bb__list-right {
+		left: 100%;
+		top: 50%;
+		/* margin-left: 10px; */
+		transform: translate(0, -50%);
+	}
+
+	/* #endif */
+	.fui-bubble__box-row {
+		flex-direction: row;
+	}
+
+	.fui-bubble__box-col {
+		flex-direction: column;
+	}
+
+	.fui-bubble__box-item {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		align-items: center;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+		position: relative;
+	}
+
+	.fui-bubble__box-item:active {
+		background: rgba(0, 0, 0, .2);
+	}
+
+	.fui-bubble__box-line {
+		position: absolute;
+		bottom: 0;
+		/* #ifdef APP-NVUE */
+		height: 0.5px;
+		z-index: -1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		height: 1px;
+		transform: scaleY(0.5);
+		transform-origin: 0 100%;
+		z-index: 1;
+		/* #endif */
+	}
+
+	.fui-bb__line-left {
+		left: 32rpx;
+		right: 0;
+	}
+
+	.fui-bb__line-right {
+		left: 0;
+		right: 32rpx;
+	}
+
+	.fui-bubble__box-text {
+		padding-left: 16rpx;
+	}
+
+	.fui-bubble__box-mask {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		/* #ifdef APP-NVUE */
+		transition: opacity 0.3s ease-in-out;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		opacity: 0;
+		transition: all 0.3s ease-in-out;
+		visibility: hidden;
+		z-index: 3;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-bb__unnvue-show {
+		opacity: 1 !important;
+		visibility: visible !important;
+	}
+
+	/* #endif */
+
+	.fui-bb__triangle-wrap {
+		position: relative;
+		overflow: hidden;
+	}
+
+
+	.fui-bubble__box-triangle {
+		width: 10px;
+		height: 10px;
+		position: absolute;
+	}
+
+	.fui-bb__triangle-top {
+		/* #ifndef APP-NVUE */
+		transform: rotate(-45deg) translateY(-8px);
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		transform: rotate(-45deg) translateY(-6.5px);
+		/* #endif */
+	}
+
+	.fui-bb__triangle-bottom {
+		/* #ifndef APP-NVUE */
+		transform: rotate(45deg) translateY(8px);
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		transform: rotate(45deg) translateY(6.5px);
+		/* #endif */
+	}
+
+	.fui-bb__triangle-right {
+		/* #ifndef APP-NVUE */
+		transform: rotate(45deg) translateX(8px);
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		transform: rotate(45deg) translateX(6.5px);
+		/* #endif */
+
+	}
+
+	.fui-bb__triangle-left {
+		/* #ifndef APP-NVUE */
+		transform: rotate(-45deg) translateX(-8px);
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		transform: rotate(-45deg) translateX(-6.5px);
+		/* #endif */
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-bb__opciaty-show {
+		opacity: 1;
+	}
+
+	.fui-bb__opciaty-hidden {
+		opacity: 0;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-button/fui-button.vue b/components/firstui/fui-button/fui-button.vue
new file mode 100644
index 0000000..7782734
--- /dev/null
+++ b/components/firstui/fui-button/fui-button.vue
@@ -0,0 +1,525 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  1  86140  725    49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-button__wrap"
+		:class="[!getWidth || getWidth==='100%' || getWidth===true?'fui-button__flex-1':'',disabled && !disabledBackground ? 'fui-button__opacity' : '']"
+		:style="{width: getWidth,height: getHeight,marginTop:margin[0] || 0,	marginRight:margin[1]||0,marginBottom:margin[2] || margin[0]||0,marginLeft:margin[3] || margin[1]||0,borderRadius: getRadius,background:getBackground}"
+		@touchstart="handleStart" @touchend="handleClick" @touchcancel="handleEnd">
+		<button class="fui-button" :class="[
+				bold ? 'fui-text__bold' : '',
+				time && (plain || type==='link') ? 'fui-button__opacity' : '',
+				!background && !disabledBackground && !plain?('fui-button__'+type):'',
+				!getWidth || getWidth==='100%' || getWidth===true?'fui-button__flex-1':'',
+				time && !plain && type!=='link' ? 'fui-button__active' : '',
+				pc && !disabled?(plain || type==='link'?'fui-button__opacity-pc':'fui-button__active-pc'):'',
+
+			]" :style="{
+				width: getWidth,
+				height: getHeight,
+				lineHeight: getHeight,
+				background: disabled ? (disabledBackground || getTypeColor) : (plain ? 'transparent' : getBackground),
+				borderWidth:!borderColor || !isNvue?'0':borderWidth,
+				borderColor: borderColor ? borderColor : disabled && disabledBackground ? disabledBackground : (background || 'transparent'),
+				borderRadius: getRadius,
+				fontSize: getSize,
+				color: getColor
+			}" :loading="loading" :form-type="formType" :open-type="openType" :app-parameter="appParameter"
+			@getuserinfo="bindgetuserinfo" @getphonenumber="bindgetphonenumber" @contact="bindcontact"
+			@error="binderror" @opensetting="bindopensetting" @chooseavatar="bindchooseavatar"
+			@launchapp="bindlaunchapp" :disabled="disabled" :scope="scope" @tap.stop="handleTap">
+			<text class="fui-button__text"
+				:class="{'fui-btn__gray-color':!background && !disabledBackground && !plain && type==='gray' && color==='#fff','fui-text__bold':bold}"
+				v-if="text" :style="{fontSize: getSize,lineHeight:getSize,color:getColor}">{{text}}</text>
+			<slot></slot>
+		</button>
+		<!-- #ifndef APP-NVUE -->
+		<view v-if="borderColor" class="fui-button__thin-border"
+			:class="[time && (plain || type==='link') && !disabled ? 'fui-button__opacity' : '',disabled && !disabledBackground ? 'fui-button__opacity' : '']"
+			:style="{borderWidth:borderWidth,borderColor:borderColor ? borderColor : disabled && disabledBackground ? disabledBackground : (background || 'transparent'),borderRadius: getBorderRadius}">
+		</view>
+		<!-- #endif -->
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'fui-button',
+		emits: ['click', 'getuserinfo', 'contact', 'getphonenumber', 'error', 'opensetting','chooseavatar','launchapp'],
+		// #ifdef MP-WEIXIN
+		behaviors: ['wx://form-field-button'],
+		// #endif
+		// #ifdef MP-BAIDU || MP-QQ
+		behaviors: ['uni://form-field'],
+		// #endif
+		props: {
+			//样式类型：primary，success， warning，danger，link，purple，gray
+			type: {
+				type: String,
+				default: 'primary'
+			},
+			//按钮背景色，当传入值时type失效
+			background: {
+				type: String,
+				default: ''
+			},
+			//按钮显示文本
+			text: {
+				type: String,
+				default: ''
+			},
+			//按钮字体颜色
+			color: {
+				type: String,
+				default: ''
+			},
+			//按钮禁用背景色
+			disabledBackground: {
+				type: String,
+				default: ''
+			},
+			//按钮禁用字体颜色
+			disabledColor: {
+				type: String,
+				default: ''
+			},
+			// #ifdef APP-NVUE
+			borderWidth: {
+				type: String,
+				default: '0.5px'
+			},
+			// #endif
+			// #ifndef APP-NVUE
+			borderWidth: {
+				type: String,
+				default: '1px'
+			},
+			// #endif
+			borderColor: {
+				type: String,
+				default: ''
+			},
+			//V1.9.8+ 按钮大小，优先级高于width和height，medium、small、mini
+			btnSize: {
+				type: String,
+				default: ''
+			},
+			//宽度
+			width: {
+				type: String,
+				default: '100%'
+			},
+			//高度
+			height: {
+				type: String,
+				default: ''
+			},
+			//字体大小，单位rpx
+			size: {
+				type: [Number, String],
+				default: 0
+			},
+			bold: {
+				type: Boolean,
+				default: false
+			},
+			//['20rpx','30rpx','20rpx','30rpx']->[上，右，下，左]
+			margin: {
+				type: Array,
+				default () {
+					return ['0', '0']
+				}
+			},
+			//圆角
+			radius: {
+				type: String,
+				default: ''
+			},
+			plain: {
+				type: Boolean,
+				default: false
+			},
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+			loading: {
+				type: Boolean,
+				default: false
+			},
+			formType: {
+				type: String,
+				default: ''
+			},
+			openType: {
+				type: String,
+				default: ''
+			},
+			//支付宝小程序
+			//当 open-type 为 getAuthorize 时，可以设置 scope 为：phoneNumber、userInfo
+			scope: {
+				type: String,
+				default: ''
+			},
+			appParameter: {
+				type: String,
+				default: ''
+			},
+			index: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		computed: {
+			getTypeColor() {
+				// #ifndef APP-NVUE
+				return '';
+				// #endif
+				const app = uni && uni.$fui && uni.$fui.color
+				let colors = {
+					primary: (app && app.primary) || '#465CFF',
+					success: (app && app.success) || '#09BE4F',
+					warning: (app && app.warning) || '#FFB703',
+					danger: (app && app.danger) || '#FF2B2B',
+					link: 'transparent',
+					purple: (app && app.purple) || '#6831FF',
+					gray: '#F8F8F8'
+				}
+				return colors[this.type] || 'transparent'
+			},
+			getBackground() {
+				let color = this.getTypeColor
+				if (this.disabled || this.plain) {
+					color = 'transparent';
+				}
+				if (!this.disabled && !this.plain && this.background) {
+					color = this.background
+				}
+				return color
+			},
+			getColor() {
+				let color = '#fff'
+				if (this.color) {
+					color = this.disabled && this.disabledBackground ? this.disabledColor : this.color
+				} else {
+					if (this.disabled && this.disabledBackground) {
+						color = this.disabledColor || '#FFFFFF'
+					} else {
+						const app = uni && uni.$fui && uni.$fui.color;
+						const primary = (app && app.primary) || '#465CFF';
+						color = this.type === 'gray' ? primary : '#FFFFFF'
+					}
+				}
+				return color;
+			},
+			getSize() {
+				let size = this.size || (uni && uni.$fui && uni.$fui.fuiButton && uni.$fui.fuiButton.size) || 32
+				if (this.btnSize === 'small') {
+					size = size > 28 ? 28 : size;
+				} else if (this.btnSize === 'mini') {
+					size = size > 28 ? 24 : size;
+				}
+				return `${size}rpx`
+			},
+			getWidth() {
+				//medium 400*84 / small 200*84/ mini 120 * 64
+				let width = this.width;
+				if (this.btnSize && this.btnSize !== true) {
+					width = {
+						'medium': '400rpx',
+						'small': '200rpx',
+						'mini': '120rpx'
+					} [this.btnSize] || width
+				}
+				return width
+			},
+			getHeight() {
+				let height = this.height || (uni && uni.$fui && uni.$fui.fuiButton && uni.$fui.fuiButton.height) || '96rpx'
+				if (this.btnSize && this.btnSize !== true) {
+					height = {
+						'medium': '84rpx',
+						'small': '72rpx',
+						'mini': '64rpx'
+					} [this.btnSize] || height
+				}
+				return height
+			},
+			// #ifndef APP-NVUE
+			getBorderRadius() {
+				let radius = (uni && uni.$fui && uni.$fui.fuiButton && uni.$fui.fuiButton.radius) || '16rpx'
+				radius = this.radius || radius || '0'
+				if (~radius.indexOf('rpx')) {
+					radius = (Number(radius.replace('rpx', '')) * 2) + 'rpx'
+				} else if (~radius.indexOf('px')) {
+					radius = (Number(radius.replace('px', '')) * 2) + 'px'
+				} else if (~radius.indexOf('%')) {
+					radius = (Number(radius.replace('%', '')) * 2) + '%'
+				}
+				return radius
+			},
+			// #endif
+			getRadius() {
+				const radius = (uni && uni.$fui && uni.$fui.fuiButton && uni.$fui.fuiButton.radius) || '16rpx'
+				return this.radius || radius
+			}
+		},
+		data() {
+			let isNvue = false
+			// #ifdef APP-NVUE
+			isNvue = true
+			// #endif
+			return {
+				isNvue: isNvue,
+				time: 0,
+				trigger: false,
+				pc: false
+			};
+		},
+		created() {
+			// #ifdef H5
+			this.pc = this.isPC()
+			// #endif
+		},
+		methods: {
+			handleStart(e) {
+				// #ifndef APP-NVUE
+				if (this.disabled) return;
+				this.trigger = false;
+				if (new Date().getTime() - this.time <= 150) return;
+				this.trigger = true;
+				this.time = new Date().getTime();
+				// #endif
+			},
+			handleClick() {
+				if (this.disabled || !this.trigger) return;
+				this.time = 0;
+			},
+			// #ifdef H5
+			isPC() {
+				if (typeof navigator !== 'object') return false;
+				var userAgentInfo = navigator.userAgent;
+				var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
+				var flag = true;
+				for (var v = 0; v < Agents.length - 1; v++) {
+					if (userAgentInfo.indexOf(Agents[v]) > 0) {
+						flag = false;
+						break;
+					}
+				}
+				return flag;
+			},
+			// #endif
+			handleTap() {
+				if (this.disabled) return;
+				this.$emit('click', {
+					index: Number(this.index)
+				});
+			},
+			handleEnd(e) {
+				// #ifndef APP-NVUE
+				if (this.disabled) return;
+				setTimeout(() => {
+					this.time = 0;
+				}, 150);
+				// #endif
+			},
+			bindgetuserinfo({
+				detail = {}
+			} = {}) {
+				this.$emit('getuserinfo', detail);
+			},
+			bindcontact({
+				detail = {}
+			} = {}) {
+				this.$emit('contact', detail);
+			},
+			bindgetphonenumber({
+				detail = {}
+			} = {}) {
+				this.$emit('getphonenumber', detail);
+			},
+			binderror({
+				detail = {}
+			} = {}) {
+				this.$emit('error', detail);
+			},
+			bindopensetting({
+				detail = {}
+			} = {}) {
+				this.$emit('opensetting', detail);
+			},
+			bindchooseavatar({
+				detail = {}
+			} = {}) {
+				this.$emit('chooseavatar', detail);
+			},
+			bindlaunchapp({
+				detail = {}
+			} = {}) {
+				this.$emit('launchapp', detail);
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	.fui-button__wrap {
+		position: relative;
+		/* #ifndef APP-NVUE */
+		background: transparent !important;
+		flex-direction: row;
+		/* #endif */
+	}
+
+	.fui-button {
+		border-width: 0;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		box-sizing: border-box;
+		/* #endif */
+		border-style: solid;
+		position: relative;
+		padding-left: 0;
+		padding-right: 0;
+		/* #ifndef APP-NVUE */
+		overflow: hidden;
+		transform: translateZ(0);
+		-webkit-touch-callout: none;
+		-webkit-user-select: none;
+		user-select: none;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-button__thin-border {
+		position: absolute;
+		width: 200%;
+		height: 200%;
+		transform-origin: 0 0;
+		transform: scale(0.5, 0.5) translateZ(0);
+		box-sizing: border-box;
+		left: 0;
+		top: 0;
+		border-radius: 32rpx;
+		border-style: solid;
+		pointer-events: none;
+	}
+
+	/* #endif */
+
+	.fui-button__flex-1 {
+		flex: 1;
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+	}
+
+	.fui-button::after {
+		border: 0;
+	}
+
+	/* #ifdef H5 */
+	.fui-button__active-pc {
+		position: relative;
+	}
+
+	.fui-button__opacity-pc:active {
+		opacity: 0.5;
+	}
+
+	.fui-button__active-pc:active::after {
+		content: ' ';
+		background-color: var(--fui-bg-color-hover, rgba(0, 0, 0, 0.2));
+		position: absolute;
+		width: 100%;
+		height: 100%;
+		left: 0;
+		right: 0;
+		top: 0;
+		transform: none;
+		z-index: 2;
+		border-radius: 0;
+	}
+
+	/* #endif */
+
+	/* #ifndef APP-NVUE */
+	.fui-button__active {
+		overflow: hidden !important;
+	}
+
+	.fui-button__active::after {
+		content: ' ';
+		background-color: var(--fui-bg-color-hover, rgba(0, 0, 0, 0.2));
+		position: absolute;
+		width: 100%;
+		height: 100%;
+		left: 0;
+		right: 0;
+		top: 0;
+		transform: none;
+		z-index: 2;
+		border-radius: 0;
+	}
+
+	/* #endif */
+	.fui-button__text {
+		text-align: center;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center !important;
+		padding-left: 0 !important;
+	}
+
+	.fui-button__opacity {
+		opacity: 0.5;
+	}
+
+	.fui-text__bold {
+		font-weight: bold;
+	}
+
+	.fui-button__link {
+		border-color: transparent !important;
+		background-color: transparent !important;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-button__primary {
+		border-color: var(--fui-color-primary, #465CFF) !important;
+		background: var(--fui-color-primary, #465CFF) !important;
+	}
+
+
+	.fui-button__success {
+		border-color: var(--fui-color-success, #09BE4F) !important;
+		background: var(--fui-color-success, #09BE4F) !important;
+	}
+
+	.fui-button__warning {
+		border-color: var(--fui-color-warning, #FFB703) !important;
+		background: var(--fui-color-warning, #FFB703) !important;
+	}
+
+	.fui-button__danger {
+		border-color: var(--fui-color-danger, #FF2B2B) !important;
+		background: var(--fui-color-danger, #FF2B2B) !important;
+	}
+
+	.fui-button__purple {
+		border-color: var(--fui-color-purple, #6831FF) !important;
+		background: var(--fui-color-purple, #6831FF) !important;
+	}
+
+	.fui-button__gray {
+		border-color: var(--fui-bg-color-content, #F8F8F8) !important;
+		background: var(--fui-bg-color-content, #F8F8F8) !important;
+		color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-btn__gray-color {
+		color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-calendar/fui-calendar.vue b/components/firstui/fui-calendar/fui-calendar.vue
new file mode 100644
index 0000000..411d3fc
--- /dev/null
+++ b/components/firstui/fui-calendar/fui-calendar.vue
@@ -0,0 +1,906 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186   1  4  072 5  49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-calendar__wrap" :style="{width:dateWidth,background:background}">
+		<view class="fui-calendar__header">
+			<view class="fui-calendar__icon-left" :class="['fui-calendar__pl']" @tap.stop="changeYear(-1)">
+				<fui-icon :name="name" :color="arrowColor" :size="arrowSize"></fui-icon>
+			</view>
+			<view class="fui-calendar__icon-left" :class="['fui-calendar__pl']" @tap.stop="changeMonth(-1)"
+				v-if="!isMultiple">
+				<fui-icon :name="name" :color="arrowColor" :size="arrowSize"></fui-icon>
+			</view>
+			<text class="fui-calendar__title"
+				:style="{width:yearsWidth+'rpx',fontSize:yearsSize+'rpx',lineHeight:yearsSize+'rpx',color:yearsColor}">{{title}}</text>
+			<view class="fui-calendar__pl" @tap.stop="changeMonth(1)" v-if="!isMultiple">
+				<fui-icon :name="name" :color="arrowColor" :size="arrowSize"></fui-icon>
+			</view>
+			<view class="fui-calendar__pl" @tap.stop="changeYear(1)">
+				<fui-icon :name="name" :color="arrowColor" :size="arrowSize"></fui-icon>
+			</view>
+		</view>
+		<view class="fui-calendar__date-header" :style="{borderBottomColor:lineColor}">
+			<text class="fui-calendar__date" :style="{color:titleColor,width:itemWidth}" v-for="(item,index) in header"
+				:key="index">{{item}}</text>
+			<!-- #ifndef APP-NVUE -->
+			<view class="fui-calendar__border" :style="{background:lineColor}"></view>
+			<!-- #endif -->
+		</view>
+		<swiper :indicator-dots="false" :autoplay="false" :current="defCurrent" :duration="300" :vertical="vertical"
+			@change="swiperChange" class="fui-calendar__swiper" style="height: 648rpx;" v-if="isMultiple">
+			<swiper-item v-for="(item,index) in monthArr" :key="item.key">
+				<view class="fui-calendar__date-wrap">
+					<view class="fui-calendar__date" :style="{width:itemWidth}" :class="['fui-calendar__dh']"
+						v-for="(week,i) in item.weekdayArr" :key="week"></view>
+					<!--vue3中text嵌套text会出现警告和部分错误信息-->
+					<view class="fui-calendar__date"
+						:class="{'fui-calendar__dh':true,'fui-calendar__diaabled':_isDisAbled(index,idx),'fui-calendar__left-radius':_isRadius(index,idx,true),'fui-calendar__right-radius':_isRadius(index,idx)}"
+						v-for="(sub,idx) in item.daysArr" :key="idx" @tap.stop="dateClick(index,sub)"
+						:style="{background:getBackground(index,idx,values),width:itemWidth}">
+						<text class="fui-calendar__date-val" :style="{color:getColor(index,idx,values)}">{{sub}}</text>
+						<text class="fui-calendar__date-lunar" v-if="showLunar && language!=='en'"
+							:style="{color:getColor(index,idx,values)}">{{getText(index,idx) || descrArr[idx]}}</text>
+						<text class="fui-calendar__date-descr" v-if="!showLunar || language==='en'"
+							:style="{color:getColor(index,idx,values)}">{{getText(index,idx) || descrArr[idx]}}</text>
+					</view>
+				</view>
+			</swiper-item>
+		</swiper>
+		<view class="fui-calendar__swiper" v-else>
+			<view class="fui-calendar__date-wrap">
+				<view class="fui-calendar__date" :style="{width:itemWidth}" :class="['fui-calendar__dh']"
+					v-for="(week,i) in singleMonth.weekdayArr" :key="week"></view>
+				<!--vue3中text嵌套text会出现警告和部分错误信息-->
+				<view class="fui-calendar__date"
+					:class="{'fui-calendar__dh':true,'fui-calendar__diaabled':_isDisAbled(month-1,idx),'fui-calendar__left-radius':_isRadius(month-1,idx,true),'fui-calendar__right-radius':_isRadius(month-1,idx)}"
+					v-for="(sub,idx) in singleMonth.daysArr" :key="idx" @tap.stop="dateClick(month-1,sub)"
+					:style="{background:getBackground(month-1,idx,values),width:itemWidth}">
+					<text class="fui-calendar__date-val" :style="{color:getColor(month-1,idx,values)}">{{sub}}</text>
+					<text class="fui-calendar__date-lunar" v-if="showLunar && language!=='en'"
+						:style="{color:getColor(month-1,idx,values)}">{{getText(month-1,idx) || descrArr[idx]}}</text>
+					<text class="fui-calendar__date-descr" v-if="!showLunar || language==='en'"
+						:style="{color:getColor(month-1,idx,values)}">{{getText(month-1,idx) || descrArr[idx]}}</text>
+				</view>
+			</view>
+		</view>
+		<view class="fui-calendar__btn-wrap" v-if="showBtn">
+			<view class="fui-calendar__btn" :class="{'fui-calendar__diaabled':btnDisabled}"
+				:style="{background:btnBackground || primaryColor}">
+				<text class="fui-calendar__btn"
+					:class="{'fui-calendar__btn-text':true,'fui-calendar__btn-active':!btnDisabled}"
+					:style="{color:btnColor}" @tap.stop="handleClick">{{btnText}}</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import lunar from './index.js';
+	// import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
+	export default {
+		name: "fui-calendar",
+		emits: ['change', 'dateChange'],
+		// components: {
+		// 	fuiIcon
+		// },
+		props: {
+			type: {
+				type: [Number, String],
+				default: 1
+			},
+			value: {
+				type: [Array, String],
+				default () {
+					return []
+				}
+			},
+			//v2.0.0+ 最多可选天数，type=2 || type=3有效
+			maxDays: {
+				type: [Number, String],
+				default: -1
+			},
+			minDate: {
+				type: String,
+				default: '2010-01-01'
+			},
+			maxDate: {
+				type: String,
+				default: '2030-12-31'
+			},
+			showLunar: {
+				type: Boolean,
+				default: false
+			},
+			language: {
+				type: String,
+				default: 'cn'
+			},
+			isMultiple: {
+				type: Boolean,
+				default: true
+			},
+			vertical: {
+				type: Boolean,
+				default: true
+			},
+			width: {
+				type: [Number, String],
+				default: 0
+			},
+			background: {
+				type: String,
+				default: '#FFFFFF'
+			},
+			name: {
+				type: String,
+				default: 'roundright-fill'
+			},
+			arrowSize: {
+				type: [Number, String],
+				default: 40
+			},
+			arrowColor: {
+				type: String,
+				default: '#7F7F7F'
+			},
+			yearsWidth: {
+				type: [Number, String],
+				default: 200
+			},
+			yearsSize: {
+				type: [Number, String],
+				default: 32
+			},
+			yearsColor: {
+				type: String,
+				default: '#181818'
+			},
+			titleColor: {
+				type: String,
+				default: '#181818'
+			},
+			lineColor: {
+				type: String,
+				default: '#EEEEEE'
+			},
+			color: {
+				type: String,
+				default: '#181818'
+			},
+			activeColor: {
+				type: String,
+				default: '#FFFFFF'
+			},
+			//选中日期背景色
+			activeBackground: {
+				type: String,
+				default: ''
+			},
+			rangeColor: {
+				type: String,
+				default: ''
+			},
+			rangeBackground: {
+				type: String,
+				default: '#F1F4FA'
+			},
+			start: {
+				type: String,
+				default: '开始'
+			},
+			end: {
+				type: String,
+				default: '结束'
+			},
+			isToday: {
+				type: Boolean,
+				default: true
+			},
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+			showBtn: {
+				type: Boolean,
+				default: false
+			},
+			btnText: {
+				type: String,
+				default: '确定'
+			},
+			btnBackground: {
+				type: String,
+				default: ''
+			},
+			btnColor: {
+				type: String,
+				default: '#FFFFFF'
+			}
+		},
+		data() {
+			return {
+				lang: [],
+				header: [],
+				monthArr: [],
+				singleMonth: {
+					weekdayArr: [],
+					daysArr: []
+				},
+				descrArr: [],
+				dateWidth: '100%',
+				title: '',
+				year: 0,
+				month: 1,
+				today: '',
+				minArr: [],
+				maxArr: [],
+				values: [],
+				defCurrent: 0,
+				btnDisabled: false
+			};
+		},
+		computed: {
+			initChange() {
+				return `${this.type}-${this.minDate}-${this.maxDate}-${this.value}`;
+			},
+			itemWidth() {
+				// #ifdef APP-NVUE
+				return (Number(this.dateWidth.replace('px', '').replace('%','')) - 1) / 7 + 'px'
+				// #endif
+
+				// #ifndef APP-NVUE
+				return '14.2857%'
+				// #endif
+			},
+			primaryColor() {
+				const app = uni && uni.$fui && uni.$fui.color;
+				return (app && app.primary) || '#465CFF';
+			}
+		},
+		watch: {
+			width(val) {
+				this.getWidth(val)
+			},
+			language(val) {
+				this.setLang(val);
+			},
+			values(vals) {
+				this._btnDisabled(vals);
+			},
+			initChange(vals) {
+				this.init();
+			},
+			isMultiple(val) {
+				if (!val) {
+					this.singleMonth = this.monthArr[this.month - 1]
+				}
+			},
+			title(val) {
+				if (this.year === 0) return;
+				this.descrArr = []
+				this.$emit('dateChange', {
+					year: this.year,
+					month: this.month
+				})
+			}
+		},
+		created() {
+			this.setLang(this.language);
+			this.getWidth(this.width)
+			this.init();
+			this._btnDisabled(this.values);
+		},
+		methods: {
+			_btnDisabled(vals) {
+				if (this.type == 3 && vals.length < 2) {
+					this.btnDisabled = true
+				} else {
+					this.btnDisabled = false
+				}
+			},
+			setLang(val) {
+				this.header = lunar.lang[`h_${val}`] || lunar.lang.h_cn
+				this.setTitle()
+			},
+			getWidth(val) {
+				//宽度值不宜太低
+				let dw = Number(val);
+				if (dw && dw >= 600) {
+					dw = uni.upx2px(dw)
+				} else {
+					let sys = uni.getSystemInfoSync()
+					dw = sys.windowWidth
+				}
+				// #ifndef APP-NVUE
+				this.dateWidth = val ? dw + 'px' : '100%';
+				// #endif
+				// #ifdef APP-NVUE
+				this.dateWidth = dw + 'px';
+				// #endif
+			},
+			swiperChange(e) {
+				let current = e.detail.current
+				const month = current + 1
+				this.month = month
+				this.title = this.language === 'en' ? `${lunar.lang.m_en[month-1]} ${this.year}` :
+					`${this.year}年${month}月`;
+			},
+			getLunar(month, day) {
+				let obj = lunar.solarTolunar(this.year, month, day);
+				return obj.IDayCn;
+			},
+			initDate(date) {
+				if (!date || date === true || date === 'true') return '';
+				let fdate = date.replace(/\-/g, '/').split('/');
+				return [Number(fdate[0] || -1), Number(fdate[1] || -1), Number(fdate[2] || -1)]
+			},
+			formatNum(num) {
+				num = Number(num)
+				return num < 10 ? '0' + Math.abs(num) : num + '';
+			},
+			compareDate(arr) {
+				if (!arr && arr.length === 0) return -1;
+				let timestamp = []
+				let indexs = {}
+				arr.forEach((item, index) => {
+					let d = item.replace(/\-/g, '/');
+					d = `${d} 00:00:00`
+					let stamp = new Date(d).getTime()
+					timestamp.push(stamp)
+					indexs[stamp.toString()] = index
+				})
+				let newArr = []
+				while (timestamp.length > 0) {
+					let min = Math.min(...timestamp)
+					let index = indexs[min.toString()]
+					newArr.push(arr[index])
+					timestamp.splice(timestamp.indexOf(min), 1)
+				}
+				return newArr;
+			},
+			toArray(start, end) {
+				return Array.from(new Array(end + 1).keys()).slice(start);
+			},
+			getMonthDay(year, month) {
+				let days = new Date(year, month, 0).getDate();
+				return days;
+			},
+			getWeekday(year, month) {
+				let date = new Date(`${year}/${month}/01 00:00:00`);
+				return date.getDay();
+			},
+			_isSection(date, start, end) {
+				let ts = new Date(date.replace(/\-/g, '/')).getTime();
+				let s = new Date(start.replace(/\-/g, '/')).getTime();
+				let e = new Date(end.replace(/\-/g, '/')).getTime();
+				return ts > s && ts < e;
+			},
+			getColor(index, idx, values) {
+				let color = this.color;
+				if (!values || values.length === 0) return color;
+				let month = this.formatNum(index + 1);
+				let day = this.formatNum(idx + 1);
+				let date = `${this.year}-${month}-${day}`
+				let type = this.type;
+				if (type == 3) {
+					if (~values.indexOf(date)) {
+						color = this.activeColor
+					} else if (values[1] && this._isSection(date, values[0], values[1])) {
+						color = this.rangeColor || this.primaryColor
+					}
+				} else {
+					if (~values.indexOf(date)) {
+						color = this.activeColor
+					}
+				}
+				return color
+			},
+			getBackground(index, idx, values) {
+				let background = 'transparent';
+				if (!values || values.length === 0) return background;
+				let month = this.formatNum(index + 1);
+				let day = this.formatNum(idx + 1);
+				let date = `${this.year}-${month}-${day}`
+				let type = this.type;
+				if (type == 3) {
+					if (~values.indexOf(date)) {
+						background = this.activeBackground || this.primaryColor
+					} else if (values[1] && this._isSection(date, values[0], values[1])) {
+						background = this.rangeBackground
+					}
+				} else {
+					if (~values.indexOf(date)) {
+						background = this.activeBackground || this.primaryColor
+					}
+				}
+				return background
+			},
+			getText(index, idx) {
+				let month = index + 1
+				let day = idx + 1
+				let text = '';
+				let date = `${this.year}-${this.formatNum(month)}-${this.formatNum(day)}`;
+				if (this.type == 3) {
+					let values = this.values
+					if (values.length > 0) {
+						if (values[0] == date && values[0] != values[1]) {
+							let st = this.start;
+							text = st && st !== 'true' && st !== true ? st : '';
+
+						} else if (values[1] == date) {
+							let et = this.end;
+							text = et && et !== 'true' && et !== true ? et : '';
+						}
+					}
+				}
+				if (!text && !this.descrArr[idx]) {
+					text = this.showLunar ? this.getLunar(month, day) : ''
+					if (this.isToday) {
+						//今天 简繁同体
+						let td = this.language === 'en' ? 'Today' : '今天'
+						text = this.today === date ? td : text
+					}
+				}
+				return text;
+			},
+			_isRadius(index, idx, start) {
+				let radius = this.type != 3 ? true : false;
+				if (this.type == 3 && this.values && this.values.length > 0) {
+					let month = index + 1
+					let day = idx + 1
+					let date = `${this.year}-${this.formatNum(month)}-${this.formatNum(day)}`;
+					if (start) {
+						radius = date === this.values[0]
+					} else {
+						radius = date === this.values[1]
+					}
+				}
+				return radius;
+			},
+			getMonthsArr(year) {
+				let monthArr = []
+				for (let i = 0; i < 12; i++) {
+					let month = i + 1;
+					let daysArr = this.toArray(1, this.getMonthDay(year, month));
+					let weekdayArr = this.toArray(1, this.getWeekday(year, month));
+					weekdayArr = weekdayArr.map(item => {
+						return `week_${i}_${item}`
+					})
+					monthArr.push({
+						key: `m_${month}`,
+						weekdayArr,
+						daysArr
+					})
+				}
+				return monthArr
+			},
+			_isDisAbled(index, idx) {
+				let bool = false;
+				let date = `${this.year}/${index+1}/${idx+1}`;
+				let min = this.minArr.join('/')
+				let max = this.maxArr.join('/')
+				let ts = new Date(date).getTime();
+				if (ts < new Date(min).getTime() || ts > new Date(max).getTime()) {
+					bool = true;
+				}
+				return bool;
+			},
+			setTitle() {
+				if (this.year === 0) return;
+				this.title = this.language === 'en' ? `${lunar.lang.m_en[this.month-1]} ${this.year}` :
+					`${this.year}年${this.month}月`
+			},
+			init() {
+				const now = new Date();
+				let year = now.getFullYear();
+				let month = now.getMonth() + 1;
+				let day = now.getDate();
+				this.minArr = this.initDate(this.minDate) || [2010, 1, 1];
+				this.maxArr = this.initDate(this.maxDate) || [2030, 12, 31];
+				this.today = `${year}-${this.formatNum(month)}-${this.formatNum(day)}`
+				let value = this.value;
+				let def = [-1]
+				if (value && value.length > 0) {
+					if (typeof value === 'string') {
+						def = this.initDate(value) || [-1, -1, -1]
+						value = [value]
+					} else {
+						const len = value.length
+						if (len > 1) {
+							value = this.compareDate(value)
+						}
+						if (this.type == 3 && value.length > 2) {
+							value = [value[0], value[1]]
+						}
+						def = this.initDate(value[len - 1]) || [-1, -1, -1]
+						if (def[0] !== -1) {
+							year = def[0]
+							month = def[1]
+						}
+					}
+					value = value.map(item => {
+						let arr = this.initDate(item)
+						return `${arr[0]}-${this.formatNum(arr[1])}-${this.formatNum(arr[2])}`
+					})
+					this.values = value;
+				} else {
+					this.year = year;
+					if (this._isDisAbled(month - 1, day - 1)) {
+						year = this.maxArr[0]
+						month = this.maxArr[1]
+					}
+				}
+				this.year = year;
+				this.month = month;
+				this.setTitle()
+				this.monthArr = this.getMonthsArr(year)
+				if (!this.isMultiple) {
+					this.singleMonth = this.monthArr[month - 1]
+				} else {
+					this.$nextTick(() => {
+						setTimeout(() => {
+							this.defCurrent = month - 1;
+						}, 20)
+					})
+				}
+			},
+			checkYear(year) {
+				if (year < this.minArr[0] || year > this.maxArr[0]) {
+					uni.showToast({
+						title: '日期已超出可切换范围！',
+						icon: 'none'
+					});
+					return false;
+				}
+				return true;
+			},
+			changeMonth(num) {
+				let month = num + this.month;
+				let year = 0;
+				if (num > 0) {
+					year = month > 12 ? this.year + 1 : this.year;
+					month = month > 12 ? 1 : month;
+				} else {
+					year = month < 1 ? this.year - 1 : this.year;
+					month = month < 1 ? 12 : month;
+				}
+				if (this.checkYear(year)) {
+					this.month = month;
+					this.year = year;
+					this.setTitle();
+					this.monthArr = this.getMonthsArr(year)
+					this.singleMonth = this.monthArr[this.month - 1]
+				}
+			},
+			changeYear(num) {
+				let year = num + this.year;
+				if (this.checkYear(year)) {
+					this.year = year;
+					if (this.isMultiple) {
+						this.month = 1;
+						this.defCurrent = 0;
+					}
+					this.setTitle();
+					this.monthArr = this.getMonthsArr(year)
+					if (!this.isMultiple) {
+						this.singleMonth = this.monthArr[this.month - 1]
+					}
+				}
+			},
+			getWeekText(date) {
+				date = new Date(`${date.replace(/\-/g, '/')} 00:00:00`);
+				let week = date.getDay();
+				//英文
+				let weeks = ['星期日', '星期一', '星期二', '星期三', '星期四', '星期五', '星期六'];
+				if (this.language === 'en') {
+					weeks = ['Sunday', 'Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday', 'Saturday'];
+				}
+				return weeks[week];
+			},
+			dateClick(index, day) {
+				if (this.disabled) return;
+				if (!this._isDisAbled(index, day - 1)) {
+					let month = this.formatNum(index + 1);
+					let date = `${this.year}-${month}-${this.formatNum(day)}`;
+					let type = this.type;
+					let values = [...this.values]
+					if (type == 3) {
+						let start = values[0]
+						let sts = -1;
+						if (start) {
+							sts = new Date(start.replace(/\-/g, '/')).getTime()
+						}
+						let ets = new Date(date.replace(/\-/g, '/')).getTime()
+						if (start && values.length === 1 && sts <= ets) {
+							const dateMax = `${date} 23:59:59`
+							const etsMill = new Date(dateMax.replace(/\-/g, '/')).getTime()
+							const diff = etsMill - sts
+							const diffDays = Math.ceil(diff / 1000 / 60 / 60 / 24)
+							const maxDays = Number(this.maxDays)
+							if ((maxDays && maxDays > 0 && diffDays > maxDays) || maxDays === 0) {
+								uni.showToast({
+									title: `最多可选${maxDays}天，当前已超出可选范围`,
+									icon: 'none'
+								});
+								return;
+							}
+							values.push(date)
+						} else {
+							values = [date]
+						}
+					} else {
+						let idx = values.indexOf(date)
+						if (idx != -1) {
+							values.splice(idx, 1)
+						} else {
+							const maxDays = Number(this.maxDays)
+							if ((maxDays && maxDays > 0 && values.length >= maxDays) || maxDays === 0) {
+								uni.showToast({
+									title: `最多可选${maxDays}天`,
+									icon: 'none'
+								});
+								return;
+							}
+							if (type == 2) {
+								values.push(date)
+							} else {
+								values = [date]
+							}
+						}
+					}
+					this.values = values
+					setTimeout(() => {
+						if (!this.showBtn) {
+							this._change()
+						}
+					}, 0)
+				}
+			},
+			_change() {
+				let values = this.values
+				let type = this.type;
+				if (type == 3 && values.length < 2) return;
+				let value = '';
+				let week = '';
+				let lunarArr = {};
+				if (type == 1) {
+					value = values[0] || ''
+					if (value) {
+						week = this.getWeekText(value)
+						if (this.showLunar && this.language !== 'en') {
+							let d = this.initDate(value)
+							lunarArr = lunar.solarTolunar(d[0], d[1], d[2]);
+						}
+					}
+				} else {
+					value = values
+					week = [];
+					lunarArr = []
+					value.forEach(item => {
+						week.push(this.getWeekText(item))
+						if (this.showLunar && this.language !== 'en') {
+							let d = this.initDate(item)
+							lunarArr.push(lunar.solarTolunar(d[0], d[1], d[2]))
+						}
+					})
+				}
+
+				this.$emit('change', {
+					value: value,
+					week: week,
+					today: this.today,
+					lunar: lunarArr
+				})
+			},
+			handleClick() {
+				if (this.btnDisabled) return;
+				this._change()
+			},
+			// 传入一个返回Promise的函数，设置当前日历数据描述
+			//返回当前日历数据
+			setDescr(callback) {
+				const item = this.monthArr[this.month - 1]
+				if (item && callback && typeof callback === 'function') {
+					callback(this.year, this.month, item.daysArr).then(res => {
+						this.descrArr = res
+					}).catch(err => {
+						this.descrArr = []
+					})
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-calendar__header {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		padding: 20rpx 0 30rpx;
+	}
+
+	.fui-calendar__title {
+		/* #ifndef APP-NVUE */
+		display: block;
+		white-space: nowrap;
+		/* #endif */
+		font-weight: normal;
+		text-align: center;
+
+	}
+
+	.fui-calendar__icon-left {
+		transform: rotate(180deg);
+	}
+
+	.fui-calendar__pl {
+		padding-left: 16rpx;
+	}
+
+	.fui-calendar__pl:active {
+		opacity: .5;
+	}
+
+	.fui-calendar__date-header {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		width: 100%;
+		box-sizing: border-box;
+		position: relative;
+		border-bottom-width: 0;
+		/* #endif */
+		flex-direction: row;
+		justify-content: center;
+		padding: 12rpx 0;
+		/* #ifdef APP-NVUE */
+		border-bottom-width: 0.5px;
+		border-bottom-style: solid;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-calendar__border {
+		width: 100%;
+		position: absolute;
+		left: 0;
+		bottom: 0;
+		height: 1px;
+		-webkit-transform: scaleY(0.5);
+		transform: scaleY(0.5);
+		transform-origin: 0 100%;
+		z-index: 1;
+	}
+
+	/* #endif */
+
+	.fui-calendar__date-wrap {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		width: 100%;
+		/* #endif */
+		flex-direction: row;
+		flex-wrap: wrap;
+		padding: 12rpx 0;
+		position: relative;
+	}
+
+	.fui-calendar__date {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		width: 14.2857%;
+		box-sizing: border-box;
+		overflow: hidden;
+		/* #endif */
+		text-align: center;
+		align-items: center;
+		justify-content: center;
+		flex-direction: column;
+		position: relative;
+		z-index: 2;
+		font-size: 24rpx;
+		font-weight: normal;
+	}
+
+	.fui-calendar__dh {
+		height: 104rpx;
+	}
+
+	.fui-calendar__left-radius {
+		border-top-left-radius: 8rpx;
+		border-bottom-left-radius: 8rpx;
+	}
+
+	.fui-calendar__right-radius {
+		border-top-right-radius: 8rpx;
+		border-bottom-right-radius: 8rpx;
+	}
+
+	.fui-calendar__date-val {
+		font-size: 32rpx;
+		font-weight: normal;
+	}
+
+	.fui-calendar__date-lunar {
+		/* #ifndef APP-NVUE */
+		display: block;
+		/* #endif */
+		font-size: 24rpx;
+		font-weight: normal;
+		transform: scale(0.8);
+		text-align: center;
+	}
+
+	.fui-calendar__date-descr {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: block;
+		/* #endif */
+		font-size: 24rpx;
+		line-height: 24rpx;
+		position: absolute;
+		left: 0;
+		right: 0;
+		transform: scale(0.8);
+		text-align: center;
+		bottom: 8rpx;
+		z-index: 2;
+		font-weight: normal;
+	}
+
+	.fui-calendar__swiper {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+		height: 648rpx;
+	}
+
+	.fui-calendar__diaabled {
+		opacity: 0.4;
+	}
+
+	.fui-calendar__btn-wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		padding: 32rpx;
+	}
+
+	.fui-calendar__btn {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		height: 88rpx;
+		border-radius: 44rpx;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+		font-size: 32rpx;
+		font-weight: normal;
+		text-align: center;
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-calendar__btn-text {
+		line-height: 88rpx;
+	}
+
+	/* #endif */
+	.fui-calendar__btn-active:active {
+		background: rgba(0, 0, 0, .2);
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-calendar/index.js b/components/firstui/fui-calendar/index.js
new file mode 100644
index 0000000..e997139
--- /dev/null
+++ b/components/firstui/fui-calendar/index.js
@@ -0,0 +1,580 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  186 14   07   25 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+/**
+ * @1900-2100区间内的公历、农历互转
+ * @公历转农历：solar2lunar(1987,11,01);
+ * @农历转公历：lunar2solar(1987,09,10);
+ */
+let calendar = {
+	/**
+	 * 农历1900-2100的润大小信息表
+	 * @Array Of Property
+	 * @return Hex
+	 */
+	lunarInfo: [0x04bd8, 0x04ae0, 0x0a570, 0x054d5, 0x0d260, 0x0d950, 0x16554, 0x056a0, 0x09ad0,
+		0x055d2, //1900-1909
+		0x04ae0, 0x0a5b6, 0x0a4d0, 0x0d250, 0x1d255, 0x0b540, 0x0d6a0, 0x0ada2, 0x095b0, 0x14977, //1910-1919
+		0x04970, 0x0a4b0, 0x0b4b5, 0x06a50, 0x06d40, 0x1ab54, 0x02b60, 0x09570, 0x052f2, 0x04970, //1920-1929
+		0x06566, 0x0d4a0, 0x0ea50, 0x06e95, 0x05ad0, 0x02b60, 0x186e3, 0x092e0, 0x1c8d7, 0x0c950, //1930-1939
+		0x0d4a0, 0x1d8a6, 0x0b550, 0x056a0, 0x1a5b4, 0x025d0, 0x092d0, 0x0d2b2, 0x0a950, 0x0b557, //1940-1949
+		0x06ca0, 0x0b550, 0x15355, 0x04da0, 0x0a5b0, 0x14573, 0x052b0, 0x0a9a8, 0x0e950, 0x06aa0, //1950-1959
+		0x0aea6, 0x0ab50, 0x04b60, 0x0aae4, 0x0a570, 0x05260, 0x0f263, 0x0d950, 0x05b57, 0x056a0, //1960-1969
+		0x096d0, 0x04dd5, 0x04ad0, 0x0a4d0, 0x0d4d4, 0x0d250, 0x0d558, 0x0b540, 0x0b6a0, 0x195a6, //1970-1979
+		0x095b0, 0x049b0, 0x0a974, 0x0a4b0, 0x0b27a, 0x06a50, 0x06d40, 0x0af46, 0x0ab60, 0x09570, //1980-1989
+		0x04af5, 0x04970, 0x064b0, 0x074a3, 0x0ea50, 0x06b58, 0x055c0, 0x0ab60, 0x096d5, 0x092e0, //1990-1999
+		0x0c960, 0x0d954, 0x0d4a0, 0x0da50, 0x07552, 0x056a0, 0x0abb7, 0x025d0, 0x092d0, 0x0cab5, //2000-2009
+		0x0a950, 0x0b4a0, 0x0baa4, 0x0ad50, 0x055d9, 0x04ba0, 0x0a5b0, 0x15176, 0x052b0, 0x0a930, //2010-2019
+		0x07954, 0x06aa0, 0x0ad50, 0x05b52, 0x04b60, 0x0a6e6, 0x0a4e0, 0x0d260, 0x0ea65, 0x0d530, //2020-2029
+		0x05aa0, 0x076a3, 0x096d0, 0x04afb, 0x04ad0, 0x0a4d0, 0x1d0b6, 0x0d250, 0x0d520, 0x0dd45, //2030-2039
+		0x0b5a0, 0x056d0, 0x055b2, 0x049b0, 0x0a577, 0x0a4b0, 0x0aa50, 0x1b255, 0x06d20, 0x0ada0, //2040-2049
+		0x14b63, 0x09370, 0x049f8, 0x04970, 0x064b0, 0x168a6, 0x0ea50, 0x06b20, 0x1a6c4, 0x0aae0, //2050-2059
+		0x0a2e0, 0x0d2e3, 0x0c960, 0x0d557, 0x0d4a0, 0x0da50, 0x05d55, 0x056a0, 0x0a6d0, 0x055d4, //2060-2069
+		0x052d0, 0x0a9b8, 0x0a950, 0x0b4a0, 0x0b6a6, 0x0ad50, 0x055a0, 0x0aba4, 0x0a5b0, 0x052b0, //2070-2079
+		0x0b273, 0x06930, 0x07337, 0x06aa0, 0x0ad50, 0x14b55, 0x04b60, 0x0a570, 0x054e4, 0x0d160, //2080-2089
+		0x0e968, 0x0d520, 0x0daa0, 0x16aa6, 0x056d0, 0x04ae0, 0x0a9d4, 0x0a2d0, 0x0d150, 0x0f252, //2090-2099
+		0x0d520
+	], //2100
+	/**
+	 * 公历每个月份的天数普通表
+	 * @Array Of Property
+	 * @return Number
+	 */
+	solarMonth: [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31],
+	/**
+	 * 天干地支之天干速查表
+	 * @Array Of Property trans["甲","乙","丙","丁","戊","己","庚","辛","壬","癸"]
+	 * @return Cn string
+	 */
+	Gan: ["\u7532", "\u4e59", "\u4e19", "\u4e01", "\u620a", "\u5df1", "\u5e9a", "\u8f9b", "\u58ec", "\u7678"],
+	/**
+	 * 天干地支之地支速查表
+	 * @Array Of Property
+	 * @trans["子","丑","寅","卯","辰","巳","午","未","申","酉","戌","亥"]
+	 * @return Cn string
+	 */
+	Zhi: ["\u5b50", "\u4e11", "\u5bc5", "\u536f", "\u8fb0", "\u5df3", "\u5348", "\u672a", "\u7533", "\u9149",
+		"\u620c",
+		"\u4ea5"
+	],
+	/**
+	 * 天干地支之地支速查表<=>生肖
+	 * @Array Of Property
+	 * @trans["鼠","牛","虎","兔","龙","蛇","马","羊","猴","鸡","狗","猪"]
+	 * @return Cn string
+	 */
+	Animals: ["\u9f20", "\u725b", "\u864e", "\u5154", "\u9f99", "\u86c7", "\u9a6c", "\u7f8a", "\u7334", "\u9e21",
+		"\u72d7", "\u732a"
+	],
+	/**
+	 * 24节气速查表
+	 * @Array Of Property
+	 * @trans["小寒","大寒","立春","雨水","惊蛰","春分","清明","谷雨","立夏","小满","芒种","夏至","小暑","大暑","立秋","处暑","白露","秋分","寒露","霜降","立冬","小雪","大雪","冬至"]
+	 * @return Cn string
+	 */
+	solarTerm: ["\u5c0f\u5bd2", "\u5927\u5bd2", "\u7acb\u6625", "\u96e8\u6c34", "\u60ca\u86f0", "\u6625\u5206",
+		"\u6e05\u660e", "\u8c37\u96e8", "\u7acb\u590f", "\u5c0f\u6ee1", "\u8292\u79cd", "\u590f\u81f3",
+		"\u5c0f\u6691",
+		"\u5927\u6691", "\u7acb\u79cb", "\u5904\u6691", "\u767d\u9732", "\u79cb\u5206", "\u5bd2\u9732",
+		"\u971c\u964d",
+		"\u7acb\u51ac", "\u5c0f\u96ea", "\u5927\u96ea", "\u51ac\u81f3"
+	],
+	/**
+	 * 1900-2100各年的24节气日期速查表
+	 * @Array Of Property
+	 * @return 0x string For splice
+	 */
+	sTermInfo: ['9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
+		'97bcf97c3598082c95f8c965cc920f',
+		'97bd0b06bdb0722c965ce1cfcc920f', 'b027097bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
+		'97bcf97c359801ec95f8c965cc920f', '97bd0b06bdb0722c965ce1cfcc920f', 'b027097bd097c36b0b6fc9274c91aa',
+		'97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f', '97bd0b06bdb0722c965ce1cfcc920f',
+		'b027097bd097c36b0b6fc9274c91aa', '9778397bd19801ec9210c965cc920e', '97b6b97bd19801ec95f8c965cc920f',
+		'97bd09801d98082c95f8e1cfcc920f', '97bd097bd097c36b0b6fc9210c8dc2', '9778397bd197c36c9210c9274c91aa',
+		'97b6b97bd19801ec95f8c965cc920e', '97bd09801d98082c95f8e1cfcc920f', '97bd097bd097c36b0b6fc9210c8dc2',
+		'9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec95f8c965cc920e', '97bcf97c3598082c95f8e1cfcc920f',
+		'97bd097bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec9210c965cc920e',
+		'97bcf97c3598082c95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
+		'97b6b97bd19801ec9210c965cc920e', '97bcf97c3598082c95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722',
+		'9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f',
+		'97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
+		'97bcf97c359801ec95f8c965cc920f', '97bd097bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
+		'97b6b97bd19801ec9210c965cc920e', '97bcf97c359801ec95f8c965cc920f', '97bd097bd07f595b0b6fc920fb0722',
+		'9778397bd097c36b0b6fc9210c8dc2', '9778397bd19801ec9210c9274c920e', '97b6b97bd19801ec95f8c965cc920f',
+		'97bd07f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c920e',
+		'97b6b97bd19801ec95f8c965cc920f', '97bd07f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2',
+		'9778397bd097c36c9210c9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bd07f1487f595b0b0bc920fb0722',
+		'7f0e397bd097c36b0b6fc9210c8dc2', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
+		'97bcf7f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
+		'97b6b97bd19801ec9210c965cc920e', '97bcf7f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
+		'9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e', '97bcf7f1487f531b0b0bb0b6fb0722',
+		'7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b97bd19801ec9210c965cc920e',
+		'97bcf7f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
+		'97b6b97bd19801ec9210c9274c920e', '97bcf7f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
+		'9778397bd097c36b0b6fc9210c91aa', '97b6b97bd197c36c9210c9274c920e', '97bcf7f0e47f531b0b0bb0b6fb0722',
+		'7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9210c8dc2', '9778397bd097c36c9210c9274c920e',
+		'97b6b7f0e47f531b0723b0b6fb0722', '7f0e37f5307f595b0b0bc920fb0722', '7f0e397bd097c36b0b6fc9210c8dc2',
+		'9778397bd097c36b0b70c9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721', '7f0e37f1487f595b0b0bb0b6fb0722',
+		'7f0e397bd097c35b0b6fc9210c8dc2', '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721',
+		'7f0e27f1487f595b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
+		'97b6b7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
+		'9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
+		'7f0e397bd097c35b0b6fc920fb0722', '9778397bd097c36b0b6fc9274c91aa', '97b6b7f0e47f531b0723b0b6fb0721',
+		'7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9274c91aa',
+		'97b6b7f0e47f531b0723b0787b0721', '7f0e27f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
+		'9778397bd097c36b0b6fc9210c91aa', '97b6b7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
+		'7f0e397bd07f595b0b0bc920fb0722', '9778397bd097c36b0b6fc9210c8dc2', '977837f0e37f149b0723b0787b0721',
+		'7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f5307f595b0b0bc920fb0722', '7f0e397bd097c35b0b6fc9210c8dc2',
+		'977837f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e37f1487f595b0b0bb0b6fb0722',
+		'7f0e397bd097c35b0b6fc9210c8dc2', '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
+		'7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722', '977837f0e37f14998082b0787b06bd',
+		'7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd097c35b0b6fc920fb0722',
+		'977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
+		'7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
+		'7f0e27f1487f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14998082b0787b06bd',
+		'7f07e7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0b0bb0b6fb0722', '7f0e397bd07f595b0b0bc920fb0722',
+		'977837f0e37f14998082b0723b06bd', '7f07e7f0e37f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
+		'7f0e397bd07f595b0b0bc920fb0722', '977837f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b0721',
+		'7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f1487f595b0b0bb0b6fb0722', '7f0e37f0e37f14898082b0723b02d5',
+		'7ec967f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0722', '7f0e37f1487f531b0b0bb0b6fb0722',
+		'7f0e37f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
+		'7f0e37f1487f531b0b0bb0b6fb0722', '7f0e37f0e37f14898082b072297c35', '7ec967f0e37f14998082b0787b06bd',
+		'7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722', '7f0e37f0e37f14898082b072297c35',
+		'7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722',
+		'7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f149b0723b0787b0721',
+		'7f0e27f1487f531b0b0bb0b6fb0722', '7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14998082b0723b06bd',
+		'7f07e7f0e47f149b0723b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722', '7f0e37f0e366aa89801eb072297c35',
+		'7ec967f0e37f14998082b0723b06bd', '7f07e7f0e37f14998083b0787b0721', '7f0e27f0e47f531b0723b0b6fb0722',
+		'7f0e37f0e366aa89801eb072297c35', '7ec967f0e37f14898082b0723b02d5', '7f07e7f0e37f14998082b0787b0721',
+		'7f07e7f0e47f531b0723b0b6fb0722', '7f0e36665b66aa89801e9808297c35', '665f67f0e37f14898082b0723b02d5',
+		'7ec967f0e37f14998082b0787b0721', '7f07e7f0e47f531b0723b0b6fb0722', '7f0e36665b66a449801e9808297c35',
+		'665f67f0e37f14898082b0723b02d5', '7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721',
+		'7f0e36665b66a449801e9808297c35', '665f67f0e37f14898082b072297c35', '7ec967f0e37f14998082b0787b06bd',
+		'7f07e7f0e47f531b0723b0b6fb0721', '7f0e26665b66a449801e9808297c35', '665f67f0e37f1489801eb072297c35',
+		'7ec967f0e37f14998082b0787b06bd', '7f07e7f0e47f531b0723b0b6fb0721', '7f0e27f1487f531b0b0bb0b6fb0722'
+	],
+	/**
+	 * 数字转中文速查表
+	 * @Array Of Property
+	 * @trans ['日','一','二','三','四','五','六','七','八','九','十']
+	 * @return Cn string
+	 */
+	nStr1: ["\u65e5", "\u4e00", "\u4e8c", "\u4e09", "\u56db", "\u4e94", "\u516d", "\u4e03", "\u516b", "\u4e5d",
+		"\u5341"
+	],
+	/**
+	 * 日期转农历称呼速查表
+	 * @Array Of Property
+	 * @trans ['初','十','廿','卅']
+	 * @return Cn string
+	 */
+	nStr2: ["\u521d", "\u5341", "\u5eff", "\u5345"],
+	/**
+	 * 月份转农历称呼速查表
+	 * @Array Of Property
+	 * @trans ['正','一','二','三','四','五','六','七','八','九','十','冬','腊']
+	 * @return Cn string
+	 */
+	nStr3: ["\u6b63", "\u4e8c", "\u4e09", "\u56db", "\u4e94", "\u516d", "\u4e03", "\u516b", "\u4e5d", "\u5341",
+		"\u51ac",
+		"\u814a"
+	],
+	/**
+	 * 返回农历y年一整年的总天数
+	 * @param lunar Year
+	 * @return Number
+	 * @eg:let count = calendar.lYearDays(1987) ;//count=387
+	 */
+	lYearDays: function(y) {
+		let i, sum = 348;
+		for (i = 0x8000; i > 0x8; i >>= 1) {
+			sum += (calendar.lunarInfo[y - 1900] & i) ? 1 : 0;
+		}
+		return (sum + calendar.leapDays(y));
+	},
+	/**
+	 * 返回农历y年闰月是哪个月；若y年没有闰月 则返回0
+	 * @param lunar Year
+	 * @return Number (0-12)
+	 * @eg:let leapMonth = calendar.leapMonth(1987) ;//leapMonth=6
+	 */
+	leapMonth: function(y) { //闰字编码 \u95f0
+		return (calendar.lunarInfo[y - 1900] & 0xf);
+	},
+	/**
+	 * 返回农历y年闰月的天数 若该年没有闰月则返回0
+	 * @param lunar Year
+	 * @return Number (0、29、30)
+	 * @eg:let leapMonthDay = calendar.leapDays(1987) ;//leapMonthDay=29
+	 */
+	leapDays: function(y) {
+		if (calendar.leapMonth(y)) {
+			return ((calendar.lunarInfo[y - 1900] & 0x10000) ? 30 : 29);
+		}
+		return (0);
+	},
+	/**
+	 * 返回农历y年m月（非闰月）的总天数，计算m为闰月时的天数请使用leapDays方法
+	 * @param lunar Year
+	 * @return Number (-1、29、30)
+	 * @eg:let MonthDay = calendar.monthDays(1987,9) ;//MonthDay=29
+	 */
+	monthDays: function(y, m) {
+		if (m > 12 || m < 1) {
+			return -1
+		} //月份参数从1至12，参数错误返回-1
+		return ((calendar.lunarInfo[y - 1900] & (0x10000 >> m)) ? 30 : 29);
+	},
+	/**
+	 * 返回公历(!)y年m月的天数
+	 * @param solar Year
+	 * @return Number (-1、28、29、30、31)
+	 * @eg:let solarMonthDay = calendar.leapDays(1987) ;//solarMonthDay=30
+	 */
+	solarDays: function(y, m) {
+		if (m > 12 || m < 1) {
+			return -1
+		} //若参数错误 返回-1
+		let ms = m - 1;
+		if (ms == 1) { //2月份的闰平规律测算后确认返回28或29
+			return (((y % 4 == 0) && (y % 100 != 0) || (y % 400 == 0)) ? 29 : 28);
+		} else {
+			return (calendar.solarMonth[ms]);
+		}
+	},
+	/**
+	 * 农历年份转换为干支纪年
+	 * @param lYear 农历年的年份数
+	 * @return Cn string
+	 */
+	toGanZhiYear: function(lYear) {
+		let ganKey = (lYear - 3) % 10;
+		let zhiKey = (lYear - 3) % 12;
+		if (ganKey == 0) ganKey = 10; //如果余数为0则为最后一个天干
+		if (zhiKey == 0) zhiKey = 12; //如果余数为0则为最后一个地支
+		return calendar.Gan[ganKey - 1] + calendar.Zhi[zhiKey - 1];
+	},
+	/**
+	 * 公历月、日判断所属星座
+	 * @param cMonth [description]
+	 * @param cDay [description]
+	 * @return Cn string
+	 */
+	toAstro: function(cMonth, cDay) {
+		let s =
+			"\u9b54\u7faf\u6c34\u74f6\u53cc\u9c7c\u767d\u7f8a\u91d1\u725b\u53cc\u5b50\u5de8\u87f9\u72ee\u5b50\u5904\u5973\u5929\u79e4\u5929\u874e\u5c04\u624b\u9b54\u7faf";
+		let arr = [20, 19, 21, 21, 21, 22, 23, 23, 23, 23, 22, 22];
+		return s.substr(cMonth * 2 - (cDay < arr[cMonth - 1] ? 2 : 0), 2) + "\u5ea7"; //座
+	},
+	/**
+	 * 传入offset偏移量返回干支
+	 * @param offset 相对甲子的偏移量
+	 * @return Cn string
+	 */
+	toGanZhi: function(offset) {
+		return calendar.Gan[offset % 10] + calendar.Zhi[offset % 12];
+	},
+	/**
+	 * 传入公历(!)y年获得该年第n个节气的公历日期
+	 * @param y公历年(1900-2100)；n二十四节气中的第几个节气(1~24)；从n=1(小寒)算起
+	 * @return day Number
+	 * @eg:let _24 = calendar.getTerm(1987,3) ;//_24=4;意即1987年2月4日立春
+	 */
+	getTerm: function(y, n) {
+		if (y < 1900 || y > 2100) {
+			return -1;
+		}
+		if (n < 1 || n > 24) {
+			return -1;
+		}
+		let _table = calendar.sTermInfo[y - 1900];
+		let _info = [
+			parseInt('0x' + _table.substr(0, 5)).toString(),
+			parseInt('0x' + _table.substr(5, 5)).toString(),
+			parseInt('0x' + _table.substr(10, 5)).toString(),
+			parseInt('0x' + _table.substr(15, 5)).toString(),
+			parseInt('0x' + _table.substr(20, 5)).toString(),
+			parseInt('0x' + _table.substr(25, 5)).toString()
+		];
+		let _calday = [
+			_info[0].substr(0, 1),
+			_info[0].substr(1, 2),
+			_info[0].substr(3, 1),
+			_info[0].substr(4, 2),
+			_info[1].substr(0, 1),
+			_info[1].substr(1, 2),
+			_info[1].substr(3, 1),
+			_info[1].substr(4, 2),
+			_info[2].substr(0, 1),
+			_info[2].substr(1, 2),
+			_info[2].substr(3, 1),
+			_info[2].substr(4, 2),
+			_info[3].substr(0, 1),
+			_info[3].substr(1, 2),
+			_info[3].substr(3, 1),
+			_info[3].substr(4, 2),
+			_info[4].substr(0, 1),
+			_info[4].substr(1, 2),
+			_info[4].substr(3, 1),
+			_info[4].substr(4, 2),
+			_info[5].substr(0, 1),
+			_info[5].substr(1, 2),
+			_info[5].substr(3, 1),
+			_info[5].substr(4, 2),
+		];
+		return parseInt(_calday[n - 1]);
+	},
+	/**
+	 * 传入农历数字月份返回汉语通俗表示法
+	 * @param lunar month
+	 * @return Cn string
+	 * @eg:let cnMonth = calendar.toChinaMonth(12) ;//cnMonth='腊月'
+	 */
+	toChinaMonth: function(m) { // 月 => \u6708
+		if (m > 12 || m < 1) {
+			return -1
+		} //若参数错误 返回-1
+		let s = calendar.nStr3[m - 1];
+		s += "\u6708"; //加上月字
+		return s;
+	},
+	/**
+	 * 传入农历日期数字返回汉字表示法
+	 * @param lunar day
+	 * @return Cn string
+	 * @eg:let cnDay = calendar.toChinaDay(21) ;//cnMonth='廿一'
+	 */
+	toChinaDay: function(d) { //日 => \u65e5
+		let s;
+		switch (d) {
+			case 10:
+				s = '\u521d\u5341';
+				break;
+			case 20:
+				s = '\u4e8c\u5341';
+				break;
+				break;
+			case 30:
+				s = '\u4e09\u5341';
+				break;
+				break;
+			default:
+				s = calendar.nStr2[Math.floor(d / 10)];
+				s += calendar.nStr1[d % 10];
+		}
+		return (s);
+	},
+	/**
+	 * 年份转生肖[!仅能大致转换] => 精确划分生肖分界线是“立春”
+	 * @param y year
+	 * @return Cn string
+	 * @eg:let animal = calendar.getAnimal(1987) ;//animal='兔'
+	 */
+	getAnimal: function(y) {
+		return calendar.Animals[(y - 4) % 12]
+	},
+	/**
+	 * 传入阳历年月日获得详细的公历、农历object信息 <=>JSON
+	 * @param y solar year
+	 * @param m solar month
+	 * @param d solar day
+	 * @return JSON object
+	 * @eg:console.log(calendar.solar2lunar(1987,11,01));
+	 */
+	solar2lunar: function(y, m, d) { //参数区间1900.1.31~2100.12.31
+		if (y < 1900 || y > 2100) {
+			return -1;
+		} //年份限定、上限
+		if (y == 1900 && m == 1 && d < 31) {
+			return -1;
+		} //下限
+		let objDate;
+		if (!y) { //未传参 获得当天
+			objDate = new Date();
+		} else {
+			objDate = new Date(y, parseInt(m) - 1, d)
+		}
+		let i, leap = 0,
+			temp = 0;
+		//修正ymd参数
+		y = objDate.getFullYear();
+		m = objDate.getMonth() + 1;
+		d = objDate.getDate();
+		let offset = (Date.UTC(objDate.getFullYear(), objDate.getMonth(), objDate.getDate()) - Date.UTC(1900, 0,
+				31)) /
+			86400000;
+		for (i = 1900; i < 2101 && offset > 0; i++) {
+			temp = calendar.lYearDays(i);
+			offset -= temp;
+		}
+		if (offset < 0) {
+			offset += temp;
+			i--;
+		}
+		//是否今天
+		let isTodayObj = new Date(),
+			isToday = false;
+		if (isTodayObj.getFullYear() == y && isTodayObj.getMonth() + 1 == m && isTodayObj.getDate() == d) {
+			isToday = true;
+		}
+		//星期几
+		let nWeek = objDate.getDay(),
+			cWeek = calendar.nStr1[nWeek];
+		if (nWeek == 0) {
+			nWeek = 7;
+		} //数字表示周几顺应天朝周一开始的惯例
+		//农历年
+		let year = i;
+		leap = calendar.leapMonth(i); //闰哪个月
+		let isLeap = false;
+		//效验闰月
+		for (i = 1; i < 13 && offset > 0; i++) {
+			//闰月
+			if (leap > 0 && i == (leap + 1) && isLeap == false) {
+				--i;
+				isLeap = true;
+				temp = calendar.leapDays(year); //计算农历闰月天数
+			} else {
+				temp = calendar.monthDays(year, i); //计算农历普通月天数
+			}
+			//解除闰月
+			if (isLeap == true && i == (leap + 1)) {
+				isLeap = false;
+			}
+			offset -= temp;
+		}
+		if (offset == 0 && leap > 0 && i == leap + 1)
+			if (isLeap) {
+				isLeap = false;
+			} else {
+				isLeap = true;
+				--i;
+			}
+		if (offset < 0) {
+			offset += temp;
+			--i;
+		}
+		//农历月
+		let month = i;
+		//农历日
+		let day = offset + 1;
+		//天干地支处理
+		let sm = m - 1;
+		let gzY = calendar.toGanZhiYear(year);
+		//月柱 1900年1月小寒以前为 丙子月(60进制12)
+		let firstNode = calendar.getTerm(year, (m * 2 - 1)); //返回当月「节」为几日开始
+		let secondNode = calendar.getTerm(year, (m * 2)); //返回当月「节」为几日开始
+		//依据12节气修正干支月
+		let gzM = calendar.toGanZhi((y - 1900) * 12 + m + 11);
+		if (d >= firstNode) {
+			gzM = calendar.toGanZhi((y - 1900) * 12 + m + 12);
+		}
+		//传入的日期的节气与否
+		let isTerm = false;
+		let Term = null;
+		if (firstNode == d) {
+			isTerm = true;
+			Term = calendar.solarTerm[m * 2 - 2];
+		}
+		if (secondNode == d) {
+			isTerm = true;
+			Term = calendar.solarTerm[m * 2 - 1];
+		}
+		//日柱 当月一日与 1900/1/1 相差天数
+		let dayCyclical = Date.UTC(y, sm, 1, 0, 0, 0, 0) / 86400000 + 25567 + 10;
+		let gzD = calendar.toGanZhi(dayCyclical + d - 1);
+		//该日期所属的星座
+		let astro = calendar.toAstro(m, d);
+		return {
+			'lYear': year,
+			'lMonth': month,
+			'lDay': day,
+			'Animal': calendar.getAnimal(year),
+			'IMonthCn': (isLeap ? "\u95f0" : '') + calendar.toChinaMonth(month),
+			'IDayCn': calendar.toChinaDay(day),
+			'cYear': y,
+			'cMonth': m,
+			'cDay': d,
+			'gzYear': gzY,
+			'gzMonth': gzM,
+			'gzDay': gzD,
+			'isToday': isToday,
+			'isLeap': isLeap,
+			'nWeek': nWeek,
+			'ncWeek': "\u661f\u671f" + cWeek,
+			'isTerm': isTerm,
+			'Term': Term,
+			'astro': astro
+		};
+	},
+	/**
+	 * 传入农历年月日以及传入的月份是否闰月获得详细的公历、农历object信息 <=>JSON
+	 * @param y lunar year
+	 * @param m lunar month
+	 * @param d lunar day
+	 * @param isLeapMonth lunar month is leap or not.[如果是农历闰月第四个参数赋值true即可]
+	 * @return JSON object
+	 * @eg:console.log(calendar.lunar2solar(1987,9,10));
+	 */
+	lunar2solar: function(y, m, d, isLeapMonth) { //参数区间1900.1.31~2100.12.1
+		isLeapMonth = !!isLeapMonth;
+		let leapOffset = 0;
+		let leapMonth = calendar.leapMonth(y);
+		let leapDay = calendar.leapDays(y);
+		if (isLeapMonth && (leapMonth != m)) {
+			return -1;
+		} //传参要求计算该闰月公历 但该年得出的闰月与传参的月份并不同
+		if (y == 2100 && m == 12 && d > 1 || y == 1900 && m == 1 && d < 31) {
+			return -1;
+		} //超出了最大极限值
+		let day = calendar.monthDays(y, m);
+		let _day = day;
+		//bugFix 2016-9-25
+		//if month is leap, _day use leapDays method
+		if (isLeapMonth) {
+			_day = calendar.leapDays(y, m);
+		}
+		if (y < 1900 || y > 2100 || d > _day) {
+			return -1;
+		} //参数合法性效验
+		//计算农历的时间差
+		let offset = 0;
+		for (let i = 1900; i < y; i++) {
+			offset += calendar.lYearDays(i);
+		}
+		let leap = 0,
+			isAdd = false;
+		for (let i = 1; i < m; i++) {
+			leap = calendar.leapMonth(y);
+			if (!isAdd) { //处理闰月
+				if (leap <= i && leap > 0) {
+					offset += calendar.leapDays(y);
+					isAdd = true;
+				}
+			}
+			offset += calendar.monthDays(y, i);
+		}
+		//转换闰月农历 需补充该年闰月的前一个月的时差
+		if (isLeapMonth) {
+			offset += day;
+		}
+		//1900年农历正月一日的公历时间为1900年1月30日0时0分0秒(该时间也是本农历的最开始起始点)
+		let stmap = Date.UTC(1900, 1, 30, 0, 0, 0);
+		let calObj = new Date((offset + d - 31) * 86400000 + stmap);
+		let cY = calObj.getUTCFullYear();
+		let cM = calObj.getUTCMonth() + 1;
+		let cD = calObj.getUTCDate();
+		return calendar.solar2lunar(cY, cM, cD);
+	}
+};
+
+const lang = {
+	m_cn: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月'],
+	m_en: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'],
+	h_cn: ['日', '一', '二', '三', '四', '五', '六'],
+	h_en: ['S', 'M', 'T', 'W', 'T', 'F', 'S']
+}
+
+export default {
+	solarTolunar: calendar.solar2lunar,
+	lunarTosolar: calendar.lunar2solar,
+	lang: lang
+};
\ No newline at end of file
diff --git a/components/firstui/fui-card/fui-card.vue b/components/firstui/fui-card/fui-card.vue
new file mode 100644
index 0000000..766dec2
--- /dev/null
+++ b/components/firstui/fui-card/fui-card.vue
@@ -0,0 +1,326 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8 6140   7 2   5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-card__wrap"
+		:class="{'fui-card__full':full,'fui-card__border':showBorder,'fui-card__border-radius':showBorder && !isNvue && !full}"
+		:style="{marginTop:margin[0] || 0,marginRight:full?0: (margin[1] || 0),marginBottom:margin[2] || margin[0] || 0,marginLeft:full?0:(margin[3] || margin[1] || 0),background:background,borderRadius:full?0:radius,'box-shadow':showBorder?'none':shadow,borderColor:isNvue?borderColor:'transparent'}"
+		@tap="handleClick">
+		<view class="fui-card__header" v-if="tag || title || src" :class="{'fui-card__header-line':headerLine}"
+			:style="{'border-top-left-radius':full?0:radius,'border-top-right-radius':full?0:radius,'border-bottom-color':isNvue && headerLine?lineColor:'transparent',paddingTop:padding[0] || 0,paddingRight:padding[1]||0,paddingBottom:padding[2] || padding[0] || 0,paddingLeft:padding[3] || padding[1] || 0,background:headerBackground}">
+			<view class="fui-card__header-left">
+				<image :src="src" class="fui-card__header-thumb" v-if="src"
+					:style="{height:height+'rpx',width:width+'rpx',borderRadius:imageRadius}"></image>
+				<text class="fui-card__header-title" :style="{fontSize:size+'rpx',color:color}"
+					v-if="title">{{title}}</text>
+			</view>
+			<view class="fui-card__header-right" v-if="tag">
+				<text :style="{fontSize:tagSize+'rpx',color:tagColor}">{{tag}}</text>
+			</view>
+		</view>
+		<view class="fui-card__body" :class="{'fui-card__header-line':footerLine}">
+			<slot></slot>
+		</view>
+		<view class="fui-card__footer"
+			:style="{'border-bottom-left-radius':full?0:radius,'border-bottom-right-radius':full?0:radius}">
+			<slot name="footer"></slot>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-card",
+		emits: ['click'],
+		props: {
+			//card margin值：[上、右、下、左]
+			margin: {
+				type: Array,
+				default () {
+					return ['0', '32rpx']
+				}
+			},
+			//是否通栏，为true时margin-left，margin-right失效
+			full: {
+				type: Boolean,
+				default: false
+			},
+			//card 背景色
+			background: {
+				type: String,
+				default: '#fff'
+			},
+			//card 圆角，非nvue下showBorder为false时生效
+			radius: {
+				type: String,
+				default: '16rpx'
+			},
+			//阴影：nvue下
+			shadow: {
+				type: String,
+				default: '0 2rpx 4rpx 0 rgba(2, 4, 38, 0.05)'
+			},
+			//是否显示card 边框，为true时box-shadow失效
+			showBorder: {
+				type: Boolean,
+				default: false
+			},
+			//边框颜色，仅nvue下生效
+			borderColor: {
+				type: String,
+				default: 'red'
+			},
+			headerBackground: {
+				type: String,
+				default: '#fff'
+			},
+			//是否需要header底部线条
+			headerLine: {
+				type: Boolean,
+				default: true
+			},
+			//是否需要内容与footer之间线条
+			footerLine: {
+				type: Boolean,
+				default: false
+			},
+			//header 底部线条颜色，仅nvue有效，非nvue改变颜色使用css变量
+			lineColor: {
+				type: String,
+				default: '#EEEEEE'
+			},
+			//header padding值：[上、右、下、左]
+			padding: {
+				type: Array,
+				default () {
+					return ['20rpx', '20rpx']
+				}
+			},
+			//头像，图标图片地址
+			src: {
+				type: String,
+				default: ''
+			},
+			//图片宽度，单位rpx
+			width: {
+				type: [Number, String],
+				default: 64
+			},
+			//图片高度，单位rpx
+			height: {
+				type: [Number, String],
+				default: 64
+			},
+			//图片圆角
+			imageRadius: {
+				type: String,
+				default: '8rpx'
+			},
+			title: {
+				type: String,
+				default: ''
+			},
+			size: {
+				type: [Number, String],
+				default: 30
+			},
+			color: {
+				type: String,
+				default: '#7F7F7F'
+			},
+			tag: {
+				type: String,
+				default: ''
+			},
+			tagSize: {
+				type: [Number, String],
+				default: 24
+			},
+			tagColor: {
+				type: String,
+				default: '#b2b2b2'
+			},
+			index: {
+				type: Number,
+				default: 0
+			}
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				isNvue
+			};
+		},
+		methods: {
+			handleClick() {
+				this.$emit('click', {
+					index: this.index
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-card__wrap {
+		/* #ifndef APP-NVUE */
+		flex: 1;
+		box-sizing: border-box;
+		/* #endif */
+		overflow: hidden;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-card__full {
+		margin-left: 0 !important;
+		margin-right: 0 !important;
+		border-radius: 0 !important;
+	}
+
+	/* #endif */
+
+	/* #ifndef APP-NVUE */
+	.fui-card__full::after {
+		border-radius: 0 !important;
+	}
+
+	/* #endif */
+
+	.fui-card__border {
+		position: relative;
+		box-shadow: none !important;
+		/* #ifdef APP-NVUE */
+		border-width: 0.5px;
+		border-style: solid;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-card__border-radius {
+		border-radius: 16rpx !important;
+	}
+
+	.fui-card__border::after {
+		content: ' ';
+		position: absolute;
+		height: 200%;
+		width: 200%;
+		border: 1px solid var(--fui-color-border, #EEEEEE);
+		transform-origin: 0 0;
+		-webkit-transform-origin: 0 0;
+		-webkit-transform: scale(0.5);
+		transform: scale(0.5);
+		left: 0;
+		top: 0;
+		border-radius: 32rpx;
+		box-sizing: border-box;
+		pointer-events: none;
+	}
+
+	/* #endif */
+
+	.fui-card__header {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: border-box;
+		overflow: hidden;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+		position: relative;
+	}
+
+	.fui-card__header-left {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		white-space: nowrap;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+	}
+
+	.fui-card__header-line {
+		position: relative;
+		/* #ifdef APP-NVUE */
+		border-bottom-width: 0.5px;
+		border-bottom-style: solid;
+		border-bottom-color: #EEEEEE;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-card__header-line::after {
+		content: '';
+		position: absolute;
+		border-bottom: 1px solid var(--fui-color-border, #EEEEEE);
+		-webkit-transform: scaleY(0.5);
+		transform: scaleY(0.5);
+		transform-origin: 0 100%;
+		bottom: 0;
+		right: 0;
+		left: 0;
+		pointer-events: none;
+	}
+
+	/* #endif */
+
+	.fui-card__header-thumb {
+		/* #ifndef APP-NVUE */
+		vertical-align: middle;
+		/* #endif */
+		margin-right: 20rpx;
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		/* #endif */
+	}
+
+	.fui-card__header-title {
+		/* #ifndef APP-NVUE */
+		display: inline-block;
+		vertical-align: middle;
+		max-width: 380rpx;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		overflow: hidden;
+		white-space: nowrap;
+		text-overflow: ellipsis;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		lines: 1;
+		/* #endif */
+	}
+
+	.fui-card__header-right {
+		text-align: right;
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		/* #endif */
+	}
+
+	.fui-card__body {
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		box-sizing: border-box;
+		/* #endif */
+	}
+
+	.fui-card__footer {
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		box-sizing: border-box;
+		/* #endif */
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-cascader/fui-cascader.vue b/components/firstui/fui-cascader/fui-cascader.vue
new file mode 100644
index 0000000..a3b93af
--- /dev/null
+++ b/components/firstui/fui-cascader/fui-cascader.vue
@@ -0,0 +1,588 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：       1 8 61 4072549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-cascader__wrap">
+		<view class="fui-cascader__header-wrap">
+			<scroll-view :scroll-x="true" scroll-with-animation :show-scrollbar="false" :scroll-into-view="scrollViewId"
+				:style="{ background: headBackground }" class="fui-cascader__scroll">
+				<view class="fui-cascader__header" :style="{ height: headHeight+'rpx'}">
+					<view class="fui-cascader__header-item" :id="`fui_cr_${idx}`" v-for="(item, idx) in selectedArr"
+						:key="idx" @tap.stop="swichTabs(idx)">
+						<text class="fui-cascader__header-text"
+							:class="{'fui-cascader__hi-width':item.text.length>6,'fui-cascader__color':idx === current && !getActiveColor}"
+							:style="{ color: idx === current ? getActiveColor : color, fontSize: size + 'rpx',fontWeight:idx === current?'bold':'normal' }">{{ item.text }}</text>
+						<view class="fui-cascader__header-line" :class="{'fui-cascader__bg':!getActiveColor}"
+							:style="{ background: getActiveColor }" v-if="idx === current && showLine"></view>
+					</view>
+				</view>
+			</scroll-view>
+			<view class="fui-cascader__border" :style="{background:borderColor}" v-if="showBorder"></view>
+		</view>
+		<!-- #ifdef MP-TOUTIAO -->
+		<view :style="{ height: height+'rpx', background: background}">
+			<swiper class="fui-cascader__list" :current="defCurrent" :circular="false" :duration="300"
+				@change="switchTab" :style="{ height: height+'rpx', background: background}" v-if="isShow">
+				<!-- #endif -->
+				<!-- #ifndef MP-TOUTIAO -->
+				<swiper class="fui-cascader__list" :current="defCurrent" :circular="false" :duration="300"
+					@change="switchTab" :style="{ height: height+'rpx', background: background}">
+					<!-- #endif -->
+					<swiper-item v-for="(item, index) in selectedArr" :key="index">
+						<scroll-view :show-scrollbar="false" scroll-y :scroll-into-view="item.scrollViewId"
+							class="fui-cascader__item-scroll" :style="{ height: height+'rpx', background: background }">
+							<view class="fui-cascader__seat"></view>
+							<view class="fui-cascader__cell" :id="`fui_c_${subi}`" v-for="(sub, subi) in item.data"
+								:key="subi" @tap.stop="change(index, subi, sub)">
+								<view class="fui-cascader__checkmark"
+									:class="{'fui-cascader__icon-border':!getActiveColor}"
+									:style="{borderBottomColor:checkMarkColor || getActiveColor,borderRightColor:checkMarkColor || getActiveColor}"
+									v-if="item.index === subi"></view>
+								<image :src="sub.src" v-if="sub.src" class="fui-cascader__img"
+									:style="{ width: imgWidth+'rpx', height: imgHeight+'rpx', borderRadius: radius+'rpx' }">
+								</image>
+								<text class="fui-cascader__text"
+									:style="{ color: item.index === subi ? textActiveColor : textColor, fontSize: textSize + 'rpx',fontWeight:item.index === subi?'bold':'normal' }">{{ sub.text }}</text>
+							</view>
+							<view class="fui-cascader__seat"></view>
+						</scroll-view>
+					</swiper-item>
+				</swiper>
+				<!-- #ifdef MP-TOUTIAO -->
+		</view>
+		<!-- #endif -->
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-cascader",
+		emits: ['change', 'complete'],
+		props: {
+			options: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			value: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			defaultKey: {
+				type: String,
+				default: 'value'
+			},
+			stepLoading: {
+				type: Boolean,
+				default: false
+			},
+			showBorder: {
+				type: Boolean,
+				default: true
+			},
+			borderColor: {
+				type: String,
+				default: '#eee'
+			},
+			headHeight: {
+				type: [Number, String],
+				default: 88
+			},
+			headBackground: {
+				type: String,
+				default: '#FFFFFF'
+			},
+			text: {
+				type: String,
+				default: '请选择'
+			},
+			size: {
+				type: [Number, String],
+				default: 28
+			},
+			color: {
+				type: String,
+				default: '#181818'
+			},
+			//选中颜色
+			activeColor: {
+				type: String,
+				default: ''
+			},
+			showLine: {
+				type: Boolean,
+				default: true
+			},
+			height: {
+				type: [Number, String],
+				default: 600
+			},
+			//item  swiper 内容部分背景颜色
+			background: {
+				type: String,
+				default: '#FFFFFF'
+			},
+			checkMarkColor: {
+				type: String,
+				default: ''
+			},
+			imgWidth: {
+				type: [Number, String],
+				default: 48
+			},
+			imgHeight: {
+				type: [Number, String],
+				default: 48
+			},
+			radius: {
+				type: [Number, String],
+				default: 0
+			},
+			textSize: {
+				type: [Number, String],
+				default: 26
+			},
+			textColor: {
+				type: String,
+				default: '#181818'
+			},
+			textActiveColor: {
+				type: String,
+				default: '#181818'
+			}
+		},
+		computed: {
+			getActiveColor() {
+				let color = this.activeColor;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color;
+			}
+		},
+		data() {
+			return {
+				current: 0,
+				defCurrent: 0,
+				selectedArr: [],
+				scrollViewId: 'fui_cr__0',
+				isShow: true
+			};
+		},
+		watch: {
+			options(vals) {
+				this.setDefaultOptions(this.value);
+			},
+			value(vals) {
+				this.setDefaultOptions(vals)
+			}
+		},
+		created() {
+			this.setDefaultOptions(this.value)
+		},
+		methods: {
+			//重置选择，暴露给用户使用
+			reset() {
+				this.initData(this.options, -1);
+			},
+			//设置请求返回数据，暴露给用户使用（分级加载数据）
+			setRequestData(data, layer) {
+				this.subLevelData(data, layer)
+			},
+			//无子级数据，选择结束
+			end(layer) {
+				this.subLevelData([], layer)
+			},
+			subLevelData(data, layer) {
+				if (!data || data.length === 0) {
+					if (layer == -1) return;
+					let arr = this.selectedArr;
+					if (layer < arr.length - 1) {
+						let newArr = arr.slice(0, layer + 1);
+						this.selectedArr = newArr;
+					}
+					// #ifdef MP-TOUTIAO
+					this.isShow = false
+					this.$nextTick(() => {
+						setTimeout(() => {
+							this.isShow = true
+						}, 10)
+					})
+					// #endif
+					let result = JSON.parse(JSON.stringify(this.selectedArr));
+					let lastItem = result[result.length - 1] || {};
+					let text = [];
+					let value = [];
+					let src = [];
+					result.map(item => {
+						text.push(item.text);
+						value.push(item.value)
+						src.push(item.src)
+						delete item['data'];
+						delete item['index'];
+						delete item['scrollViewId'];
+						return item;
+					});
+					this.$emit('complete', {
+						result: result,
+						value: value,
+						text: text,
+						src: src
+					});
+					setTimeout(() => {
+						this.scrollViewId = `fui_cr_${layer}`;
+					}, 50)
+				} else {
+					let item = [{
+						text: this.text,
+						value: '',
+						src: '',
+						index: -1,
+						scrollViewId: 'fui_c__0',
+						data
+					}];
+					if (layer == -1) {
+						this.selectedArr = item;
+					} else {
+						let retainArr = this.selectedArr.slice(0, layer + 1) || [];
+						this.selectedArr = retainArr.concat(item);
+					}
+					let current = this.selectedArr.length - 1;
+					if (current >= this.current) {
+						this.defCurrent = this.current
+					}
+					this.$nextTick(() => {
+						setTimeout(() => {
+							this.defCurrent = current;
+							this.current = current;
+							this.scrollViewId = `fui_cr_${this.current > 1?this.current - 1:0}`;
+						}, 50)
+					});
+				}
+			},
+			getDefaultIndex(arr, val) {
+				if (!arr || arr.length === 0 || val === undefined) return -1;
+				let key = this.defaultKey || 'value';
+				let index = -1;
+				for (let i = 0, len = arr.length; i < len; i++) {
+					if (arr[i][key] == val) {
+						index = i;
+						break;
+					}
+				}
+				return index;
+			},
+			removeChildren(data) {
+				let list = data.map(item => {
+					delete item['children'];
+					return item;
+				});
+				return list;
+			},
+			getItemList(layer, index, selectedArr) {
+				let list = [];
+				let arr = JSON.parse(JSON.stringify(this.options));
+				selectedArr = selectedArr || this.selectedArr
+				if (layer == -1) {
+					list = this.removeChildren(arr);
+				} else {
+					let subi = selectedArr[0].index;
+					subi = subi === undefined || subi == -1 ? index : subi;
+					if (arr[subi] && arr[subi].children) {
+						list = arr[subi].children
+					}
+					if (layer > 0) {
+						for (let i = 1; i < layer + 1; i++) {
+							let val = layer === i ? index : selectedArr[i].index;
+							list = val === -1 ? [] : (list[val].children || []);
+							if (list.length === 0) break;
+						}
+					}
+					list = this.removeChildren(list);
+				}
+				return list;
+			},
+			setDefaultOptions(vals) {
+				let options = this.options || []
+				if (!options || options.length === 0) return;
+				vals = vals || [];
+				let selectedArr = []
+				if (vals.length > 0) {
+					//分级加载
+					if (this.stepLoading) {
+						options.forEach((item, index) => {
+							let subi = this.getDefaultIndex(item, vals[index])
+							let obj = item[subi] || {}
+							selectedArr.push({
+								text: obj.text || this.text,
+								value: obj.value || '',
+								src: obj.src || '',
+								index: subi,
+								scrollViewId: `fui_c_${subi}`,
+								data: item
+							})
+						})
+					} else {
+						let subi = -1
+						for (let j = 0, len = vals.length; j < len; j++) {
+							let item = vals[j]
+							let list = []
+							let obj = {}
+							if (j === 0) {
+								list = this.getItemList(-1)
+							} else {
+								list = this.getItemList(j - 1, subi, selectedArr)
+							}
+							subi = this.getDefaultIndex(list, item)
+							if (subi !== -1) {
+								obj = list[subi]
+							}
+							selectedArr.push({
+								text: obj.text || this.text,
+								value: obj.value || '',
+								src: obj.src || '',
+								index: subi,
+								scrollViewId: `fui_c_${subi}`,
+								data: list
+							})
+							if (subi === -1) break;
+						}
+					}
+					this.selectedArr = selectedArr;
+					this.defCurrent = this.current;
+					let current = selectedArr.length - 1;
+					this.$nextTick(() => {
+						setTimeout(() => {
+							this.defCurrent = current;
+							this.current = current;
+							this.checkTabs();
+						}, 30)
+					});
+				} else {
+					this.initData(options, -1);
+				}
+			},
+			initData(data, layer) {
+				if (!data || data.length === 0) return;
+				if (this.stepLoading) {
+					if (Array.isArray(data[0])) {
+						data = data[0]
+					}
+					this.subLevelData(data, layer);
+				} else {
+					this.subLevelData(this.getItemList(layer, -1), layer);
+				}
+			},
+			swichTabs(current) {
+				if (this.current != current) {
+					this.defCurrent = this.current;
+					setTimeout(() => {
+						this.defCurrent = current;
+						this.current = current;
+					}, 30)
+				}
+			},
+			checkTabs() {
+				let current = this.current;
+				let item = this.selectedArr[current] || {};
+				item.scrollViewId = 'fui_c__0';
+				this.$nextTick(() => {
+					setTimeout(() => {
+						let index = Number(item.index)
+						let val = index < 2 ? 0 : index - 2;
+						item.scrollViewId = `fui_c_${val}`;
+					}, 30);
+				});
+				this.scrollViewId = `fui_cr_${current > 1?current - 1:0}`;
+			},
+			switchTab(e) {
+				this.current = e.detail.current;
+				this.checkTabs();
+			},
+			change(index, subi, sub) {
+				let item = this.selectedArr[index];
+				if (item.index == subi) return;
+				item.index = subi;
+				item.text = sub.text;
+				item.value = sub.value;
+				item.src = sub.src || '';
+				this.$emit('change', {
+					layer: index,
+					index: subi,
+					...sub
+				});
+				if (!this.stepLoading) {
+					let data = this.getItemList(index, subi);
+					this.subLevelData(data, index);
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-cascader__wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+	}
+
+	.fui-cascader__scroll {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		flex-direction: row;
+		/* #endif */
+	}
+
+	.fui-cascader__header-wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+		position: relative;
+	}
+
+	.fui-cascader__header {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: flex-start;
+	}
+
+	.fui-cascader__header-item {
+		padding: 24rpx 32rpx;
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		overflow: hidden;
+		/* #endif */
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+		position: relative;
+	}
+
+	.fui-cascader__header-text {
+		/* #ifndef APP-NVUE */
+		display: block;
+		white-space: nowrap;
+		/* #endif */
+		overflow: hidden;
+		text-overflow: ellipsis;
+		/* #ifdef APP-NVUE */
+		lines: 1;
+		/* #endif */
+		text-align: center;
+	}
+
+	.fui-cascader__hi-width {
+		width: 240rpx;
+	}
+
+	.fui-cascader__header-line {
+		height: 6rpx;
+		border-radius: 4rpx;
+		position: absolute;
+		bottom: 0;
+		left: 32rpx;
+		right: 32rpx;
+		z-index: 2;
+	}
+
+	.fui-cascader__border {
+		position: absolute;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		/* #ifdef APP-NVUE */
+		height: 0.5px;
+		z-index: -1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		height: 1px;
+		-webkit-transform: scaleY(0.5);
+		transform: scaleY(0.5);
+		transform-origin: 0 100%;
+		z-index: 1;
+		/* #endif */
+	}
+
+	.fui-cascader__list {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+	}
+
+	.fui-cascader__seat {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+		height: 24rpx;
+	}
+
+	.fui-cascader__cell {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		padding: 20rpx 32rpx;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-cascader__checkmark {
+		width: 24rpx;
+		height: 48rpx;
+		border-bottom-style: solid;
+		border-bottom-width: 3px;
+		border-bottom-color: #FFFFFF;
+		border-right-style: solid;
+		border-right-width: 3px;
+		border-right-color: #FFFFFF;
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		box-sizing: border-box;
+		transform: rotate(45deg) scale(0.5) translateZ(0);
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		transform: rotate(45deg) scale(0.5);
+		/* #endif */
+		transform-origin: 54% 48%;
+		margin-right: 16rpx;
+	}
+
+	.fui-cascader__img {
+		margin-right: 16rpx;
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-cascader__color {
+		color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-cascader__bg {
+		background: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-cascader__icon-border {
+		border-bottom-color: var(--fui-color-primary, #465CFF) !important;
+		border-right-color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-checkbox-group/fui-checkbox-group.vue b/components/firstui/fui-checkbox-group/fui-checkbox-group.vue
new file mode 100644
index 0000000..32b52f2
--- /dev/null
+++ b/components/firstui/fui-checkbox-group/fui-checkbox-group.vue
@@ -0,0 +1,102 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 86 1   4 0725 4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<!-- #ifdef APP-PLUS || H5 || MP-ALIPAY || MP-TOUTIAO|| MP-KUAISHOU || MP-JD || MP-360 || MP-LARK -->
+	<checkbox-group :name="name">
+		<slot></slot>
+	</checkbox-group>
+	<!-- #endif -->
+
+	<!-- #ifdef MP-WEIXIN || MP-BAIDU || MP-QQ -->
+	<fui-form-field :name="name" v-model="vals">
+		<slot></slot>
+	</fui-form-field>
+	<!-- #endif -->
+</template>
+
+<script>
+	export default {
+		name: "fui-checkbox-group",
+		emits: ['change', 'input', 'update:modelValue'],
+		// #ifdef MP-WEIXIN
+		behaviors: ['wx://form-field-group'],
+		// #endif
+		// #ifdef MP-BAIDU || MP-QQ || H5
+		behaviors: ['uni://form-field'],
+		// #endif
+		props: {
+			name: {
+				type: String,
+				default: ''
+			},
+			// #ifdef VUE3
+			modelValue: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			// #endif
+			value: {
+				type: Array,
+				default () {
+					return []
+				}
+			}
+		},
+		data() {
+			return {
+				vals: ''
+			};
+		},
+		watch: {
+			// #ifdef VUE3
+			modelValue(vals) {
+				this.modelChange(vals)
+			},
+			// #endif
+			value(vals) {
+				this.modelChange(vals)
+			}
+		},
+		created() {
+			this.childrens = []
+		},
+		methods: {
+			checkboxChange(e) {
+				this.$emit('change', e)
+				// TODO vue2 兼容
+				this.$emit('input', e.detail.value)
+				// TODO vue3 兼容
+				// #ifdef VUE3
+				this.$emit("update:modelValue", e.detail.value);
+				// #endif
+			},
+			changeValue(checked, target) {
+				let vals = []
+				this.childrens.forEach(item => {
+					if (item.val) {
+						vals.push(item.value);
+					}
+				})
+				this.vals = vals;
+				let e = {
+					detail: {
+						value: vals
+					}
+				}
+				this.checkboxChange(e)
+			},
+			modelChange(vals) {
+				this.childrens.forEach(item => {
+					if (vals.includes(item.value)) {
+						item.val = true;
+					} else {
+						item.val = false
+					}
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/components/firstui/fui-checkbox/fui-checkbox.vue b/components/firstui/fui-checkbox/fui-checkbox.vue
new file mode 100644
index 0000000..c1e8897
--- /dev/null
+++ b/components/firstui/fui-checkbox/fui-checkbox.vue
@@ -0,0 +1,241 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  1 86  140  7 2  549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-checkbox__input"
+		:class="{'fui-checkbox__disabled':disabled,'fui-checkbox__color':!getColor && val && !isCheckMark}"
+		:style="{backgroundColor:getBackgroundColor(val,isCheckMark),borderColor:getBorderColor(val,isCheckMark),zoom:isNvue?1:scaleRatio,transform:`scale(${isNvue?scaleRatio:1})`,borderRadius:borderRadius}"
+		@tap.stop="checkboxChange">
+		<view class="fui-check__mark" :style="{borderBottomColor:checkMarkColor,borderRightColor:checkMarkColor}"
+			v-if="val"></view>
+		<checkbox class="fui-checkbox__hidden" style="opacity: 0;position: absolute;" :color="getColor"
+			:disabled="disabled" :value="value" :checked="val">
+		</checkbox>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-checkbox",
+		emits: ['change'],
+		// #ifdef MP-WEIXIN
+		options: {
+			virtualHost: true
+		},
+		// #endif
+		props: {
+			value: {
+				type: String,
+				default: ''
+			},
+			checked: {
+				type: Boolean,
+				default: false
+			},
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+			//checkbox选中背景颜色
+			color: {
+				type: String,
+				default: ''
+			},
+			//checkbox未选中时边框颜色
+			borderColor: {
+				type: String,
+				default: '#ccc'
+			},
+			// #ifdef APP-NVUE
+			borderRadius: {
+				type: String,
+				default: '40px'
+			},
+			// #endif
+			// #ifndef APP-NVUE
+			borderRadius: {
+				type: String,
+				default: '50%'
+			},
+			// #endif
+			//是否只展示对号，无边框背景
+			isCheckMark: {
+				type: Boolean,
+				default: false
+			},
+			//对号颜色
+			checkMarkColor: {
+				type: String,
+				default: '#fff'
+			},
+			scaleRatio: {
+				type: [Number, String],
+				default: 1
+			}
+		},
+		created() {
+			this.val = this.checked;
+			this.group = this.getParent()
+			if (this.group) {
+				this.group.childrens.push(this);
+				if (this.group.value && this.group.value.length > 0) {
+					this.val = this.group.value.includes(this.value)
+				}
+				// #ifdef VUE3
+				if (this.group.modelValue && this.group.modelValue.length > 0) {
+					this.val = this.group.modelValue.includes(this.value)
+				}
+				// #endif
+			}
+			this.label = this.getParent('fui-label')
+			if (this.label) {
+				this.label.childrens.push(this);
+			}
+		},
+		watch: {
+			checked(newVal) {
+				this.val = newVal;
+			},
+			val(newVal) {
+				if (this.group) {
+					this.group.changeValue(this.val, this);
+				}
+			}
+		},
+		computed: {
+			getColor() {
+				let color = this.color;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color;
+			}
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				val: false,
+				isNvue: isNvue
+			};
+		},
+		methods: {
+			getBackgroundColor(val, isCheckMark) {
+				let color = val ? this.getColor : '#fff'
+				if (isCheckMark) {
+					color = 'transparent'
+				}
+				return color;
+			},
+			getBorderColor(val, isCheckMark) {
+				let color = val ? this.getColor : this.borderColor;
+				if (isCheckMark) {
+					color = 'transparent'
+				}
+				return color;
+			},
+			checkboxChange(e) {
+				if (this.disabled) return;
+				this.val = !this.val;
+				this.$emit('change', {
+					checked: this.val,
+					value: this.value
+				})
+			},
+			getParent(name = 'fui-checkbox-group') {
+				let parent = this.$parent;
+				let parentName = parent.$options.name;
+				while (parentName !== name) {
+					parent = parent.$parent;
+					if (!parent) return false;
+					parentName = parent.$options.name;
+				}
+				return parent;
+			},
+			labelClick() {
+				this.checkboxChange()
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-checkbox__input {
+		font-size: 0;
+		color: rgba(0, 0, 0, 0);
+		width: 40rpx;
+		height: 40rpx;
+		border-width: 1px;
+		border-style: solid;
+		/* #ifdef APP-NVUE */
+		border-radius: 40rpx;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		display: inline-flex;
+		box-sizing: border-box;
+		border-radius: 50%;
+		vertical-align: top;
+		flex-shrink: 0;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		overflow: hidden;
+		position: relative;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-checkbox__color {
+		background: var(--fui-color-primary, #465CFF) !important;
+		border-color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+
+	.fui-check__mark {
+		width: 20rpx;
+		height: 40rpx;
+		border-bottom-style: solid;
+		border-bottom-width: 3px;
+		border-bottom-color: #FFFFFF;
+		border-right-style: solid;
+		border-right-width: 3px;
+		border-right-color: #FFFFFF;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		transform: rotate(45deg) scale(0.5) translateZ(0);
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		transform: rotate(45deg) scale(0.5);
+		/* #endif */
+		transform-origin: 54% 48%;
+	}
+
+	.fui-checkbox__hidden {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		height: 100%;
+		border: 0 none;
+		-webkit-appearance: none;
+		-moz-appearance: none;
+		appearance: none;
+		pointer-events: none;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		width: 100wx;
+		height: 100wx;
+		border-width: 0;
+		/* #endif */
+		position: absolute;
+		top: 0;
+		left: 0;
+		z-index: 2;
+	}
+
+	.fui-checkbox__disabled {
+		opacity: 0.6;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-circle/fui-circle.vue b/components/firstui/fui-circle/fui-circle.vue
new file mode 100644
index 0000000..ddfdf27
--- /dev/null
+++ b/components/firstui/fui-circle/fui-circle.vue
@@ -0,0 +1,339 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 186 14    0  7254  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-circle__wrap" :style="{width: w+'px',height:w+'px'}">
+		<!-- #ifdef APP-NVUE -->
+		<gcanvas :ref="circleId" :style="{ width: w + 'px', height: w + 'px' }"></gcanvas>
+		<!-- #endif -->
+		<!-- #ifdef APP-VUE || H5 -->
+		<canvas :start="percentage" :change:start="parse.init" :width="w" :change:width="parse.widthChange"
+			:sw="strokeWidth" :change:sw="parse.widthChange" :data-width="w" :data-sw="strokeWidth" :data-lc="lineCap"
+			:data-size="size" :data-percent="percentage" :data-color="color || primaryColor" :data-show="show"
+			:data-ds="defaultShow" :data-background="background" :data-foreground="foreground || primaryColor"
+			:data-gradient="gradient" :data-sa="sAngle" :data-ccw="counterclockwise" :data-speed="speed"
+			:data-am="activeMode" :data-cid="circleId" :canvas-id="circleId" :class="[circleId]"
+			:style="{width: w + 'px',height: w + 'px'}"></canvas>
+		<!-- #endif -->
+
+		<!-- #ifdef MP -->
+		<!-- #ifdef MP-ALIPAY -->
+		<canvas class="fui-circle__canvas" :canvas-id="circleId" :id="circleId"
+			:style="{width: w*4 +'px',height:w*4 +'px'}"></canvas>
+		<!-- #endif -->
+		<!-- #ifndef MP-ALIPAY -->
+		<!-- 此处加v-if是因为vue3下编译到头条/抖音等小程序动态id失效，需等uni-app官方调整 -->
+		<canvas class="fui-circle__canvas" :canvas-id="circleId" :id="circleId" :style="{width: w +'px',height:w +'px'}"
+			v-if="circleId"></canvas>
+		<!-- #endif -->
+		<!-- #endif -->
+		<view class="fui-circle__inner">
+			<slot></slot>
+		</view>
+	</view>
+</template>
+<!-- #ifdef APP-VUE || H5 -->
+<script module="parse" lang="renderjs">
+	export default {
+		methods: {
+			widthChange(w, oldW, owner, ins) {
+				let res = ins.getDataset();
+				let percent = Number(res.percent);
+				this.init(percent, percent, owner, ins)
+			},
+			init(percent, oldPercent, owner, ins) {
+				let state = ins.getState();
+				let res = ins.getDataset();
+				const am = this.format(res.am);
+				let start = am === 'backwards' ? 0 : (state.start || 0);
+				start = start > percent ? 0 : start;
+				if (!state.context || !state.canvas) {
+					const width = res.width;
+					let ele = `.${res.cid}>canvas`
+					const canvas = document.querySelectorAll(this.format(ele))[0];
+					if (!canvas) return;
+					const ctx = canvas.getContext('2d');
+					state.context = ctx;
+					state.canvas = canvas;
+					this.drawCircle(start, ctx, canvas, percent, res, state, owner);
+				} else {
+					this.drawCircle(start, state.context, state.canvas, percent, res, state, owner);
+				}
+			},
+			drawDefaultCircle(ctx, canvas, res) {
+				let sa = Number(res.sa) * Math.PI
+				let eAngle = Math.PI * 2 + sa;
+				this.drawArc(ctx, eAngle, this.format(res.background), res);
+			},
+			drawPercent(ctx, percent, res) {
+				ctx.save();
+				ctx.beginPath();
+				ctx.fillStyle = this.format(res.color);
+				ctx.font = res.size + "px Arial";
+				ctx.textAlign = "center";
+				ctx.textBaseline = "middle";
+				let radius = res.width / 2;
+				percent = this.bool(res.ccw) ? 100 - percent : percent;
+				ctx.fillText(percent + '%', radius, radius);
+				ctx.stroke();
+				ctx.restore();
+			},
+			drawCircle(start, ctx, canvas, percent, res, state, owner) {
+				if (!ctx || !canvas) return;
+				let _this = this
+				let gradient = res.foreground;
+				if (this.format(res.gradient)) {
+					gradient = ctx.createLinearGradient(0, 0, Number(res.width), 0);
+					gradient.addColorStop(0, this.format(res.gradient));
+					gradient.addColorStop(1, this.format(res.foreground));
+				}
+				let requestId = null
+				let renderLoop = () => {
+					drawFrame((res) => {
+						if (res) {
+							requestId = requestAnimationFrame(renderLoop)
+						} else {
+							setTimeout(() => {
+								cancelAnimationFrame(requestId)
+								requestId = null;
+								renderLoop = null;
+							}, 20)
+						}
+					})
+				}
+				renderLoop()
+
+				function drawFrame(callback) {
+					ctx.clearRect(0, 0, canvas.width, canvas.width);
+					if (_this.bool(res.ds)) {
+						_this.drawDefaultCircle(ctx, canvas, res)
+					}
+					if (_this.bool(res.show)) {
+						_this.drawPercent(ctx, start, res);
+					}
+					let isEnd = percent === 0 || (_this.bool(res.ccw) && start === 100);
+					if (!isEnd) {
+						let sa = Number(res.sa) * Math.PI
+						let eAngle = ((2 * Math.PI) / 100) * start + sa;
+						_this.drawArc(ctx, eAngle, gradient, res);
+					}
+					owner.callMethod('change', {
+						percent: start
+					})
+					if (start >= percent) {
+						state.start = start;
+						owner.callMethod('end', {
+							canvasId: _this.format(res.cid)
+						})
+						callback && callback(false)
+					} else {
+						let num = start + Number(res.speed)
+						start = num > percent ? percent : num;
+						callback && callback(true)
+					}
+				}
+			},
+			//创建弧线
+			drawArc(ctx, eAngle, strokeStyle, res) {
+				ctx.save();
+				ctx.beginPath();
+				ctx.lineCap = this.format(res.lc);
+				ctx.lineWidth = Number(res.sw);
+				ctx.strokeStyle = strokeStyle;
+				let radius = res.width / 2;
+				let sa = Number(res.sa) * Math.PI
+				ctx.arc(radius, radius, radius - Number(res.sw), sa, eAngle, this.bool(res.ccw));
+				ctx.stroke();
+				ctx.closePath();
+				ctx.restore();
+			},
+			format(str) {
+				if (!str) return str;
+				return str.replace(/\"/g, "");
+			},
+			bool(str) {
+				return str === 'true' || str == true ? true : false
+			}
+		}
+	}
+</script>
+<!-- #endif -->
+<script>
+	// #ifdef APP-NVUE
+	import {
+		enable,
+		WeexBridge
+	} from './gcanvas/index.js';
+	// #endif
+	//注意：app-nvue端canvas性能不如app-vue
+	import mpjs from './mpjs.js'
+	import render from './render.js'
+	import nvue from './nvue.js'
+	// #ifdef MP-WEIXIN
+	const circleId = `fui_cc_${Math.ceil(Math.random() * 10e5).toString(36)}`
+	// #endif
+	export default {
+		name: "fui-circle",
+		mixins: [mpjs, render, nvue],
+		emits: ['change', 'end'],
+		props: {
+			//进度百分比 0~100
+			percent: {
+				type: [Number, String],
+				default: 0
+			},
+			width: {
+				type: [Number, String],
+				default: 120
+			},
+			//背景填充颜色，仅nvue ios有效
+			fillStyle: {
+				type: String,
+				default: '#FFFFFF'
+			},
+			//进度环的宽度，单位 px
+			strokeWidth: {
+				type: [Number, String],
+				default: 4
+			},
+			//进度环的线头样式，可选值为 square、round、butt
+			lineCap: {
+				type: String,
+				default: 'round'
+			},
+			//圆环进度字体大小,px
+			size: {
+				type: [Number, String],
+				default: 12
+			},
+			//圆环进度字体颜色
+			color: {
+				type: String,
+				default: ''
+			},
+			//是否显示进度文字
+			show: {
+				type: Boolean,
+				default: true
+			},
+			//默认背景颜色
+			background: {
+				type: String,
+				default: '#CCCCCC'
+			},
+			//是否显示默认背景色
+			defaultShow: {
+				type: Boolean,
+				default: true
+			},
+			//默认前景颜色
+			foreground: {
+				type: String,
+				default: ''
+			},
+			//进度条渐变颜色，结合foreground使用
+			gradient: {
+				type: String,
+				default: ''
+			},
+			//起始弧度，单位弧度 实际  Math.PI * sAngle
+			sAngle: {
+				type: Number,
+				default: 0
+			},
+			//指定弧度的方向是逆时针还是顺时针。默认是false，即顺时针
+			counterclockwise: {
+				type: Boolean,
+				default: false
+			},
+			//动画执行速度，值越大动画越快（1~100）
+			speed: {
+				type: [Number, String],
+				default: 1
+			},
+			//backwards: 动画从头播；forwards：动画从上次结束点接着播
+			activeMode: {
+				type: String,
+				default: 'forwards'
+			}
+		},
+		watch: {
+			width(val) {
+				this.initWidth(val)
+			}
+		},
+		computed: {
+			primaryColor() {
+				const app = uni && uni.$fui && uni.$fui.color;
+				return (app && app.primary) || '#465CFF';
+			}
+		},
+		data() {
+			// #ifndef MP-WEIXIN
+			const circleId = `fui_cc_${Math.ceil(Math.random() * 10e5).toString(36)}`
+			// #endif
+			return {
+				circleId: circleId,
+				w: 60
+			};
+		},
+		created() {
+			// #ifdef APP-NVUE
+			this.context = null
+			// #endif
+			this.initWidth(this.width)
+		},
+		// #ifdef APP-NVUE
+		mounted() {
+			//以下代码写在nvue.js中 android端可能会出现canvas大小不受控制
+			setTimeout(() => {
+				let ganvas = this.$refs[this.circleId];
+				let canvas = enable(ganvas, {
+					bridge: WeexBridge
+				});
+				this.context = canvas.getContext('2d');
+			}, 50);
+		},
+		// #endif
+		methods: {
+			initWidth(val) {
+				val = uni.upx2px(Number(val) || 120)
+				this.w = val % 2 === 0 ? val : val + 1
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-circle__wrap {
+		position: relative
+	}
+
+	.fui-circle__inner {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		z-index: 10;
+		/* #endif */
+		text-align: center;
+		position: absolute;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+	}
+
+	/* #ifdef MP */
+	.fui-circle__canvas {
+		position: absolute;
+		left: 0;
+		top: 0;
+		z-index: 5;
+		/* #ifdef MP-ALIPAY */
+		zoom: 0.25;
+		/* #endif */
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-circle/gcanvas/bridge/bridge-weex.js b/components/firstui/fui-circle/gcanvas/bridge/bridge-weex.js
new file mode 100644
index 0000000..25176cf
--- /dev/null
+++ b/components/firstui/fui-circle/gcanvas/bridge/bridge-weex.js
@@ -0,0 +1,242 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8   6  140    72549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+const isWeex = typeof WXEnvironment !== 'undefined';
+const isWeexIOS = isWeex && /ios/i.test(WXEnvironment.platform);
+const isWeexAndroid = isWeex && !isWeexIOS;
+
+import GLmethod from '../context-webgl/GLmethod';
+
+const GCanvasModule =
+    (typeof weex !== 'undefined' && weex.requireModule) ? (weex.requireModule('gcanvas')) :
+        (typeof __weex_require__ !== 'undefined') ? (__weex_require__('@weex-module/gcanvas')) : {};
+
+let isDebugging = false;
+
+let isComboDisabled = false;
+
+const logCommand = (function () {
+    const methodQuery = [];
+    Object.keys(GLmethod).forEach(key => {
+        methodQuery[GLmethod[key]] = key;
+    })
+    const queryMethod = (id) => {
+        return methodQuery[parseInt(id)] || 'NotFoundMethod';
+    }
+    const logCommand = (id, cmds) => {
+        const mId = cmds.split(',')[0];
+        const mName = queryMethod(mId);
+        console.log(`=== callNative - componentId:${id}; method: ${mName}; cmds: ${cmds}`);
+    }
+    return logCommand;
+})();
+
+function joinArray(arr, sep) {
+    let res = '';
+    for (let i = 0; i < arr.length; i++) {
+        if (i !== 0) {
+            res += sep;
+        }
+        res += arr[i];
+    }
+    return res;
+}
+
+const commandsCache = {}
+
+const GBridge = {
+
+    callEnable: (ref, configArray) => {
+
+        commandsCache[ref] = [];
+
+        return GCanvasModule.enable({
+            componentId: ref,
+            config: configArray
+        });
+    },
+
+    callEnableDebug: () => {
+        isDebugging = true;
+    },
+
+    callEnableDisableCombo: () => {
+        isComboDisabled = true;
+    },
+
+    callSetContextType: function (componentId, context_type) {
+        GCanvasModule.setContextType(context_type, componentId);
+    },
+
+    callReset: function(id){
+        GCanvasModule.resetComponent && canvasModule.resetComponent(componentId);
+    },
+
+    render: isWeexIOS ? function (componentId) {
+        return GCanvasModule.extendCallNative({
+            contextId: componentId,
+            type: 0x60000001
+        });
+    } : function (componentId) {
+        return callGCanvasLinkNative(componentId, 0x60000001, 'render');
+    },
+
+    render2d: isWeexIOS ? function (componentId, commands, callback) {
+
+        if (isDebugging) {
+            console.log('>>> >>> render2d ===');
+            console.log('>>> commands: ' + commands);
+        }
+
+        GCanvasModule.render([commands, callback?true:false], componentId, callback);
+
+    } : function (componentId, commands,callback) {
+
+        if (isDebugging) {
+            console.log('>>> >>> render2d ===');
+            console.log('>>> commands: ' + commands);
+        }
+
+        callGCanvasLinkNative(componentId, 0x20000001, commands);
+		if(callback){
+		callback();
+		}
+    },
+
+    callExtendCallNative: isWeexIOS ? function (componentId, cmdArgs) {
+
+        throw 'should not be here anymore ' + cmdArgs;
+
+    } : function (componentId, cmdArgs) {
+
+        throw 'should not be here anymore ' + cmdArgs;
+
+    },
+
+
+    flushNative: isWeexIOS ? function (componentId) {
+
+        const cmdArgs = joinArray(commandsCache[componentId], ';');
+        commandsCache[componentId] = [];
+
+        if (isDebugging) {
+            console.log('>>> >>> flush native ===');
+            console.log('>>> commands: ' + cmdArgs);
+        }
+
+        const result = GCanvasModule.extendCallNative({
+            "contextId": componentId,
+            "type": 0x60000000,
+            "args": cmdArgs
+        });
+
+        const res = result && result.result;
+
+        if (isDebugging) {
+            console.log('>>> result: ' + res);
+        }
+
+        return res;
+
+    } : function (componentId) {
+
+        const cmdArgs = joinArray(commandsCache[componentId], ';');
+        commandsCache[componentId] = [];
+
+        if (isDebugging) {
+            console.log('>>> >>> flush native ===');
+            console.log('>>> commands: ' + cmdArgs);
+        }
+
+        const result = callGCanvasLinkNative(componentId, 0x60000000, cmdArgs);
+
+        if (isDebugging) {
+            console.log('>>> result: ' + result);
+        }
+
+        return result;
+    },
+
+    callNative: function (componentId, cmdArgs, cache) {
+
+        if (isDebugging) {
+            logCommand(componentId, cmdArgs);
+        }
+
+        commandsCache[componentId].push(cmdArgs);
+
+        if (!cache || isComboDisabled) {
+            return GBridge.flushNative(componentId);
+        } else {
+            return undefined;
+        }
+    },
+
+    texImage2D(componentId, ...args) {
+        if (isWeexIOS) {
+            if (args.length === 6) {
+                const [target, level, internalformat, format, type, image] = args;
+                GBridge.callNative(
+                    componentId,
+                    GLmethod.texImage2D + ',' + 6 + ',' + target + ',' + level + ',' + internalformat + ',' + format + ',' + type + ',' + image.src
+                )
+            } else if (args.length === 9) {
+                const [target, level, internalformat, width, height, border, format, type, image] = args;
+                GBridge.callNative(
+                    componentId,
+                    GLmethod.texImage2D + ',' + 9 + ',' + target + ',' + level + ',' + internalformat + ',' + width + ',' + height + ',' + border + ',' +
+                    + format + ',' + type + ',' + (image ? image.src : 0)
+                )
+            }
+        } else if (isWeexAndroid) {
+            if (args.length === 6) {
+                const [target, level, internalformat, format, type, image] = args;
+                GCanvasModule.texImage2D(componentId, target, level, internalformat, format, type, image.src);
+            } else if (args.length === 9) {
+                const [target, level, internalformat, width, height, border, format, type, image] = args;
+                GCanvasModule.texImage2D(componentId, target, level, internalformat, width, height, border, format, type, (image ? image.src : 0));
+            }
+        }
+    },
+
+    texSubImage2D(componentId, target, level, xoffset, yoffset, format, type, image) {
+        if (isWeexIOS) {
+            if (arguments.length === 8) {
+                GBridge.callNative(
+                    componentId,
+                    GLmethod.texSubImage2D + ',' + 6 + ',' + target + ',' + level + ',' + xoffset + ',' + yoffset, + ',' + format + ',' + type + ',' + image.src
+                )
+            }
+        } else if (isWeexAndroid) {
+            GCanvasModule.texSubImage2D(componentId, target, level, xoffset, yoffset, format, type, image.src);
+        }
+    },
+
+    bindImageTexture(componentId, src, imageId) {
+        GCanvasModule.bindImageTexture([src, imageId], componentId);
+    },
+
+    perloadImage([url, id], callback) {
+        GCanvasModule.preLoadImage([url, id], function (image) {
+            image.url = url;
+            image.id = id;
+            callback(image);
+        });
+    },
+
+	measureText(text, fontStyle, componentId) {
+	    return GCanvasModule.measureText([text, fontStyle], componentId);
+	},
+
+	getImageData (componentId, x, y, w, h, callback) {
+		GCanvasModule.getImageData([x, y,w,h],componentId,callback);
+	},
+
+	putImageData (componentId, data, x, y, w, h, callback) {
+		GCanvasModule.putImageData([x, y,w,h,data],componentId,callback);
+	},
+
+	toTempFilePath(componentId, x, y, width, height, destWidth, destHeight, fileType, quality, callback){
+		GCanvasModule.toTempFilePath([x, y, width,height, destWidth, destHeight, fileType, quality], componentId, callback);
+	}
+}
+
+export default GBridge;
\ No newline at end of file
diff --git a/components/firstui/fui-circle/gcanvas/context-2d/FillStyleLinearGradient.js b/components/firstui/fui-circle/gcanvas/context-2d/FillStyleLinearGradient.js
new file mode 100644
index 0000000..caa9294
--- /dev/null
+++ b/components/firstui/fui-circle/gcanvas/context-2d/FillStyleLinearGradient.js
@@ -0,0 +1,19 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18  61  4   0  72 549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+class FillStyleLinearGradient {
+
+    constructor(x0, y0, x1, y1) {
+        this._start_pos = { _x: x0, _y: y0 };
+        this._end_pos = { _x: x1, _y: y1 };
+        this._stop_count = 0;
+        this._stops = [0, 0, 0, 0, 0];
+    }
+
+    addColorStop = function (pos, color) {
+        if (this._stop_count < 5 && 0.0 <= pos && pos <= 1.0) {
+            this._stops[this._stop_count] = { _pos: pos, _color: color };
+            this._stop_count++;
+        }
+    }
+}
+
+export default FillStyleLinearGradient;
\ No newline at end of file
diff --git a/components/firstui/fui-circle/gcanvas/context-2d/FillStylePattern.js b/components/firstui/fui-circle/gcanvas/context-2d/FillStylePattern.js
new file mode 100644
index 0000000..cf9fbe6
--- /dev/null
+++ b/components/firstui/fui-circle/gcanvas/context-2d/FillStylePattern.js
@@ -0,0 +1,9 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：     18614  07 254  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+class FillStylePattern {
+    constructor(img, pattern) {
+        this._style = pattern;
+        this._img = img;
+    }
+}
+
+export default FillStylePattern;
\ No newline at end of file
diff --git a/components/firstui/fui-circle/gcanvas/context-2d/FillStyleRadialGradient.js b/components/firstui/fui-circle/gcanvas/context-2d/FillStyleRadialGradient.js
new file mode 100644
index 0000000..ff149fd
--- /dev/null
+++ b/components/firstui/fui-circle/gcanvas/context-2d/FillStyleRadialGradient.js
@@ -0,0 +1,18 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18614   07 2   5  49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+class FillStyleRadialGradient {
+    constructor(x0, y0, r0, x1, y1, r1) {
+        this._start_pos = { _x: x0, _y: y0, _r: r0 };
+        this._end_pos = { _x: x1, _y: y1, _r: r1 };
+        this._stop_count = 0;
+        this._stops = [0, 0, 0, 0, 0];
+    }
+
+    addColorStop(pos, color) {
+        if (this._stop_count < 5 && 0.0 <= pos && pos <= 1.0) {
+            this._stops[this._stop_count] = { _pos: pos, _color: color };
+            this._stop_count++;
+        }
+    }
+}
+
+export default FillStyleRadialGradient;
\ No newline at end of file
diff --git a/components/firstui/fui-circle/gcanvas/context-2d/RenderingContext.js b/components/firstui/fui-circle/gcanvas/context-2d/RenderingContext.js
new file mode 100644
index 0000000..cda1bea
--- /dev/null
+++ b/components/firstui/fui-circle/gcanvas/context-2d/RenderingContext.js
@@ -0,0 +1,667 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  1  8  6  14072  549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import FillStylePattern from './FillStylePattern';
+import FillStyleLinearGradient from './FillStyleLinearGradient';
+import FillStyleRadialGradient from './FillStyleRadialGradient';
+import GImage from '../env/image.js';
+import {
+	ArrayBufferToBase64,
+	Base64ToUint8ClampedArray
+} from '../env/tool.js';
+
+export default class CanvasRenderingContext2D {
+
+	_drawCommands = '';
+
+	_globalAlpha = 1.0;
+
+	_fillStyle = 'rgb(0,0,0)';
+	_strokeStyle = 'rgb(0,0,0)';
+
+	_lineWidth = 1;
+	_lineCap = 'butt';
+	_lineJoin = 'miter';
+
+	_miterLimit = 10;
+
+	_globalCompositeOperation = 'source-over';
+
+	_textAlign = 'start';
+	_textBaseline = 'alphabetic';
+
+	_font = '10px sans-serif';
+
+	_savedGlobalAlpha = [];
+
+	timer = null;
+	componentId = null;
+
+	_notCommitDrawImageCache = [];
+	_needRedrawImageCache = [];
+	_redrawCommands = '';
+	_autoSaveContext = true;
+	// _imageMap = new GHashMap();
+	// _textureMap = new GHashMap();
+
+	constructor() {
+		this.className = 'CanvasRenderingContext2D';
+		//this.save()
+	}
+
+	setFillStyle(value) {
+		this.fillStyle = value;
+	}
+
+	set fillStyle(value) {
+		this._fillStyle = value;
+
+		if (typeof(value) == 'string') {
+			this._drawCommands = this._drawCommands.concat("F" + value + ";");
+		} else if (value instanceof FillStylePattern) {
+			const image = value._img;
+			if (!image.complete) {
+				image.onload = () => {
+					var index = this._needRedrawImageCache.indexOf(image);
+					if (index > -1) {
+						this._needRedrawImageCache.splice(index, 1);
+						CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+						this._redrawflush(true);
+					}
+				}
+				this._notCommitDrawImageCache.push(image);
+			} else {
+				CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+			}
+
+			//CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+			this._drawCommands = this._drawCommands.concat("G" + image._id + "," + value._style + ";");
+		} else if (value instanceof FillStyleLinearGradient) {
+			var command = "D" + value._start_pos._x.toFixed(2) + "," + value._start_pos._y.toFixed(2) + "," +
+				value._end_pos._x.toFixed(2) + "," + value._end_pos._y.toFixed(2) + "," +
+				value._stop_count;
+			for (var i = 0; i < value._stop_count; ++i) {
+				command += ("," + value._stops[i]._pos + "," + value._stops[i]._color);
+			}
+			this._drawCommands = this._drawCommands.concat(command + ";");
+		} else if (value instanceof FillStyleRadialGradient) {
+			var command = "H" + value._start_pos._x.toFixed(2) + "," + value._start_pos._y.toFixed(2) + "," + value._start_pos._r
+				.toFixed(2) + "," +
+				value._end_pos._x.toFixed(2) + "," + value._end_pos._y.toFixed(2) + "," + value._end_pos._r.toFixed(2) + "," +
+				value._stop_count;
+			for (var i = 0; i < value._stop_count; ++i) {
+				command += ("," + value._stops[i]._pos + "," + value._stops[i]._color);
+			}
+			this._drawCommands = this._drawCommands.concat(command + ";");
+		}
+	}
+
+	get fillStyle() {
+		return this._fillStyle;
+	}
+
+	get globalAlpha() {
+		return this._globalAlpha;
+	}
+
+	setGlobalAlpha(value) {
+		this.globalAlpha = value;
+	}
+
+	set globalAlpha(value) {
+		this._globalAlpha = value;
+		this._drawCommands = this._drawCommands.concat("a" + value.toFixed(2) + ";");
+	}
+
+
+	get strokeStyle() {
+		return this._strokeStyle;
+	}
+
+	setStrokeStyle(value) {
+		this.strokeStyle = value;
+	}
+
+	set strokeStyle(value) {
+
+		this._strokeStyle = value;
+
+		if (typeof(value) == 'string') {
+			this._drawCommands = this._drawCommands.concat("S" + value + ";");
+		} else if (value instanceof FillStylePattern) {
+			CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+			this._drawCommands = this._drawCommands.concat("G" + image._id + "," + value._style + ";");
+		} else if (value instanceof FillStyleLinearGradient) {
+			var command = "D" + value._start_pos._x.toFixed(2) + "," + value._start_pos._y.toFixed(2) + "," +
+				value._end_pos._x.toFixed(2) + "," + value._end_pos._y.toFixed(2) + "," +
+				value._stop_count;
+
+			for (var i = 0; i < value._stop_count; ++i) {
+				command += ("," + value._stops[i]._pos + "," + value._stops[i]._color);
+			}
+			this._drawCommands = this._drawCommands.concat(command + ";");
+		} else if (value instanceof FillStyleRadialGradient) {
+			var command = "H" + value._start_pos._x.toFixed(2) + "," + value._start_pos._y.toFixed(2) + "," + value._start_pos._r
+				.toFixed(2) + "," +
+				value._end_pos._x.toFixed(2) + "," + value._end_pos._y + ",".toFixed(2) + value._end_pos._r.toFixed(2) + "," +
+				value._stop_count;
+
+			for (var i = 0; i < value._stop_count; ++i) {
+				command += ("," + value._stops[i]._pos + "," + value._stops[i]._color);
+			}
+			this._drawCommands = this._drawCommands.concat(command + ";");
+		}
+	}
+
+	get lineWidth() {
+		return this._lineWidth;
+	}
+
+	setLineWidth(value) {
+		this.lineWidth = value;
+	}
+
+	set lineWidth(value) {
+		this._lineWidth = value;
+		this._drawCommands = this._drawCommands.concat("W" + value + ";");
+	}
+
+	get lineCap() {
+		return this._lineCap;
+	}
+
+	setLineCap(value) {
+		this.lineCap = value;
+	}
+
+	set lineCap(value) {
+		this._lineCap = value;
+		this._drawCommands = this._drawCommands.concat("C" + value + ";");
+	}
+
+	get lineJoin() {
+		return this._lineJoin;
+	}
+
+	setLineJoin(value) {
+		this.lineJoin = value
+	}
+
+	set lineJoin(value) {
+		this._lineJoin = value;
+		this._drawCommands = this._drawCommands.concat("J" + value + ";");
+	}
+
+	get miterLimit() {
+		return this._miterLimit;
+	}
+
+	setMiterLimit(value) {
+		this.miterLimit = value
+	}
+
+	set miterLimit(value) {
+		this._miterLimit = value;
+		this._drawCommands = this._drawCommands.concat("M" + value + ";");
+	}
+
+	get globalCompositeOperation() {
+		return this._globalCompositeOperation;
+	}
+
+	set globalCompositeOperation(value) {
+
+		this._globalCompositeOperation = value;
+		let mode = 0;
+		switch (value) {
+			case "source-over":
+				mode = 0;
+				break;
+			case "source-atop":
+				mode = 5;
+				break;
+			case "source-in":
+				mode = 0;
+				break;
+			case "source-out":
+				mode = 2;
+				break;
+			case "destination-over":
+				mode = 4;
+				break;
+			case "destination-atop":
+				mode = 4;
+				break;
+			case "destination-in":
+				mode = 4;
+				break;
+			case "destination-out":
+				mode = 3;
+				break;
+			case "lighter":
+				mode = 1;
+				break;
+			case "copy":
+				mode = 2;
+				break;
+			case "xor":
+				mode = 6;
+				break;
+			default:
+				mode = 0;
+		}
+
+		this._drawCommands = this._drawCommands.concat("B" + mode + ";");
+	}
+
+	get textAlign() {
+		return this._textAlign;
+	}
+
+	setTextAlign(value) {
+		this.textAlign = value
+	}
+
+	set textAlign(value) {
+
+		this._textAlign = value;
+		let Align = 0;
+		switch (value) {
+			case "start":
+				Align = 0;
+				break;
+			case "end":
+				Align = 1;
+				break;
+			case "left":
+				Align = 2;
+				break;
+			case "center":
+				Align = 3;
+				break;
+			case "right":
+				Align = 4;
+				break;
+			default:
+				Align = 0;
+		}
+
+		this._drawCommands = this._drawCommands.concat("A" + Align + ";");
+	}
+
+	get textBaseline() {
+		return this._textBaseline;
+	}
+
+	setTextBaseline(value) {
+		this.textBaseline = value
+	}
+
+	set textBaseline(value) {
+		this._textBaseline = value;
+		let baseline = 0;
+		switch (value) {
+			case "alphabetic":
+				baseline = 0;
+				break;
+			case "middle":
+				baseline = 1;
+				break;
+			case "top":
+				baseline = 2;
+				break;
+			case "hanging":
+				baseline = 3;
+				break;
+			case "bottom":
+				baseline = 4;
+				break;
+			case "ideographic":
+				baseline = 5;
+				break;
+			default:
+				baseline = 0;
+				break;
+		}
+
+		this._drawCommands = this._drawCommands.concat("E" + baseline + ";");
+	}
+
+	get font() {
+		return this._font;
+	}
+
+	setFontSize(size) {
+		var str = this._font;
+		var strs = str.trim().split(/\s+/);
+		for (var i = 0; i < strs.length; i++) {
+			var values = ["normal", "italic", "oblique", "normal", "small-caps", "normal", "bold",
+				"bolder", "lighter", "100", "200", "300", "400", "500", "600", "700", "800", "900",
+				"normal", "ultra-condensed", "extra-condensed", "condensed", "semi-condensed",
+				"semi-expanded", "expanded", "extra-expanded", "ultra-expanded"
+			];
+
+			if (-1 == values.indexOf(strs[i].trim())) {
+				if (typeof size === 'string') {
+					strs[i] = size;
+				} else if (typeof size === 'number') {
+					strs[i] = String(size) + 'px';
+				}
+				break;
+			}
+		}
+		this.font = strs.join(" ");
+	}
+
+	set font(value) {
+		this._font = value;
+		this._drawCommands = this._drawCommands.concat("j" + value + ";");
+	}
+
+	setTransform(a, b, c, d, tx, ty) {
+		this._drawCommands = this._drawCommands.concat("t" +
+			(a === 1 ? "1" : a.toFixed(2)) + "," +
+			(b === 0 ? "0" : b.toFixed(2)) + "," +
+			(c === 0 ? "0" : c.toFixed(2)) + "," +
+			(d === 1 ? "1" : d.toFixed(2)) + "," + tx.toFixed(2) + "," + ty.toFixed(2) + ";");
+	}
+
+	transform(a, b, c, d, tx, ty) {
+		this._drawCommands = this._drawCommands.concat("f" +
+			(a === 1 ? "1" : a.toFixed(2)) + "," +
+			(b === 0 ? "0" : b.toFixed(2)) + "," +
+			(c === 0 ? "0" : c.toFixed(2)) + "," +
+			(d === 1 ? "1" : d.toFixed(2)) + "," + tx + "," + ty + ";");
+	}
+
+	resetTransform() {
+		this._drawCommands = this._drawCommands.concat("m;");
+	}
+
+	scale(a, d) {
+		this._drawCommands = this._drawCommands.concat("k" + a.toFixed(2) + "," +
+			d.toFixed(2) + ";");
+	}
+
+	rotate(angle) {
+		this._drawCommands = this._drawCommands
+			.concat("r" + angle.toFixed(6) + ";");
+	}
+
+	translate(tx, ty) {
+		this._drawCommands = this._drawCommands.concat("l" + tx.toFixed(2) + "," + ty.toFixed(2) + ";");
+	}
+
+	save() {
+		this._savedGlobalAlpha.push(this._globalAlpha);
+		this._drawCommands = this._drawCommands.concat("v;");
+	}
+
+	restore() {
+		this._drawCommands = this._drawCommands.concat("e;");
+		this._globalAlpha = this._savedGlobalAlpha.pop();
+	}
+
+	createPattern(img, pattern) {
+		if (typeof img === 'string') {
+			var imgObj = new GImage();
+			imgObj.src = img;
+			img = imgObj;
+		}
+		return new FillStylePattern(img, pattern);
+	}
+
+	createLinearGradient(x0, y0, x1, y1) {
+		return new FillStyleLinearGradient(x0, y0, x1, y1);
+	}
+
+	createRadialGradient = function(x0, y0, r0, x1, y1, r1) {
+		return new FillStyleRadialGradient(x0, y0, r0, x1, y1, r1);
+	};
+
+	createCircularGradient = function(x0, y0, r0) {
+		return new FillStyleRadialGradient(x0, y0, 0, x0, y0, r0);
+	};
+
+	strokeRect(x, y, w, h) {
+		this._drawCommands = this._drawCommands.concat("s" + x + "," + y + "," + w + "," + h + ";");
+	}
+
+
+	clearRect(x, y, w, h) {
+		this._drawCommands = this._drawCommands.concat("c" + x + "," + y + "," + w +
+			"," + h + ";");
+	}
+
+	clip() {
+		this._drawCommands = this._drawCommands.concat("p;");
+	}
+
+	resetClip() {
+		this._drawCommands = this._drawCommands.concat("q;");
+	}
+
+	closePath() {
+		this._drawCommands = this._drawCommands.concat("o;");
+	}
+
+	moveTo(x, y) {
+		this._drawCommands = this._drawCommands.concat("g" + x.toFixed(2) + "," + y.toFixed(2) + ";");
+	}
+
+	lineTo(x, y) {
+		this._drawCommands = this._drawCommands.concat("i" + x.toFixed(2) + "," + y.toFixed(2) + ";");
+	}
+
+	quadraticCurveTo = function(cpx, cpy, x, y) {
+		this._drawCommands = this._drawCommands.concat("u" + cpx + "," + cpy + "," + x + "," + y + ";");
+	}
+
+	bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y, ) {
+		this._drawCommands = this._drawCommands.concat(
+			"z" + cp1x.toFixed(2) + "," + cp1y.toFixed(2) + "," + cp2x.toFixed(2) + "," + cp2y.toFixed(2) + "," +
+			x.toFixed(2) + "," + y.toFixed(2) + ";");
+	}
+
+	arcTo(x1, y1, x2, y2, radius) {
+		this._drawCommands = this._drawCommands.concat("h" + x1 + "," + y1 + "," + x2 + "," + y2 + "," + radius + ";");
+	}
+
+	beginPath() {
+		this._drawCommands = this._drawCommands.concat("b;");
+	}
+
+
+	fillRect(x, y, w, h) {
+		this._drawCommands = this._drawCommands.concat("n" + x + "," + y + "," + w +
+			"," + h + ";");
+	}
+
+	rect(x, y, w, h) {
+		this._drawCommands = this._drawCommands.concat("w" + x + "," + y + "," + w + "," + h + ";");
+	}
+
+	fill() {
+		this._drawCommands = this._drawCommands.concat("L;");
+	}
+
+	stroke(path) {
+		this._drawCommands = this._drawCommands.concat("x;");
+	}
+
+	arc(x, y, radius, startAngle, endAngle, anticlockwise) {
+
+		let ianticlockwise = 0;
+		if (anticlockwise) {
+			ianticlockwise = 1;
+		}
+
+		this._drawCommands = this._drawCommands.concat(
+			"y" + x.toFixed(2) + "," + y.toFixed(2) + "," +
+			radius.toFixed(2) + "," + startAngle + "," + endAngle + "," + ianticlockwise +
+			";"
+		);
+	}
+
+	fillText(text, x, y) {
+		let tmptext = text.replace(/!/g, "!!");
+		tmptext = tmptext.replace(/,/g, "!,");
+		tmptext = tmptext.replace(/;/g, "!;");
+		this._drawCommands = this._drawCommands.concat("T" + tmptext + "," + x + "," + y + ",0.0;");
+	}
+
+	strokeText = function(text, x, y) {
+		let tmptext = text.replace(/!/g, "!!");
+		tmptext = tmptext.replace(/,/g, "!,");
+		tmptext = tmptext.replace(/;/g, "!;");
+		this._drawCommands = this._drawCommands.concat("U" + tmptext + "," + x + "," + y + ",0.0;");
+	}
+
+	measureText(text) {
+		return CanvasRenderingContext2D.GBridge.measureText(text, this.font, this.componentId);
+	}
+
+	isPointInPath = function(x, y) {
+		throw new Error('GCanvas not supported yet');
+	}
+
+	drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh) {
+		if (typeof image === 'string') {
+			var imgObj = new GImage();
+			imgObj.src = image;
+			image = imgObj;
+		}
+		if (image instanceof GImage) {
+			if (!image.complete) {
+				imgObj.onload = () => {
+					var index = this._needRedrawImageCache.indexOf(image);
+					if (index > -1) {
+						this._needRedrawImageCache.splice(index, 1);
+						CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+						this._redrawflush(true);
+					}
+				}
+				this._notCommitDrawImageCache.push(image);
+			} else {
+				CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+			}
+			var srcArgs = [image, sx, sy, sw, sh, dx, dy, dw, dh];
+			var args = [];
+			for (var arg in srcArgs) {
+				if (typeof(srcArgs[arg]) != 'undefined') {
+					args.push(srcArgs[arg]);
+				}
+			}
+			this.__drawImage.apply(this, args);
+			//this.__drawImage(image,sx, sy, sw, sh, dx, dy, dw, dh);
+		}
+	}
+
+	__drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh) {
+		const numArgs = arguments.length;
+
+		function drawImageCommands() {
+
+			if (numArgs === 3) {
+				const x = parseFloat(sx) || 0.0;
+				const y = parseFloat(sy) || 0.0;
+
+				return ("d" + image._id + ",0,0," +
+					image.width + "," + image.height + "," +
+					x + "," + y + "," + image.width + "," + image.height + ";");
+			} else if (numArgs === 5) {
+				const x = parseFloat(sx) || 0.0;
+				const y = parseFloat(sy) || 0.0;
+				const width = parseInt(sw) || image.width;
+				const height = parseInt(sh) || image.height;
+
+				return ("d" + image._id + ",0,0," +
+					image.width + "," + image.height + "," +
+					x + "," + y + "," + width + "," + height + ";");
+			} else if (numArgs === 9) {
+				sx = parseFloat(sx) || 0.0;
+				sy = parseFloat(sy) || 0.0;
+				sw = parseInt(sw) || image.width;
+				sh = parseInt(sh) || image.height;
+				dx = parseFloat(dx) || 0.0;
+				dy = parseFloat(dy) || 0.0;
+				dw = parseInt(dw) || image.width;
+				dh = parseInt(dh) || image.height;
+
+				return ("d" + image._id + "," +
+					sx + "," + sy + "," + sw + "," + sh + "," +
+					dx + "," + dy + "," + dw + "," + dh + ";");
+			}
+		}
+		this._drawCommands += drawImageCommands();
+	}
+
+	_flush(reserve, callback) {
+		const commands = this._drawCommands;
+		this._drawCommands = '';
+		CanvasRenderingContext2D.GBridge.render2d(this.componentId, commands, callback);
+		this._needRender = false;
+	}
+
+	_redrawflush(reserve, callback) {
+		const commands = this._redrawCommands;
+		CanvasRenderingContext2D.GBridge.render2d(this.componentId, commands, callback);
+		if (this._needRedrawImageCache.length == 0) {
+			this._redrawCommands = '';
+		}
+	}
+
+	draw(reserve, callback) {
+		if (!reserve) {
+			this._globalAlpha = this._savedGlobalAlpha.pop();
+			this._savedGlobalAlpha.push(this._globalAlpha);
+			this._redrawCommands = this._drawCommands;
+			this._needRedrawImageCache = this._notCommitDrawImageCache;
+			if (this._autoSaveContext) {
+				this._drawCommands = ("v;" + this._drawCommands);
+				this._autoSaveContext = false;
+			} else {
+				this._drawCommands = ("e;X;v;" + this._drawCommands);
+			}
+		} else {
+			this._needRedrawImageCache = this._needRedrawImageCache.concat(this._notCommitDrawImageCache);
+			this._redrawCommands += this._drawCommands;
+			if (this._autoSaveContext) {
+				this._drawCommands = ("v;" + this._drawCommands);
+				this._autoSaveContext = false;
+			}
+		}
+		this._notCommitDrawImageCache = [];
+		if (this._flush) {
+			this._flush(reserve, callback);
+		}
+	}
+
+	getImageData(x, y, w, h, callback) {
+		CanvasRenderingContext2D.GBridge.getImageData(this.componentId, x, y, w, h, function(res) {
+			res.data = Base64ToUint8ClampedArray(res.data);
+			if (typeof(callback) == 'function') {
+				callback(res);
+			}
+		});
+	}
+
+	putImageData(data, x, y, w, h, callback) {
+		if (data instanceof Uint8ClampedArray) {
+			data = ArrayBufferToBase64(data);
+			CanvasRenderingContext2D.GBridge.putImageData(this.componentId, data, x, y, w, h, function(res) {
+				if (typeof(callback) == 'function') {
+					callback(res);
+				}
+			});
+		}
+	}
+
+	toTempFilePath(x, y, width, height, destWidth, destHeight, fileType, quality, callback) {
+		CanvasRenderingContext2D.GBridge.toTempFilePath(this.componentId, x, y, width, height, destWidth, destHeight,
+			fileType, quality,
+			function(res) {
+				if (typeof(callback) == 'function') {
+					callback(res);
+				}
+			});
+	}
+}
\ No newline at end of file
diff --git a/components/firstui/fui-circle/gcanvas/context-webgl/ActiveInfo.js b/components/firstui/fui-circle/gcanvas/context-webgl/ActiveInfo.js
new file mode 100644
index 0000000..19949f0
--- /dev/null
+++ b/components/firstui/fui-circle/gcanvas/context-webgl/ActiveInfo.js
@@ -0,0 +1,12 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 8   6 1 40 72  549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export default class WebGLActiveInfo {
+    className = 'WebGLActiveInfo';
+
+    constructor({
+        type, name, size
+    }) {
+        this.type = type;
+        this.name = name;
+        this.size = size;
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-circle/gcanvas/context-webgl/Buffer.js b/components/firstui/fui-circle/gcanvas/context-webgl/Buffer.js
new file mode 100644
index 0000000..1fd3c1c
--- /dev/null
+++ b/components/firstui/fui-circle/gcanvas/context-webgl/Buffer.js
@@ -0,0 +1,22 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  1  861 4 0 72   549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLBuffer';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLBuffer {
+    className = name;
+
+    constructor(id) {
+        this.id = id;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-circle/gcanvas/context-webgl/Framebuffer.js b/components/firstui/fui-circle/gcanvas/context-webgl/Framebuffer.js
new file mode 100644
index 0000000..c96ebb9
--- /dev/null
+++ b/components/firstui/fui-circle/gcanvas/context-webgl/Framebuffer.js
@@ -0,0 +1,22 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  186 1  40  7  25 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLFrameBuffer';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLFramebuffer {
+    className = name;
+
+    constructor(id) {
+        this.id = id;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-circle/gcanvas/context-webgl/GLenum.js b/components/firstui/fui-circle/gcanvas/context-webgl/GLenum.js
new file mode 100644
index 0000000..d4b489c
--- /dev/null
+++ b/components/firstui/fui-circle/gcanvas/context-webgl/GLenum.js
@@ -0,0 +1,299 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：      1 8 61 40725 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export default {
+    "DEPTH_BUFFER_BIT": 256,
+    "STENCIL_BUFFER_BIT": 1024,
+    "COLOR_BUFFER_BIT": 16384,
+    "POINTS": 0,
+    "LINES": 1,
+    "LINE_LOOP": 2,
+    "LINE_STRIP": 3,
+    "TRIANGLES": 4,
+    "TRIANGLE_STRIP": 5,
+    "TRIANGLE_FAN": 6,
+    "ZERO": 0,
+    "ONE": 1,
+    "SRC_COLOR": 768,
+    "ONE_MINUS_SRC_COLOR": 769,
+    "SRC_ALPHA": 770,
+    "ONE_MINUS_SRC_ALPHA": 771,
+    "DST_ALPHA": 772,
+    "ONE_MINUS_DST_ALPHA": 773,
+    "DST_COLOR": 774,
+    "ONE_MINUS_DST_COLOR": 775,
+    "SRC_ALPHA_SATURATE": 776,
+    "FUNC_ADD": 32774,
+    "BLEND_EQUATION": 32777,
+    "BLEND_EQUATION_RGB": 32777,
+    "BLEND_EQUATION_ALPHA": 34877,
+    "FUNC_SUBTRACT": 32778,
+    "FUNC_REVERSE_SUBTRACT": 32779,
+    "BLEND_DST_RGB": 32968,
+    "BLEND_SRC_RGB": 32969,
+    "BLEND_DST_ALPHA": 32970,
+    "BLEND_SRC_ALPHA": 32971,
+    "CONSTANT_COLOR": 32769,
+    "ONE_MINUS_CONSTANT_COLOR": 32770,
+    "CONSTANT_ALPHA": 32771,
+    "ONE_MINUS_CONSTANT_ALPHA": 32772,
+    "BLEND_COLOR": 32773,
+    "ARRAY_BUFFER": 34962,
+    "ELEMENT_ARRAY_BUFFER": 34963,
+    "ARRAY_BUFFER_BINDING": 34964,
+    "ELEMENT_ARRAY_BUFFER_BINDING": 34965,
+    "STREAM_DRAW": 35040,
+    "STATIC_DRAW": 35044,
+    "DYNAMIC_DRAW": 35048,
+    "BUFFER_SIZE": 34660,
+    "BUFFER_USAGE": 34661,
+    "CURRENT_VERTEX_ATTRIB": 34342,
+    "FRONT": 1028,
+    "BACK": 1029,
+    "FRONT_AND_BACK": 1032,
+    "TEXTURE_2D": 3553,
+    "CULL_FACE": 2884,
+    "BLEND": 3042,
+    "DITHER": 3024,
+    "STENCIL_TEST": 2960,
+    "DEPTH_TEST": 2929,
+    "SCISSOR_TEST": 3089,
+    "POLYGON_OFFSET_FILL": 32823,
+    "SAMPLE_ALPHA_TO_COVERAGE": 32926,
+    "SAMPLE_COVERAGE": 32928,
+    "NO_ERROR": 0,
+    "INVALID_ENUM": 1280,
+    "INVALID_VALUE": 1281,
+    "INVALID_OPERATION": 1282,
+    "OUT_OF_MEMORY": 1285,
+    "CW": 2304,
+    "CCW": 2305,
+    "LINE_WIDTH": 2849,
+    "ALIASED_POINT_SIZE_RANGE": 33901,
+    "ALIASED_LINE_WIDTH_RANGE": 33902,
+    "CULL_FACE_MODE": 2885,
+    "FRONT_FACE": 2886,
+    "DEPTH_RANGE": 2928,
+    "DEPTH_WRITEMASK": 2930,
+    "DEPTH_CLEAR_VALUE": 2931,
+    "DEPTH_FUNC": 2932,
+    "STENCIL_CLEAR_VALUE": 2961,
+    "STENCIL_FUNC": 2962,
+    "STENCIL_FAIL": 2964,
+    "STENCIL_PASS_DEPTH_FAIL": 2965,
+    "STENCIL_PASS_DEPTH_PASS": 2966,
+    "STENCIL_REF": 2967,
+    "STENCIL_VALUE_MASK": 2963,
+    "STENCIL_WRITEMASK": 2968,
+    "STENCIL_BACK_FUNC": 34816,
+    "STENCIL_BACK_FAIL": 34817,
+    "STENCIL_BACK_PASS_DEPTH_FAIL": 34818,
+    "STENCIL_BACK_PASS_DEPTH_PASS": 34819,
+    "STENCIL_BACK_REF": 36003,
+    "STENCIL_BACK_VALUE_MASK": 36004,
+    "STENCIL_BACK_WRITEMASK": 36005,
+    "VIEWPORT": 2978,
+    "SCISSOR_BOX": 3088,
+    "COLOR_CLEAR_VALUE": 3106,
+    "COLOR_WRITEMASK": 3107,
+    "UNPACK_ALIGNMENT": 3317,
+    "PACK_ALIGNMENT": 3333,
+    "MAX_TEXTURE_SIZE": 3379,
+    "MAX_VIEWPORT_DIMS": 3386,
+    "SUBPIXEL_BITS": 3408,
+    "RED_BITS": 3410,
+    "GREEN_BITS": 3411,
+    "BLUE_BITS": 3412,
+    "ALPHA_BITS": 3413,
+    "DEPTH_BITS": 3414,
+    "STENCIL_BITS": 3415,
+    "POLYGON_OFFSET_UNITS": 10752,
+    "POLYGON_OFFSET_FACTOR": 32824,
+    "TEXTURE_BINDING_2D": 32873,
+    "SAMPLE_BUFFERS": 32936,
+    "SAMPLES": 32937,
+    "SAMPLE_COVERAGE_VALUE": 32938,
+    "SAMPLE_COVERAGE_INVERT": 32939,
+    "COMPRESSED_TEXTURE_FORMATS": 34467,
+    "DONT_CARE": 4352,
+    "FASTEST": 4353,
+    "NICEST": 4354,
+    "GENERATE_MIPMAP_HINT": 33170,
+    "BYTE": 5120,
+    "UNSIGNED_BYTE": 5121,
+    "SHORT": 5122,
+    "UNSIGNED_SHORT": 5123,
+    "INT": 5124,
+    "UNSIGNED_INT": 5125,
+    "FLOAT": 5126,
+    "DEPTH_COMPONENT": 6402,
+    "ALPHA": 6406,
+    "RGB": 6407,
+    "RGBA": 6408,
+    "LUMINANCE": 6409,
+    "LUMINANCE_ALPHA": 6410,
+    "UNSIGNED_SHORT_4_4_4_4": 32819,
+    "UNSIGNED_SHORT_5_5_5_1": 32820,
+    "UNSIGNED_SHORT_5_6_5": 33635,
+    "FRAGMENT_SHADER": 35632,
+    "VERTEX_SHADER": 35633,
+    "MAX_VERTEX_ATTRIBS": 34921,
+    "MAX_VERTEX_UNIFORM_VECTORS": 36347,
+    "MAX_VARYING_VECTORS": 36348,
+    "MAX_COMBINED_TEXTURE_IMAGE_UNITS": 35661,
+    "MAX_VERTEX_TEXTURE_IMAGE_UNITS": 35660,
+    "MAX_TEXTURE_IMAGE_UNITS": 34930,
+    "MAX_FRAGMENT_UNIFORM_VECTORS": 36349,
+    "SHADER_TYPE": 35663,
+    "DELETE_STATUS": 35712,
+    "LINK_STATUS": 35714,
+    "VALIDATE_STATUS": 35715,
+    "ATTACHED_SHADERS": 35717,
+    "ACTIVE_UNIFORMS": 35718,
+    "ACTIVE_ATTRIBUTES": 35721,
+    "SHADING_LANGUAGE_VERSION": 35724,
+    "CURRENT_PROGRAM": 35725,
+    "NEVER": 512,
+    "LESS": 513,
+    "EQUAL": 514,
+    "LEQUAL": 515,
+    "GREATER": 516,
+    "NOTEQUAL": 517,
+    "GEQUAL": 518,
+    "ALWAYS": 519,
+    "KEEP": 7680,
+    "REPLACE": 7681,
+    "INCR": 7682,
+    "DECR": 7683,
+    "INVERT": 5386,
+    "INCR_WRAP": 34055,
+    "DECR_WRAP": 34056,
+    "VENDOR": 7936,
+    "RENDERER": 7937,
+    "VERSION": 7938,
+    "NEAREST": 9728,
+    "LINEAR": 9729,
+    "NEAREST_MIPMAP_NEAREST": 9984,
+    "LINEAR_MIPMAP_NEAREST": 9985,
+    "NEAREST_MIPMAP_LINEAR": 9986,
+    "LINEAR_MIPMAP_LINEAR": 9987,
+    "TEXTURE_MAG_FILTER": 10240,
+    "TEXTURE_MIN_FILTER": 10241,
+    "TEXTURE_WRAP_S": 10242,
+    "TEXTURE_WRAP_T": 10243,
+    "TEXTURE": 5890,
+    "TEXTURE_CUBE_MAP": 34067,
+    "TEXTURE_BINDING_CUBE_MAP": 34068,
+    "TEXTURE_CUBE_MAP_POSITIVE_X": 34069,
+    "TEXTURE_CUBE_MAP_NEGATIVE_X": 34070,
+    "TEXTURE_CUBE_MAP_POSITIVE_Y": 34071,
+    "TEXTURE_CUBE_MAP_NEGATIVE_Y": 34072,
+    "TEXTURE_CUBE_MAP_POSITIVE_Z": 34073,
+    "TEXTURE_CUBE_MAP_NEGATIVE_Z": 34074,
+    "MAX_CUBE_MAP_TEXTURE_SIZE": 34076,
+    "TEXTURE0": 33984,
+    "TEXTURE1": 33985,
+    "TEXTURE2": 33986,
+    "TEXTURE3": 33987,
+    "TEXTURE4": 33988,
+    "TEXTURE5": 33989,
+    "TEXTURE6": 33990,
+    "TEXTURE7": 33991,
+    "TEXTURE8": 33992,
+    "TEXTURE9": 33993,
+    "TEXTURE10": 33994,
+    "TEXTURE11": 33995,
+    "TEXTURE12": 33996,
+    "TEXTURE13": 33997,
+    "TEXTURE14": 33998,
+    "TEXTURE15": 33999,
+    "TEXTURE16": 34000,
+    "TEXTURE17": 34001,
+    "TEXTURE18": 34002,
+    "TEXTURE19": 34003,
+    "TEXTURE20": 34004,
+    "TEXTURE21": 34005,
+    "TEXTURE22": 34006,
+    "TEXTURE23": 34007,
+    "TEXTURE24": 34008,
+    "TEXTURE25": 34009,
+    "TEXTURE26": 34010,
+    "TEXTURE27": 34011,
+    "TEXTURE28": 34012,
+    "TEXTURE29": 34013,
+    "TEXTURE30": 34014,
+    "TEXTURE31": 34015,
+    "ACTIVE_TEXTURE": 34016,
+    "REPEAT": 10497,
+    "CLAMP_TO_EDGE": 33071,
+    "MIRRORED_REPEAT": 33648,
+    "FLOAT_VEC2": 35664,
+    "FLOAT_VEC3": 35665,
+    "FLOAT_VEC4": 35666,
+    "INT_VEC2": 35667,
+    "INT_VEC3": 35668,
+    "INT_VEC4": 35669,
+    "BOOL": 35670,
+    "BOOL_VEC2": 35671,
+    "BOOL_VEC3": 35672,
+    "BOOL_VEC4": 35673,
+    "FLOAT_MAT2": 35674,
+    "FLOAT_MAT3": 35675,
+    "FLOAT_MAT4": 35676,
+    "SAMPLER_2D": 35678,
+    "SAMPLER_CUBE": 35680,
+    "VERTEX_ATTRIB_ARRAY_ENABLED": 34338,
+    "VERTEX_ATTRIB_ARRAY_SIZE": 34339,
+    "VERTEX_ATTRIB_ARRAY_STRIDE": 34340,
+    "VERTEX_ATTRIB_ARRAY_TYPE": 34341,
+    "VERTEX_ATTRIB_ARRAY_NORMALIZED": 34922,
+    "VERTEX_ATTRIB_ARRAY_POINTER": 34373,
+    "VERTEX_ATTRIB_ARRAY_BUFFER_BINDING": 34975,
+    "IMPLEMENTATION_COLOR_READ_TYPE": 35738,
+    "IMPLEMENTATION_COLOR_READ_FORMAT": 35739,
+    "COMPILE_STATUS": 35713,
+    "LOW_FLOAT": 36336,
+    "MEDIUM_FLOAT": 36337,
+    "HIGH_FLOAT": 36338,
+    "LOW_INT": 36339,
+    "MEDIUM_INT": 36340,
+    "HIGH_INT": 36341,
+    "FRAMEBUFFER": 36160,
+    "RENDERBUFFER": 36161,
+    "RGBA4": 32854,
+    "RGB5_A1": 32855,
+    "RGB565": 36194,
+    "DEPTH_COMPONENT16": 33189,
+    "STENCIL_INDEX8": 36168,
+    "DEPTH_STENCIL": 34041,
+    "RENDERBUFFER_WIDTH": 36162,
+    "RENDERBUFFER_HEIGHT": 36163,
+    "RENDERBUFFER_INTERNAL_FORMAT": 36164,
+    "RENDERBUFFER_RED_SIZE": 36176,
+    "RENDERBUFFER_GREEN_SIZE": 36177,
+    "RENDERBUFFER_BLUE_SIZE": 36178,
+    "RENDERBUFFER_ALPHA_SIZE": 36179,
+    "RENDERBUFFER_DEPTH_SIZE": 36180,
+    "RENDERBUFFER_STENCIL_SIZE": 36181,
+    "FRAMEBUFFER_ATTACHMENT_OBJECT_TYPE": 36048,
+    "FRAMEBUFFER_ATTACHMENT_OBJECT_NAME": 36049,
+    "FRAMEBUFFER_ATTACHMENT_TEXTURE_LEVEL": 36050,
+    "FRAMEBUFFER_ATTACHMENT_TEXTURE_CUBE_MAP_FACE": 36051,
+    "COLOR_ATTACHMENT0": 36064,
+    "DEPTH_ATTACHMENT": 36096,
+    "STENCIL_ATTACHMENT": 36128,
+    "DEPTH_STENCIL_ATTACHMENT": 33306,
+    "NONE": 0,
+    "FRAMEBUFFER_COMPLETE": 36053,
+    "FRAMEBUFFER_INCOMPLETE_ATTACHMENT": 36054,
+    "FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT": 36055,
+    "FRAMEBUFFER_INCOMPLETE_DIMENSIONS": 36057,
+    "FRAMEBUFFER_UNSUPPORTED": 36061,
+    "FRAMEBUFFER_BINDING": 36006,
+    "RENDERBUFFER_BINDING": 36007,
+    "MAX_RENDERBUFFER_SIZE": 34024,
+    "INVALID_FRAMEBUFFER_OPERATION": 1286,
+    "UNPACK_FLIP_Y_WEBGL": 37440,
+    "UNPACK_PREMULTIPLY_ALPHA_WEBGL": 37441,
+    "CONTEXT_LOST_WEBGL": 37442,
+    "UNPACK_COLORSPACE_CONVERSION_WEBGL": 37443,
+    "BROWSER_DEFAULT_WEBGL": 37444
+};
\ No newline at end of file
diff --git a/components/firstui/fui-circle/gcanvas/context-webgl/GLmethod.js b/components/firstui/fui-circle/gcanvas/context-webgl/GLmethod.js
new file mode 100644
index 0000000..57f105c
--- /dev/null
+++ b/components/firstui/fui-circle/gcanvas/context-webgl/GLmethod.js
@@ -0,0 +1,143 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1     861 4  07  2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+let i = 1;
+
+const GLmethod = {};
+
+GLmethod.activeTexture = i++;         //1
+GLmethod.attachShader = i++;
+GLmethod.bindAttribLocation = i++;
+GLmethod.bindBuffer = i++;
+GLmethod.bindFramebuffer = i++;
+GLmethod.bindRenderbuffer = i++;
+GLmethod.bindTexture = i++;
+GLmethod.blendColor = i++;
+GLmethod.blendEquation = i++;
+GLmethod.blendEquationSeparate = i++; //10
+GLmethod.blendFunc = i++;
+GLmethod.blendFuncSeparate = i++;
+GLmethod.bufferData = i++;
+GLmethod.bufferSubData = i++;
+GLmethod.checkFramebufferStatus = i++;
+GLmethod.clear = i++;
+GLmethod.clearColor = i++;
+GLmethod.clearDepth = i++;
+GLmethod.clearStencil = i++;
+GLmethod.colorMask = i++;              //20
+GLmethod.compileShader = i++;
+GLmethod.compressedTexImage2D = i++;
+GLmethod.compressedTexSubImage2D = i++;
+GLmethod.copyTexImage2D = i++;
+GLmethod.copyTexSubImage2D = i++;
+GLmethod.createBuffer = i++;
+GLmethod.createFramebuffer = i++;
+GLmethod.createProgram = i++;
+GLmethod.createRenderbuffer = i++;
+GLmethod.createShader = i++;           //30
+GLmethod.createTexture = i++;
+GLmethod.cullFace = i++;
+GLmethod.deleteBuffer = i++;
+GLmethod.deleteFramebuffer = i++;
+GLmethod.deleteProgram = i++;
+GLmethod.deleteRenderbuffer = i++;
+GLmethod.deleteShader = i++;
+GLmethod.deleteTexture = i++;
+GLmethod.depthFunc = i++;
+GLmethod.depthMask = i++;              //40
+GLmethod.depthRange = i++;
+GLmethod.detachShader = i++;
+GLmethod.disable = i++;
+GLmethod.disableVertexAttribArray = i++;
+GLmethod.drawArrays = i++;
+GLmethod.drawArraysInstancedANGLE = i++;
+GLmethod.drawElements = i++;
+GLmethod.drawElementsInstancedANGLE = i++;
+GLmethod.enable = i++;
+GLmethod.enableVertexAttribArray = i++;    //50
+GLmethod.flush = i++;
+GLmethod.framebufferRenderbuffer = i++;
+GLmethod.framebufferTexture2D = i++;
+GLmethod.frontFace = i++;
+GLmethod.generateMipmap = i++;
+GLmethod.getActiveAttrib = i++;
+GLmethod.getActiveUniform = i++;
+GLmethod.getAttachedShaders = i++;
+GLmethod.getAttribLocation = i++;
+GLmethod.getBufferParameter = i++;         //60
+GLmethod.getContextAttributes = i++;
+GLmethod.getError = i++;
+GLmethod.getExtension = i++;
+GLmethod.getFramebufferAttachmentParameter = i++;
+GLmethod.getParameter = i++;
+GLmethod.getProgramInfoLog = i++;
+GLmethod.getProgramParameter = i++;
+GLmethod.getRenderbufferParameter = i++;
+GLmethod.getShaderInfoLog = i++;
+GLmethod.getShaderParameter = i++;         //70
+GLmethod.getShaderPrecisionFormat = i++;
+GLmethod.getShaderSource = i++;
+GLmethod.getSupportedExtensions = i++;
+GLmethod.getTexParameter = i++;
+GLmethod.getUniform = i++;
+GLmethod.getUniformLocation = i++;
+GLmethod.getVertexAttrib = i++;
+GLmethod.getVertexAttribOffset = i++;
+GLmethod.isBuffer = i++;
+GLmethod.isContextLost = i++;              //80
+GLmethod.isEnabled = i++;
+GLmethod.isFramebuffer = i++;
+GLmethod.isProgram = i++;
+GLmethod.isRenderbuffer = i++;
+GLmethod.isShader = i++;
+GLmethod.isTexture = i++;
+GLmethod.lineWidth = i++;
+GLmethod.linkProgram = i++;
+GLmethod.pixelStorei = i++;
+GLmethod.polygonOffset = i++;              //90
+GLmethod.readPixels = i++;
+GLmethod.renderbufferStorage = i++;
+GLmethod.sampleCoverage = i++;
+GLmethod.scissor = i++;
+GLmethod.shaderSource = i++;
+GLmethod.stencilFunc = i++;
+GLmethod.stencilFuncSeparate = i++;
+GLmethod.stencilMask = i++;
+GLmethod.stencilMaskSeparate = i++;
+GLmethod.stencilOp = i++;                  //100
+GLmethod.stencilOpSeparate = i++;
+GLmethod.texImage2D = i++;
+GLmethod.texParameterf = i++;
+GLmethod.texParameteri = i++;
+GLmethod.texSubImage2D = i++;
+GLmethod.uniform1f = i++;
+GLmethod.uniform1fv = i++;
+GLmethod.uniform1i = i++;
+GLmethod.uniform1iv = i++;
+GLmethod.uniform2f = i++;                  //110
+GLmethod.uniform2fv = i++;
+GLmethod.uniform2i = i++;
+GLmethod.uniform2iv = i++;
+GLmethod.uniform3f = i++;
+GLmethod.uniform3fv = i++;
+GLmethod.uniform3i = i++;
+GLmethod.uniform3iv = i++;
+GLmethod.uniform4f = i++;
+GLmethod.uniform4fv = i++;
+GLmethod.uniform4i = i++;                  //120
+GLmethod.uniform4iv = i++;
+GLmethod.uniformMatrix2fv = i++;
+GLmethod.uniformMatrix3fv = i++;
+GLmethod.uniformMatrix4fv = i++;
+GLmethod.useProgram = i++;
+GLmethod.validateProgram = i++;
+GLmethod.vertexAttrib1f = i++; //new
+GLmethod.vertexAttrib2f = i++; //new
+GLmethod.vertexAttrib3f = i++; //new
+GLmethod.vertexAttrib4f = i++; //new       //130
+GLmethod.vertexAttrib1fv = i++; //new
+GLmethod.vertexAttrib2fv = i++; //new
+GLmethod.vertexAttrib3fv = i++; //new
+GLmethod.vertexAttrib4fv = i++; //new
+GLmethod.vertexAttribPointer = i++;
+GLmethod.viewport = i++;
+
+export default GLmethod;
\ No newline at end of file
diff --git a/components/firstui/fui-circle/gcanvas/context-webgl/GLtype.js b/components/firstui/fui-circle/gcanvas/context-webgl/GLtype.js
new file mode 100644
index 0000000..2e36d27
--- /dev/null
+++ b/components/firstui/fui-circle/gcanvas/context-webgl/GLtype.js
@@ -0,0 +1,23 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18     61 407  25 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+const GLtype = {};
+
+[
+    "GLbitfield",
+    "GLboolean",
+    "GLbyte",
+    "GLclampf",
+    "GLenum",
+    "GLfloat",
+    "GLint",
+    "GLintptr",
+    "GLsizei",
+    "GLsizeiptr",
+    "GLshort",
+    "GLubyte",
+    "GLuint",
+    "GLushort"
+].sort().map((typeName, i) => GLtype[typeName] = 1 >> (i + 1));
+
+export default GLtype;
+
+
diff --git a/components/firstui/fui-circle/gcanvas/context-webgl/Program.js b/components/firstui/fui-circle/gcanvas/context-webgl/Program.js
new file mode 100644
index 0000000..a8f1a76
--- /dev/null
+++ b/components/firstui/fui-circle/gcanvas/context-webgl/Program.js
@@ -0,0 +1,22 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  186 1   4 0 7 2 549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLProgram';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLProgram {
+    className = name;
+
+    constructor(id) {
+        this.id = id;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-circle/gcanvas/context-webgl/Renderbuffer.js b/components/firstui/fui-circle/gcanvas/context-webgl/Renderbuffer.js
new file mode 100644
index 0000000..393d366
--- /dev/null
+++ b/components/firstui/fui-circle/gcanvas/context-webgl/Renderbuffer.js
@@ -0,0 +1,22 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1   8 61  40 725  4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLRenderBuffer';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLRenderbuffer {
+    className = name;
+
+    constructor(id) {
+        this.id = id;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-circle/gcanvas/context-webgl/RenderingContext.js b/components/firstui/fui-circle/gcanvas/context-webgl/RenderingContext.js
new file mode 100644
index 0000000..dc2e03d
--- /dev/null
+++ b/components/firstui/fui-circle/gcanvas/context-webgl/RenderingContext.js
@@ -0,0 +1,1192 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18 6 14072   5 4    9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import GLenum from './GLenum';
+import ActiveInfo from './ActiveInfo';
+import Buffer from './Buffer';
+import Framebuffer from './Framebuffer';
+import Renderbuffer from './Renderbuffer';
+import Texture from './Texture';
+import Program from './Program';
+import Shader from './Shader';
+import ShaderPrecisionFormat from './ShaderPrecisionFormat';
+import UniformLocation from './UniformLocation';
+import GLmethod from './GLmethod';
+
+const processArray = (array, checkArrayType = false) => {
+
+    function joinArray(arr, sep) {
+        let res = '';
+        for (let i = 0; i < arr.length; i++) {
+            if (i !== 0) {
+                res += sep;
+            }
+            res += arr[i];
+        }
+        return res;
+    }
+
+    let type = 'Float32Array';
+    if (checkArrayType) {
+        if (array instanceof Uint8Array) {
+            type = 'Uint8Array'
+        } else if (array instanceof Uint16Array) {
+            type = 'Uint16Array';
+        } else if (array instanceof Uint32Array) {
+            type = 'Uint32Array';
+        } else if (array instanceof Float32Array) {
+            type = 'Float32Array';
+        } else {
+            throw new Error('Check array type failed. Array type is ' + typeof array);
+        }
+    }
+
+    const ArrayTypes = {
+        Uint8Array: 1,
+        Uint16Array: 2,
+        Uint32Array: 4,
+        Float32Array: 14
+    };
+    return ArrayTypes[type] + ',' + btoa(joinArray(array, ','))
+}
+
+export default class WebGLRenderingContext {
+
+    // static GBridge = null;
+
+    className = 'WebGLRenderingContext';
+
+    constructor(canvas, type, attrs) {
+        this._canvas = canvas;
+        this._type = type;
+        this._version = 'WebGL 1.0';
+        this._attrs = attrs;
+        this._map = new Map();
+
+        Object.keys(GLenum)
+            .forEach(name => Object.defineProperty(this, name, {
+                value: GLenum[name]
+            }));
+    }
+
+    get canvas() {
+        return this._canvas;
+    }
+
+    activeTexture = function (textureUnit) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.activeTexture + ',' + textureUnit,
+            true
+        );
+    }
+
+    attachShader = function (progarm, shader) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.attachShader + ',' + progarm.id + ',' + shader.id,
+            true
+        );
+    }
+
+    bindAttribLocation = function (program, index, name) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindAttribLocation + ',' + program.id + ',' + index + ',' + name,
+            true
+        )
+    }
+
+    bindBuffer = function (target, buffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindBuffer + ',' + target + ',' + (buffer ? buffer.id : 0),
+            true
+        );
+    }
+
+    bindFramebuffer = function (target, framebuffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindFramebuffer + ',' + target + ',' + (framebuffer ? framebuffer.id : 0),
+            true
+        )
+    }
+
+    bindRenderbuffer = function (target, renderBuffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindRenderbuffer + ',' + target + ',' + (renderBuffer ? renderBuffer.id : 0),
+            true
+        )
+    }
+
+    bindTexture = function (target, texture) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindTexture + ',' + target + ',' + (texture ? texture.id : 0),
+            true
+        )
+    }
+
+    blendColor = function (r, g, b, a) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendColor + ',' + target + ',' + r + ',' + g + ',' + b + ',' + a,
+            true
+        )
+    }
+
+    blendEquation = function (mode) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendEquation + ',' + mode,
+            true
+        )
+    }
+
+    blendEquationSeparate = function (modeRGB, modeAlpha) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendEquationSeparate + ',' + modeRGB + ',' + modeAlpha,
+            true
+        )
+    }
+
+
+    blendFunc = function (sfactor, dfactor) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendFunc + ',' + sfactor + ',' + dfactor,
+            true
+        );
+    }
+
+    blendFuncSeparate = function (srcRGB, dstRGB, srcAlpha, dstAlpha) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendFuncSeparate + ',' + srcRGB + ',' + dstRGB + ',' + srcAlpha + ',' + dstAlpha,
+            true
+        );
+    }
+
+    bufferData = function (target, data, usage) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bufferData + ',' + target + ',' + processArray(data, true) + ',' + usage,
+            true
+        )
+    }
+
+    bufferSubData = function (target, offset, data) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bufferSubData + ',' + target + ',' + offset + ',' + processArray(data, true),
+            true
+        )
+    }
+
+    checkFramebufferStatus = function (target) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.checkFramebufferStatus + ',' + target
+        );
+        return Number(result);
+    }
+
+    clear = function (mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.clear + ',' + mask
+        );
+        this._canvas._needRender = true;
+    }
+
+    clearColor = function (r, g, b, a) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.clearColor + ',' + r + ',' + g + ',' + b,
+            true
+        )
+    }
+
+    clearDepth = function (depth) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.clearDepth + ',' + depth,
+            true
+        )
+    }
+
+    clearStencil = function (s) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.clearStencil + ',' + s
+        );
+    }
+
+    colorMask = function (r, g, b, a) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.colorMask + ',' + r + ',' + g + ',' + b + ',' + a
+        )
+    }
+
+    compileShader = function (shader) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.compileShader + ',' + shader.id,
+            true
+        )
+    }
+
+    compressedTexImage2D = function (target, level, internalformat, width, height, border, pixels) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.compressedTexImage2D + ',' + target + ',' + level + ',' + internalformat + ',' +
+            width + ',' + height + ',' + border + ',' + processArray(pixels),
+            true
+        )
+    }
+
+    compressedTexSubImage2D = function (target, level, xoffset, yoffset, width, height, format, pixels) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.compressedTexSubImage2D + ',' + target + ',' + level + ',' + xoffset + ',' + yoffset + ',' +
+            width + ',' + height + ',' + format + ',' + processArray(pixels),
+            true
+        )
+    }
+
+
+    copyTexImage2D = function (target, level, internalformat, x, y, width, height, border) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.copyTexImage2D + ',' + target + ',' + level + ',' + internalformat + ',' + x + ',' + y + ',' +
+            width + ',' + height + ',' + border,
+            true
+        );
+    }
+
+    copyTexSubImage2D = function (target, level, xoffset, yoffset, x, y, width, height) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.copyTexSubImage2D + ',' + target + ',' + level + ',' + xoffset + ',' + yoffset + ',' + x + ',' + y + ',' +
+            width + ',' + height
+        );
+    }
+
+    createBuffer = function () {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createBuffer + ''
+        );
+        const buffer = new Buffer(result);
+        this._map.set(buffer.uuid(), buffer);
+        return buffer;
+    }
+
+    createFramebuffer = function () {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createFramebuffer + ''
+        );
+        const framebuffer = new Framebuffer(result);
+        this._map.set(framebuffer.uuid(), framebuffer);
+        return framebuffer;
+    }
+
+
+    createProgram = function () {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createProgram + ''
+        );
+        const program = new Program(id);
+        this._map.set(program.uuid(), program);
+        return program;
+    }
+
+    createRenderbuffer = function () {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createRenderbuffer + ''
+        )
+        const renderBuffer = new Renderbuffer(id);
+        this._map.set(renderBuffer.uuid(), renderBuffer);
+        return renderBuffer;
+    }
+
+    createShader = function (type) {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createShader + ',' + type
+        )
+        const shader = new Shader(id, type);
+        this._map.set(shader.uuid(), shader);
+        return shader;
+    }
+
+    createTexture = function () {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createTexture + ''
+        );
+        const texture = new Texture(id);
+        this._map.set(texture.uuid(), texture);
+        return texture;
+    }
+
+    cullFace = function (mode) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.cullFace + ',' + mode,
+            true
+        )
+    }
+
+
+    deleteBuffer = function (buffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteBuffer + ',' + buffer.id,
+            true
+        )
+    }
+
+    deleteFramebuffer = function (framebuffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteFramebuffer + ',' + framebuffer.id,
+            true
+        )
+    }
+
+    deleteProgram = function (program) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteProgram + ',' + program.id,
+            true
+        )
+    }
+
+    deleteRenderbuffer = function (renderbuffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteRenderbuffer + ',' + renderbuffer.id,
+            true
+        )
+    }
+
+    deleteShader = function (shader) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteShader + ',' + shader.id,
+            true
+        )
+    }
+
+    deleteTexture = function (texture) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteTexture + ',' + texture.id,
+            true
+        )
+    }
+
+    depthFunc = function (func) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.depthFunc + ',' + func
+        )
+    }
+
+    depthMask = function (flag) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.depthMask + ',' + Number(flag),
+            true
+        )
+    }
+
+    depthRange = function (zNear, zFar) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.depthRange + ',' + zNear + ',' + zFar,
+            true
+        )
+    }
+
+    detachShader = function (program, shader) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.detachShader + ',' + program.id + ',' + shader.id,
+            true
+        )
+    }
+
+    disable = function (cap) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.disable + ',' + cap,
+            true
+        )
+    }
+
+    disableVertexAttribArray = function (index) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.disableVertexAttribArray + ',' + index,
+            true
+        );
+    }
+
+    drawArrays = function (mode, first, count) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.drawArrays + ',' + mode + ',' + first + ',' + count
+        )
+        this._canvas._needRender = true;
+    }
+
+    drawElements = function (mode, count, type, offset) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.drawElements + ',' + mode + ',' + count + ',' + type + ',' + offset + ';'
+        );
+        this._canvas._needRender = true;
+    }
+
+    enable = function (cap) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.enable + ',' + cap,
+            true
+        );
+    }
+
+    enableVertexAttribArray = function (index) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.enableVertexAttribArray + ',' + index,
+            true
+        )
+    }
+
+
+    flush = function () {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.flush + ''
+        )
+    }
+
+    framebufferRenderbuffer = function (target, attachment, textarget, texture, level) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.framebufferRenderbuffer + ',' + target + ',' + attachment + ',' + textarget + ',' + (texture ? texture.id : 0) + ',' + level,
+            true
+        )
+    }
+
+    framebufferTexture2D = function (target, attachment, textarget, texture, level) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.framebufferTexture2D + ',' + target + ',' + attachment + ',' + textarget + ',' + (texture ? texture.id : 0) + ',' + level,
+            true
+        )
+    }
+
+    frontFace = function (mode) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.frontFace + ',' + mode,
+            true
+        )
+    }
+
+    generateMipmap = function (target) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.generateMipmap + ',' + target,
+            true
+        )
+    }
+
+    getActiveAttrib = function (progarm, index) {
+        const resultString = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getActiveAttrib + ',' + progarm.id + ',' + index
+        )
+        const [type, size, name] = resultString.split(',');
+        return new ActiveInfo({
+            type: Number(type),
+            size: Number(size),
+            name
+        });
+    }
+
+    getActiveUniform = function (progarm, index) {
+        const resultString = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getActiveUniform + ',' + progarm.id + ',' + index
+        );
+        const [type, size, name] = resultString.split(',');
+        return new ActiveInfo({
+            type: Number(type),
+            size: Number(size),
+            name
+        })
+    }
+
+    getAttachedShaders = function (progarm) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getAttachedShaders + ',' + progarm.id
+        );
+        const [type, ...ids] = result;
+        return ids.map(id => this._map.get(Shader.uuid(id)));
+    }
+
+    getAttribLocation = function (progarm, name) {
+        return WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getAttribLocation + ',' + progarm.id + ',' + name
+        )
+    }
+
+    getBufferParameter = function (target, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getBufferParameter + ',' + target + ',' + pname
+        );
+        const [type, res] = getBufferParameter;
+        return res;
+    }
+
+    getError = function () {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getError + ''
+        )
+        return result;
+    }
+
+    getExtension = function (name) {
+        return null;
+    }
+
+    getFramebufferAttachmentParameter = function (target, attachment, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getFramebufferAttachmentParameter + ',' + target + ',' + attachment + ',' + pname
+        )
+        switch (pname) {
+            case GLenum.FRAMEBUFFER_ATTACHMENT_OBJECT_NAME:
+                return this._map.get(Renderbuffer.uuid(result)) || this._map.get(Texture.uuid(result)) || null;
+            default:
+                return result;
+        }
+    }
+
+    getParameter = function (pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getParameter + ',' + pname
+        )
+        switch (pname) {
+            case GLenum.VERSION:
+                return this._version;
+            case GLenum.ARRAY_BUFFER_BINDING: // buffer
+            case GLenum.ELEMENT_ARRAY_BUFFER_BINDING: // buffer
+                return this._map.get(Buffer.uuid(result)) || null;
+            case GLenum.CURRENT_PROGRAM: // program
+                return this._map.get(Program.uuid(result)) || null;
+            case GLenum.FRAMEBUFFER_BINDING: // framebuffer
+                return this._map.get(Framebuffer.uuid(result)) || null;
+            case GLenum.RENDERBUFFER_BINDING: // renderbuffer
+                return this._map.get(Renderbuffer.uuid(result)) || null;
+            case GLenum.TEXTURE_BINDING_2D: // texture
+            case GLenum.TEXTURE_BINDING_CUBE_MAP: // texture
+                return this._map.get(Texture.uuid(result)) || null;
+            case GLenum.ALIASED_LINE_WIDTH_RANGE: // Float32Array
+            case GLenum.ALIASED_POINT_SIZE_RANGE: // Float32Array
+            case GLenum.BLEND_COLOR: // Float32Array
+            case GLenum.COLOR_CLEAR_VALUE: // Float32Array
+            case GLenum.DEPTH_RANGE: // Float32Array
+            case GLenum.MAX_VIEWPORT_DIMS: // Int32Array
+            case GLenum.SCISSOR_BOX: // Int32Array
+            case GLenum.VIEWPORT: // Int32Array
+            case GLenum.COMPRESSED_TEXTURE_FORMATS: // Uint32Array
+            default:
+                const [type, ...res] = result.split(',');
+                if (res.length === 1) {
+                    return Number(res[0]);
+                } else {
+                    return res.map(Number);
+                }
+        }
+    }
+
+    getProgramInfoLog = function (progarm) {
+        return WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getProgramInfoLog + ',' + progarm.id
+        )
+    }
+
+    getProgramParameter = function (program, pname) {
+        const res = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getProgramParameter + ',' + program.id + ',' + pname
+        );
+
+        const [type, result] = res.split(',').map(i => parseInt(i));
+
+        if (type === 1) {
+            return Boolean(result);
+        } else if (type === 2) {
+            return result;
+        } else {
+            throw new Error('Unrecongized program paramater ' + res + ', type: ' + typeof res);
+        }
+    }
+
+
+    getRenderbufferParameter = function (target, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getRenderbufferParameter + ',' + target + ',' + pname
+        )
+        return result;
+    }
+
+
+    getShaderInfoLog = function (shader) {
+        return WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getShaderInfoLog + ',' + shader.id
+        );
+    }
+
+    getShaderParameter = function (shader, pname) {
+        return WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getShaderParameter + ',' + shader.id + ',' + pname
+        )
+    }
+
+    getShaderPrecisionFormat = function (shaderType, precisionType) {
+        const [rangeMin, rangeMax, precision] = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getShaderPrecisionFormat + ',' + shaderType + ',' + precisionType
+        );
+        const shaderPrecisionFormat = new ShaderPrecisionFormat({
+            rangeMin: Number(rangeMin),
+            rangeMax: Number(rangeMax),
+            precision: Number(precision)
+        });
+        return shaderPrecisionFormat;
+    }
+
+    getShaderSource = function (shader) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getShaderSource + ',' + shader.id
+        );
+        return result;
+    }
+
+    getSupportedExtensions = function () {
+        return Object.keys({});
+    }
+
+    getTexParameter = function (target, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getTexParameter + ',' + target + ',' + pname
+        )
+        return result;
+    }
+
+    getUniformLocation = function (program, name) {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getUniformLocation + ',' + program.id + ',' + name
+        );
+        if (id === -1) {
+            return null;
+        } else {
+            return new UniformLocation(Number(id));
+        }
+    }
+
+    getVertexAttrib = function (index, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getVertexAttrib + ',' + index + ',' + pname
+        );
+        switch (pname) {
+            case GLenum.VERTEX_ATTRIB_ARRAY_BUFFER_BINDING:
+                return this._map.get(Buffer.uuid(result)) || null;
+            case GLenum.CURRENT_VERTEX_ATTRIB: // Float32Array
+            default:
+                return result;
+        }
+    }
+
+    getVertexAttribOffset = function (index, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getVertexAttribOffset + ',' + index + ',' + pname
+        )
+        return Number(result);
+    }
+
+    isBuffer = function (buffer) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isBuffer + ',' + buffer.id
+        )
+        return Boolean(result);
+    }
+
+    isContextLost = function () {
+        return false;
+    }
+
+    isEnabled = function (cap) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isEnabled + ',' + cap
+        )
+        return Boolean(result);
+    }
+
+    isFramebuffer = function (framebuffer) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isFramebuffer + ',' + framebuffer.id
+        )
+        return Boolean(result);
+    }
+
+    isProgram = function (program) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isProgram + ',' + program.id
+        )
+        return Boolean(result);
+    }
+
+    isRenderbuffer = function (renderBuffer) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isRenderbuffer + ',' + renderbuffer.id
+        )
+        return Boolean(result);
+    }
+
+    isShader = function (shader) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isShader + ',' + shader.id
+        )
+        return Boolean(result);
+    }
+
+    isTexture = function (texture) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isTexture + ',' + texture.id
+        );
+        return Boolean(result);
+    }
+
+    lineWidth = function (width) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.lineWidth + ',' + width,
+            true
+        )
+    }
+
+    linkProgram = function (program) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.linkProgram + ',' + program.id,
+            true
+        );
+    }
+
+
+    pixelStorei = function (pname, param) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.pixelStorei + ',' + pname + ',' + Number(param)
+        )
+    }
+
+    polygonOffset = function (factor, units) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.polygonOffset + ',' + factor + ',' + units
+        )
+    }
+
+    readPixels = function (x, y, width, height, format, type, pixels) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.readPixels + ',' + x + ',' + y + ',' + width + ',' + height + ',' + format + ',' + type
+        )
+        return result;
+    }
+
+    renderbufferStorage = function (target, internalFormat, width, height) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.renderbufferStorage + ',' + target + ',' + internalFormat + ',' + width + ',' + height,
+            true
+        )
+    }
+
+    sampleCoverage = function (value, invert) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.sampleCoverage + ',' + value + ',' + Number(invert),
+            true
+        )
+    }
+
+    scissor = function (x, y, width, height) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.scissor + ',' + x + ',' + y + ',' + width + ',' + height,
+            true
+        )
+    }
+
+    shaderSource = function (shader, source) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.shaderSource + ',' + shader.id + ',' + source
+        )
+    }
+
+    stencilFunc = function (func, ref, mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilFunc + ',' + func + ',' + ref + ',' + mask,
+            true
+        )
+    }
+
+    stencilFuncSeparate = function (face, func, ref, mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilFuncSeparate + ',' + face + ',' + func + ',' + ref + ',' + mask,
+            true
+        )
+    }
+
+    stencilMask = function (mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilMask + ',' + mask,
+            true
+        )
+    }
+
+    stencilMaskSeparate = function (face, mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilMaskSeparate + ',' + face + ',' + mask,
+            true
+        )
+    }
+
+    stencilOp = function (fail, zfail, zpass) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilOp + ',' + fail + ',' + zfail + ',' + zpass
+        )
+    }
+
+    stencilOpSeparate = function (face, fail, zfail, zpass) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilOp + ',' + face + ',' + fail + ',' + zfail + ',' + zpass,
+            true
+        )
+    }
+
+    texImage2D = function (...args) {
+        WebGLRenderingContext.GBridge.texImage2D(this._canvas.id, ...args);
+    }
+
+
+    texParameterf = function (target, pname, param) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.texParameterf + ',' + target + ',' + pname + ',' + param,
+            true
+        )
+    }
+
+    texParameteri = function (target, pname, param) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.texParameteri + ',' + target + ',' + pname + ',' + param
+        )
+    }
+
+    texSubImage2D = function (...args) {
+        WebGLRenderingContext.GBridge.texSubImage2D(this._canvas.id, ...args);
+    }
+
+    uniform1f = function (location, v0) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform1f + ',' + location.id + ',' + v0
+        )
+    }
+
+    uniform1fv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform1fv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform1i = function (location, v0) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform1i + ',' + location.id + ',' + v0,
+            // true
+        )
+    }
+
+    uniform1iv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform1iv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform2f = function (location, v0, v1) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform2f + ',' + location.id + ',' + v0 + ',' + v1,
+            true
+        )
+    }
+
+    uniform2fv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform2fv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform2i = function (location, v0, v1) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform2i + ',' + location.id + ',' + v0 + ',' + v1,
+            true
+        )
+    }
+
+    uniform2iv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform2iv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform3f = function (location, v0, v1, v2) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform3f + ',' + location.id + ',' + v0 + ',' + v1 + ',' + v2,
+            true
+        )
+    }
+
+    uniform3fv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform3fv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform3i = function (location, v0, v1, v2) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform3i + ',' + location.id + ',' + v0 + ',' + v1 + ',' + v2,
+            true
+        )
+    }
+
+    uniform3iv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform3iv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform4f = function (location, v0, v1, v2, v3) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform4f + ',' + location.id + ',' + v0 + ',' + v1 + ',' + v2 + ',' + v3,
+            true
+        )
+    }
+
+    uniform4fv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform4fv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform4i = function (location, v0, v1, v2, v3) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform4i + ',' + location.id + ',' + v0 + ',' + v1 + ',' + v2 + ',' + v3,
+            true
+        )
+    }
+
+    uniform4iv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform4iv + ',' + location.id + ',' + processArray(value, true),
+            true
+        )
+    }
+
+    uniformMatrix2fv = function (location, transpose, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniformMatrix2fv + ',' + location.id + ',' + Number(transpose) + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniformMatrix3fv = function (location, transpose, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniformMatrix3fv + ',' + location.id + ',' + Number(transpose) + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniformMatrix4fv = function (location, transpose, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniformMatrix4fv + ',' + location.id + ',' + Number(transpose) + ',' + processArray(value),
+            true
+        );
+    }
+
+    useProgram = function (progarm) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.useProgram + ',' + progarm.id + '',
+            true
+        )
+    }
+
+
+    validateProgram = function (program) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.validateProgram + ',' + program.id,
+            true
+        )
+    }
+
+    vertexAttrib1f = function (index, v0) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib1f + ',' + index + ',' + v0,
+            true
+        )
+    }
+
+    vertexAttrib2f = function (index, v0, v1) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib2f + ',' + index + ',' + v0 + ',' + v1,
+            true
+        )
+    }
+
+    vertexAttrib3f = function (index, v0, v1, v2) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib3f + ',' + index + ',' + v0 + ',' + v1 + ',' + v2,
+            true
+        )
+    }
+
+    vertexAttrib4f = function (index, v0, v1, v2, v3) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib4f + ',' + index + ',' + v0 + ',' + v1 + ',' + v2 + ',' + v3,
+            true
+        )
+    }
+
+    vertexAttrib1fv = function (index, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib1fv + ',' + index + ',' + processArray(value),
+            true
+        )
+    }
+
+    vertexAttrib2fv = function (index, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib2fv + ',' + index + ',' + processArray(value),
+            true
+        )
+    }
+
+    vertexAttrib3fv = function (index, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib3fv + ',' + index + ',' + processArray(value),
+            true
+        )
+    }
+
+    vertexAttrib4fv = function (index, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib4fv + ',' + index + ',' + processArray(value),
+            true
+        )
+    }
+
+    vertexAttribPointer = function (index, size, type, normalized, stride, offset) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttribPointer + ',' + index + ',' + size + ',' + type + ',' + Number(normalized) + ',' + stride + ',' + offset,
+            true
+        )
+    }
+
+    viewport = function (x, y, width, height) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.viewport + ',' + x + ',' + y + ',' + width + ',' + height,
+            true
+        )
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-circle/gcanvas/context-webgl/Shader.js b/components/firstui/fui-circle/gcanvas/context-webgl/Shader.js
new file mode 100644
index 0000000..a6662c2
--- /dev/null
+++ b/components/firstui/fui-circle/gcanvas/context-webgl/Shader.js
@@ -0,0 +1,23 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18 6 1 40 7  25 4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLShader';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLShader {
+    className = name;
+
+    constructor(id, type) {
+        this.id = id;
+        this.type = type;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-circle/gcanvas/context-webgl/ShaderPrecisionFormat.js b/components/firstui/fui-circle/gcanvas/context-webgl/ShaderPrecisionFormat.js
new file mode 100644
index 0000000..6431767
--- /dev/null
+++ b/components/firstui/fui-circle/gcanvas/context-webgl/ShaderPrecisionFormat.js
@@ -0,0 +1,12 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18614 07 25       49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export default class WebGLShaderPrecisionFormat {
+    className = 'WebGLShaderPrecisionFormat';
+
+    constructor({
+        rangeMin, rangeMax, precision
+    }) {
+        this.rangeMin = rangeMin;
+        this.rangeMax = rangeMax;
+        this.precision = precision;
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-circle/gcanvas/context-webgl/Texture.js b/components/firstui/fui-circle/gcanvas/context-webgl/Texture.js
new file mode 100644
index 0000000..ff87acf
--- /dev/null
+++ b/components/firstui/fui-circle/gcanvas/context-webgl/Texture.js
@@ -0,0 +1,23 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：    186 1 4 0 7254  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLTexture';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLTexture {
+    className = name;
+
+    constructor(id, type) {
+        this.id = id;
+        this.type = type;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-circle/gcanvas/context-webgl/UniformLocation.js b/components/firstui/fui-circle/gcanvas/context-webgl/UniformLocation.js
new file mode 100644
index 0000000..45184a8
--- /dev/null
+++ b/components/firstui/fui-circle/gcanvas/context-webgl/UniformLocation.js
@@ -0,0 +1,23 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 861    40   7254  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLUniformLocation';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLUniformLocation {
+    className = name;
+
+    constructor(id, type) {
+        this.id = id;
+        this.type = type;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-circle/gcanvas/context-webgl/classUtils.js b/components/firstui/fui-circle/gcanvas/context-webgl/classUtils.js
new file mode 100644
index 0000000..aa72408
--- /dev/null
+++ b/components/firstui/fui-circle/gcanvas/context-webgl/classUtils.js
@@ -0,0 +1,4 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186 14  0  7  25 4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export function getTransferedObjectUUID(name, id) {
+    return `${name.toLowerCase()}-${id}`;
+}
\ No newline at end of file
diff --git a/components/firstui/fui-circle/gcanvas/env/canvas.js b/components/firstui/fui-circle/gcanvas/env/canvas.js
new file mode 100644
index 0000000..cfbe02d
--- /dev/null
+++ b/components/firstui/fui-circle/gcanvas/env/canvas.js
@@ -0,0 +1,75 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1861 4   07 2 54    9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import GContext2D from '../context-2d/RenderingContext';
+import GContextWebGL from '../context-webgl/RenderingContext';
+
+export default class GCanvas {
+
+    // static GBridge = null;
+
+    id = null;
+
+    _needRender = true;
+
+    constructor(id, { disableAutoSwap }) {
+        this.id = id;
+
+        this._disableAutoSwap = disableAutoSwap;
+        if (disableAutoSwap) {
+            this._swapBuffers = () => {
+                GCanvas.GBridge.render(this.id);
+            }
+        }
+    }
+
+    getContext(type) {
+
+        let context = null;
+
+        if (type.match(/webgl/i)) {
+            context = new GContextWebGL(this);
+
+            context.componentId = this.id;
+
+            if (!this._disableAutoSwap) {
+                const render = () => {
+                    if (this._needRender) {
+                        GCanvas.GBridge.render(this.id);
+                        this._needRender = false;
+                    }
+                }
+                setInterval(render, 16);
+            }
+
+            GCanvas.GBridge.callSetContextType(this.id, 1); // 0 for 2d; 1 for webgl
+        } else if (type.match(/2d/i)) {
+            context = new GContext2D(this);
+
+            context.componentId = this.id;
+
+//             const render = ( callback ) => {
+//
+//                 const commands = context._drawCommands;
+//                 context._drawCommands = '';
+//
+//                 GCanvas.GBridge.render2d(this.id, commands, callback);
+//                 this._needRender = false;
+//             }
+// 			//draw方法触发
+// 			context._flush = render;
+//             //setInterval(render, 16);
+
+            GCanvas.GBridge.callSetContextType(this.id, 0);
+        } else {
+            throw new Error('not supported context ' + type);
+        }
+
+        return context;
+
+    }
+
+    reset() {
+        GCanvas.GBridge.callReset(this.id);
+    }
+
+
+}
\ No newline at end of file
diff --git a/components/firstui/fui-circle/gcanvas/env/image.js b/components/firstui/fui-circle/gcanvas/env/image.js
new file mode 100644
index 0000000..b406df4
--- /dev/null
+++ b/components/firstui/fui-circle/gcanvas/env/image.js
@@ -0,0 +1,97 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8  614  0 7 2 5 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+let incId = 1;
+
+const noop = function () { };
+
+class GImage {
+
+    static GBridge = null;
+
+    constructor() {
+        this._id = incId++;
+        this._width = 0;
+        this._height = 0;
+        this._src = undefined;
+        this._onload = noop;
+        this._onerror = noop;
+        this.complete = false;
+    }
+
+    get width() {
+        return this._width;
+    }
+    set width(v) {
+        this._width = v;
+    }
+
+    get height() {
+        return this._height;
+    }
+
+    set height(v) {
+        this._height = v;
+    }
+
+    get src() {
+        return this._src;
+    }
+
+    set src(v) {
+
+        if (v.startsWith('//')) {
+            v = 'http:' + v;
+        }
+
+        this._src = v;
+
+        GImage.GBridge.perloadImage([this._src, this._id], (data) => {
+            if (typeof data === 'string') {
+                data = JSON.parse(data);
+            }
+            if (data.error) {
+                var evt = { type: 'error', target: this };
+                this.onerror(evt);
+            } else {
+                this.complete = true;
+                this.width = typeof data.width === 'number' ? data.width : 0;
+                this.height = typeof data.height === 'number' ? data.height : 0;
+                var evt = { type: 'load', target: this };
+                this.onload(evt);
+            }
+        });
+    }
+
+    addEventListener(name, listener) {
+        if (name === 'load') {
+            this.onload = listener;
+        } else if (name === 'error') {
+            this.onerror = listener;
+        }
+    }
+
+    removeEventListener(name, listener) {
+        if (name === 'load') {
+            this.onload = noop;
+        } else if (name === 'error') {
+            this.onerror = noop;
+        }
+    }
+
+    get onload() {
+        return this._onload;
+    }
+
+    set onload(v) {
+        this._onload = v;
+    }
+
+    get onerror() {
+        return this._onerror;
+    }
+
+    set onerror(v) {
+        this._onerror = v;
+    }
+}
+
+export default GImage;
\ No newline at end of file
diff --git a/components/firstui/fui-circle/gcanvas/env/tool.js b/components/firstui/fui-circle/gcanvas/env/tool.js
new file mode 100644
index 0000000..a42ea66
--- /dev/null
+++ b/components/firstui/fui-circle/gcanvas/env/tool.js
@@ -0,0 +1,25 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8614 0        72549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+
+export function ArrayBufferToBase64 (buffer) {
+    var binary = '';
+    var bytes = new Uint8ClampedArray(buffer);
+    for (var len = bytes.byteLength, i = 0; i < len; i++) {
+        binary += String.fromCharCode(bytes[i]);
+    }
+    return btoa(binary);
+}
+
+export function Base64ToUint8ClampedArray(base64String) {
+	const padding = '='.repeat((4 - base64String.length % 4) % 4);
+	const base64 = (base64String + padding)
+		.replace(/\-/g, '+')
+		.replace(/_/g, '/');
+
+	const rawData = atob(base64);
+	const outputArray = new Uint8ClampedArray(rawData.length);
+
+	for (let i = 0; i < rawData.length; ++i) {
+		outputArray[i] = rawData.charCodeAt(i);
+	}
+	return outputArray;
+}
\ No newline at end of file
diff --git a/components/firstui/fui-circle/gcanvas/index.js b/components/firstui/fui-circle/gcanvas/index.js
new file mode 100644
index 0000000..e7cae4b
--- /dev/null
+++ b/components/firstui/fui-circle/gcanvas/index.js
@@ -0,0 +1,48 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  18   61407   25 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import GCanvas from './env/canvas';
+import GImage from './env/image';
+
+import GWebGLRenderingContext from './context-webgl/RenderingContext';
+import GContext2D from './context-2d/RenderingContext';
+
+import GBridgeWeex from './bridge/bridge-weex';
+
+export let Image = GImage;
+
+export let WeexBridge = GBridgeWeex;
+
+export function enable(el, {
+	bridge,
+	debug,
+	disableAutoSwap,
+	disableComboCommands
+} = {}) {
+
+	const GBridge = GImage.GBridge = GCanvas.GBridge = GWebGLRenderingContext.GBridge = GContext2D.GBridge = bridge;
+
+	GBridge.callEnable(el.ref, [
+		0, // renderMode: 0--RENDERMODE_WHEN_DIRTY, 1--RENDERMODE_CONTINUOUSLY
+		-1, // hybridLayerType:  0--LAYER_TYPE_NONE 1--LAYER_TYPE_SOFTWARE 2--LAYER_TYPE_HARDWARE
+		false, // supportScroll
+		false, // newCanvasMode
+		1, // compatible
+		'white', // clearColor
+		false // sameLevel: newCanvasMode = true && true => GCanvasView and Webview is same level
+	]);
+
+	if (debug === true) {
+		GBridge.callEnableDebug();
+	}
+	if (disableComboCommands) {
+		GBridge.callEnableDisableCombo();
+	}
+
+	var canvas = new GCanvas(el.ref, {
+		disableAutoSwap
+	});
+	let pixelRatio = uni.getSystemInfoSync().pixelRatio;
+	canvas.width = el.style.width * pixelRatio;
+	canvas.height = el.style.height * pixelRatio;
+
+	return canvas;
+};
\ No newline at end of file
diff --git a/components/firstui/fui-circle/mpjs.js b/components/firstui/fui-circle/mpjs.js
new file mode 100644
index 0000000..15c3f02
--- /dev/null
+++ b/components/firstui/fui-circle/mpjs.js
@@ -0,0 +1,142 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8   6  1407  2 5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifdef MP
+
+export default {
+	data() {
+		return {
+			context: null,
+			start: 0
+		}
+	},
+	watch: {
+		percent(val) {
+			setTimeout(() => {
+				this.init();
+			}, 50)
+		},
+		w(val) {
+			setTimeout(() => {
+				this.init();
+			}, 50)
+		},
+		strokeWidth(val) {
+			setTimeout(() => {
+				this.init();
+			}, 50)
+		}
+	},
+	mounted() {
+		this.$nextTick(() => {
+			setTimeout(() => {
+				this.init();
+			}, 50)
+		})
+	},
+	methods: {
+		//初始化绘制
+		init(init) {
+			let start = this.activeMode === 'backwards' ? 0 : this.start;
+			start = start > this.percent ? 0 : start;
+			this.drawCircle(start);
+		},
+		//默认背景
+		drawDefaultCircle(ctx) {
+			let sw = Number(this.strokeWidth);
+			// #ifdef MP-ALIPAY
+			sw = sw * 4
+			// #endif
+			ctx.setLineWidth(sw);
+			ctx.setStrokeStyle(this.background);
+			let eAngle = Math.PI * 2 + Number(this.sAngle) * Math.PI;
+			this.drawArc(ctx, eAngle, true);
+		},
+		drawCircle(start) {
+			let ctx = this.context;
+			if (!ctx) {
+				ctx = uni.createCanvasContext(this.circleId, this);
+				this.context = ctx;
+			}
+			//绘制默认背景
+			this.defaultShow && this.drawDefaultCircle(ctx)
+			let sw = Number(this.strokeWidth)
+			// #ifdef MP-ALIPAY
+			sw = sw * 4
+			// #endif
+			ctx.setLineWidth(sw);
+			let gradient = this.foreground || this.primaryColor;
+			// #ifndef MP-KUAISHOU
+			if (this.gradient) {
+				gradient = ctx.createLinearGradient(0, 0, Number(this.w), 0);
+				gradient.addColorStop(0, this.gradient);
+				gradient.addColorStop(1, this.foreground || this.primaryColor);
+			}
+			// #endif
+			ctx.setStrokeStyle(gradient);
+			let percentage = Number(this.percent)
+			if (percentage > 0) {
+				start += Number(this.speed);
+				start = start > percentage ? percentage : start;
+			}
+			if (this.show) {
+				let si = Number(this.size)
+				// #ifdef MP-ALIPAY
+				si = si * 4
+				// #endif
+				ctx.setFontSize(si);
+				ctx.setFillStyle(this.color || this.primaryColor);
+				ctx.setTextAlign('center');
+				ctx.setTextBaseline('middle');
+				let percent = `${this.counterclockwise ? 100 - start : start}%`;
+				let radius = this.w / 2
+				// #ifdef MP-ALIPAY
+				radius = radius * 4
+				// #endif
+				ctx.fillText(percent, radius, radius);
+			}
+			if (percentage == 0 || (this.counterclockwise && start == 100)) {
+				ctx.draw();
+			} else {
+				let eAngle = ((2 * Math.PI) / 100) * start + Number(this.sAngle) * Math.PI;
+				this.drawArc(ctx, eAngle);
+			}
+			let time = 1000 / 60
+			// #ifdef MP-ALIPAY
+			time = time / 2
+			// #endif
+			setTimeout(() => {
+				this.start = start;
+				if (start == percentage) {
+					this.$emit('end', {
+						canvasId: this.circleId,
+						percent: start
+					});
+				} else {
+					this.drawCircle(start);
+				}
+				this.$emit('change', {
+					percent: start
+				});
+			}, time);
+		},
+		//创建弧线
+		drawArc(ctx, eAngle, def) {
+			ctx.setLineCap(this.lineCap);
+			ctx.beginPath();
+			let radius = this.w / 2;
+			let sw = Number(this.strokeWidth);
+			// #ifdef MP-ALIPAY
+			radius = radius * 4
+			sw = sw * 4
+			// #endif
+			ctx.arc(radius, radius, radius - sw, Number(this.sAngle) * Math.PI, eAngle, this.counterclockwise);
+			ctx.stroke();
+			!def && ctx.draw();
+		}
+	}
+}
+
+// #endif
+
+// #ifndef MP
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-circle/nvue.js b/components/firstui/fui-circle/nvue.js
new file mode 100644
index 0000000..c906824
--- /dev/null
+++ b/components/firstui/fui-circle/nvue.js
@@ -0,0 +1,142 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：    18    614 0 72549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifdef APP-NVUE
+import {
+	enable,
+	WeexBridge
+} from './gcanvas/index.js';
+export default {
+	data() {
+		return {
+			start: 0
+		}
+	},
+	watch: {
+		percent(val) {
+			setTimeout(() => {
+				this.init();
+			}, 50)
+		},
+		w(val) {
+			setTimeout(() => {
+				this.init();
+			}, 50)
+		},
+		strokeWidth(val) {
+			setTimeout(() => {
+				this.init();
+			}, 50)
+		}
+	},
+	created() {
+		let sys = uni.getSystemInfoSync()
+		this.isAndroid = sys.platform.toLocaleLowerCase() == "android"
+		this.fontSize = this.isAndroid ? Number(this.size) : Number(this.size) * sys.pixelRatio
+	},
+	mounted() {
+		setTimeout(() => {
+			this.init(true);
+		}, 50);
+	},
+	// #ifndef VUE3
+	beforeDestroy() {
+		this.context = null;
+	},
+	// #endif
+	// #ifdef VUE3
+	beforeUnmount() {
+		this.context = null;
+	},
+	// #endif
+	methods: {
+		//初始化绘制
+		init(init) {
+			let start = this.activeMode === 'backwards' ? 0 : this.start;
+			this.drawCircle(start);
+		},
+		//默认背景
+		drawDefaultCircle(ctx) {
+			ctx.setLineWidth(Number(this.strokeWidth));
+			ctx.setStrokeStyle(this.background);
+			let eAngle = Math.PI * 2 + Number(this.sAngle) * Math.PI;
+			this.drawArc(ctx, eAngle, true);
+		},
+		//进度圆环
+		drawCircle(start) {
+			let ctx = this.context;
+			if (!ctx) {
+				let ganvas = this.$refs[this.circleId];
+				let canvas = enable(ganvas, {
+					bridge: WeexBridge
+				});
+				ctx = canvas.getContext('2d');
+				//android赋值后，canvas大小可能不受控制
+				this.context = ctx;
+			}
+			//绘制默认背景
+			if (!this.isAndroid) {
+				ctx.setFillStyle(this.fillStyle)
+				ctx.fillRect(0, 0, this.w, this.w)
+			}
+			// ctx.clearRect(0, 0, this.w, this.w)
+			this.defaultShow && this.drawDefaultCircle(ctx)
+			ctx.setLineWidth(Number(this.strokeWidth));
+			ctx.beginPath()
+			let gradient = this.foreground || this.primaryColor;
+			// if (this.gradient) {
+			// 	gradient = ctx.createLinearGradient(0, 0, this.w, 0);
+			// 	gradient.addColorStop(0, this.gradient);
+			// 	gradient.addColorStop(1, this.foreground);
+			// }
+			ctx.setStrokeStyle(gradient);
+			let percentage = Number(this.percent)
+			if (percentage > 0) {
+				start += Number(this.speed);
+				start = start > percentage ? percentage : start;
+			}
+			if (this.show) {
+				ctx.setFontSize(this.fontSize);
+				ctx.setFillStyle(this.color || this.primaryColor);
+				ctx.setTextAlign('center');
+				ctx.setTextBaseline('middle');
+				let percent = `${this.counterclockwise ? 100 - start : start}%`;
+				let radius = this.w / 2;
+				ctx.fillText(percent, radius, radius);
+			}
+			if (percentage == 0 || (this.counterclockwise && start == 100)) {
+				ctx.draw();
+			} else {
+				let eAngle = ((2 * Math.PI) / 100) * start + Number(this.sAngle) * Math.PI;
+				this.drawArc(ctx, eAngle);
+			}
+			setTimeout(() => {
+				this.start = start;
+				if (start == percentage) {
+					this.$emit('end', {
+						canvasId: this.circleId,
+						percent: start
+					});
+				} else {
+					this.drawCircle(start);
+				}
+				this.$emit('change', {
+					percent: start
+				});
+			}, 1000 / 60);
+		},
+		drawArc(ctx, eAngle, def) {
+			ctx.setLineCap(this.lineCap);
+			ctx.beginPath();
+			let radius = this.w / 2;
+			ctx.arc(radius, radius, radius - Number(this.strokeWidth), Number(this.sAngle) * Math.PI, eAngle, this
+				.counterclockwise);
+			ctx.stroke();
+			!def && ctx.draw();
+		}
+	}
+}
+
+// #endif
+
+// #ifndef APP-NVUE
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-circle/render.js b/components/firstui/fui-circle/render.js
new file mode 100644
index 0000000..9cc15b1
--- /dev/null
+++ b/components/firstui/fui-circle/render.js
@@ -0,0 +1,31 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 186 140  7  2   54 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifdef APP-VUE || H5
+export default {
+	data() {
+		return {
+			percentage: -1
+		}
+	},
+	watch: {
+		percent(val) {
+			this.percentage = Number(val) || 0
+		}
+	},
+	mounted() {
+		this.percentage = Number(this.percent) || 0
+	},
+	methods: {
+		change(e) {
+			this.$emit('change', e);
+		},
+		end(e) {
+			this.$emit('end', e);
+		}
+	}
+}
+
+// #endif
+
+// #ifndef APP-VUE || H5
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-clipboard/clipboard.min.js b/components/firstui/fui-clipboard/clipboard.min.js
new file mode 100644
index 0000000..3bc7ccb
--- /dev/null
+++ b/components/firstui/fui-clipboard/clipboard.min.js
@@ -0,0 +1,8 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1861    40 7   2 549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifdef H5
+/**
+ * clipboard.min.js  support for ES6 module import
+ * https://doc.firstui.cn/
+ **/
+function select(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var i=t.hasAttribute("readonly");i||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),i||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var n=window.getSelection(),r=document.createRange();r.selectNodeContents(t),n.removeAllRanges(),n.addRange(r),e=n.toString()}return e}class ClipboardAction{constructor(t){this.resolveOptions(t),this.initSelection()}resolveOptions(t={}){this.action=t.action,this.container=t.container,this.emitter=t.emitter,this.target=t.target,this.text=t.text,this.trigger=t.trigger,this.selectedText=""}initSelection(){this.text?this.selectFake():this.target&&this.selectTarget()}selectFake(){const t="rtl"==document.documentElement.getAttribute("dir");this.removeFake(),this.fakeHandlerCallback=(()=>this.removeFake()),this.fakeHandler=this.container.addEventListener("click",this.fakeHandlerCallback)||!0,this.fakeElem=document.createElement("textarea"),this.fakeElem.style.fontSize="12pt",this.fakeElem.style.border="0",this.fakeElem.style.padding="0",this.fakeElem.style.margin="0",this.fakeElem.style.position="absolute",this.fakeElem.style[t?"right":"left"]="-9999px";let e=window.pageYOffset||document.documentElement.scrollTop;this.fakeElem.style.top=`${e}px`,this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,this.container.appendChild(this.fakeElem),this.selectedText=select(this.fakeElem),this.copyText()}removeFake(){this.fakeHandler&&(this.container.removeEventListener("click",this.fakeHandlerCallback),this.fakeHandler=null,this.fakeHandlerCallback=null),this.fakeElem&&(this.container.removeChild(this.fakeElem),this.fakeElem=null)}selectTarget(){this.selectedText=select(this.target),this.copyText()}copyText(){let t;try{t=document.execCommand(this.action)}catch(e){t=!1}this.handleResult(t)}handleResult(t){this.emitter.emit(t?"success":"error",{action:this.action,text:this.selectedText,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)})}clearSelection(){this.trigger&&this.trigger.focus(),window.getSelection().removeAllRanges()}set action(t="copy"){if(this._action=t,"copy"!==this._action&&"cut"!==this._action)throw new Error('Invalid "action" value, use either "copy" or "cut"')}get action(){return this._action}set target(t){if(void 0!==t){if(!t||"object"!=typeof t||1!==t.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===this.action&&t.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===this.action&&(t.hasAttribute("readonly")||t.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');this._target=t}}get target(){return this._target}destroy(){this.removeFake()}}function Emitter(){}Emitter.prototype={on:function(t,e,i){var n=this.e||(this.e={});return(n[t]||(n[t]=[])).push({fn:e,ctx:i}),this},once:function(t,e,i){var n=this;function r(){n.off(t,r),e.apply(i,arguments)}return r._=e,this.on(t,r,i)},emit:function(t){for(var e=[].slice.call(arguments,1),i=((this.e||(this.e={}))[t]||[]).slice(),n=0,r=i.length;n<r;n++)i[n].fn.apply(i[n].ctx,e);return this},off:function(t,e){var i=this.e||(this.e={}),n=i[t],r=[];if(n&&e)for(var o=0,s=n.length;o<s;o++)n[o].fn!==e&&n[o].fn._!==e&&r.push(n[o]);return r.length?i[t]=r:delete i[t],this}};let is={node:function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},nodeList:function(t){var e=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===e||"[object HTMLCollection]"===e)&&"length"in t&&(0===t.length||exports.node(t[0]))},string:function(t){return"string"==typeof t||t instanceof String},fn:function(t){return"[object Function]"===Object.prototype.toString.call(t)}};var DOCUMENT_NODE_TYPE=9;if("undefined"!=typeof Element&&!Element.prototype.matches){var proto=Element.prototype;proto.matches=proto.matchesSelector||proto.mozMatchesSelector||proto.msMatchesSelector||proto.oMatchesSelector||proto.webkitMatchesSelector}function closest(t,e){for(;t&&t.nodeType!==DOCUMENT_NODE_TYPE;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}function _delegate(t,e,i,n,r){var o=listener.apply(this,arguments);return t.addEventListener(i,o,r),{destroy:function(){t.removeEventListener(i,o,r)}}}function delegate(t,e,i,n,r){return"function"==typeof t.addEventListener?_delegate.apply(null,arguments):"function"==typeof i?_delegate.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,function(t){return _delegate(t,e,i,n,r)}))}function listener(t,e,i,n){return function(i){i.delegateTarget=closest(i.target,e),i.delegateTarget&&n.call(t,i)}}function listen(t,e,i){if(!t&&!e&&!i)throw new Error("Missing required arguments");if(!is.string(e))throw new TypeError("Second argument must be a String");if(!is.fn(i))throw new TypeError("Third argument must be a Function");if(is.node(t))return listenNode(t,e,i);if(is.nodeList(t))return listenNodeList(t,e,i);if(is.string(t))return listenSelector(t,e,i);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}function listenNode(t,e,i){return t.addEventListener(e,i),{destroy:function(){t.removeEventListener(e,i)}}}function listenNodeList(t,e,i){return Array.prototype.forEach.call(t,function(t){t.addEventListener(e,i)}),{destroy:function(){Array.prototype.forEach.call(t,function(t){t.removeEventListener(e,i)})}}}function listenSelector(t,e,i){return delegate(document.body,t,e,i)}class Clipboard extends Emitter{constructor(t,e){super(),this.resolveOptions(e),this.listenClick(t)}resolveOptions(t={}){this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"==typeof t.container?t.container:document.body}listenClick(t){this.listener=listen(t,"click",t=>this.onClick(t))}onClick(t){const e=t.delegateTarget||t.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new ClipboardAction({action:this.action(e),target:this.target(e),text:this.text(e),container:this.container,trigger:e,emitter:this})}defaultAction(t){return getAttributeValue("action",t)}defaultTarget(t){const e=getAttributeValue("target",t);if(e)return document.querySelector(e)}static isSupported(t=["copy","cut"]){const e="string"==typeof t?[t]:t;let i=!!document.queryCommandSupported;return e.forEach(t=>{i=i&&!!document.queryCommandSupported(t)}),i}defaultText(t){return getAttributeValue("text",t)}destroy(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)}}function getAttributeValue(t,e){const i=`data-clipboard-${t}`;if(e.hasAttribute(i))return e.getAttribute(i)}export default Clipboard;
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-clipboard/index.js b/components/firstui/fui-clipboard/index.js
new file mode 100644
index 0000000..a10fcfd
--- /dev/null
+++ b/components/firstui/fui-clipboard/index.js
@@ -0,0 +1,52 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 186 1 407 2 54     9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+/*!
+ * 剪贴板
+ *
+ * 官网地址：https://firstui.cn/
+ * 文档地址：https://doc.firstui.cn/
+ */
+// #ifdef H5
+import ClipboardJS from "./clipboard.min.js"
+// #endif
+
+/**
+ * data 需要复制的数据
+ * callback 回调
+ * e 当用户点击后需要先请求接口再进行复制时，需要传入此参数（H5端）
+ * **/
+const getClipboardData = function(data, callback, e) {
+	// #ifdef APP-PLUS || MP
+	uni.setClipboardData({
+		data: data,
+		success(res) {
+			("function" == typeof callback) && callback(true)
+		},
+		fail(res) {
+			("function" == typeof callback) && callback(false)
+		}
+	})
+	// #endif
+
+	// #ifdef H5
+	let event =window.event || e || {}
+	let clipboard = new ClipboardJS("", {
+		text: () => data
+	})
+	clipboard.on('success', (e) => {
+		("function" == typeof callback) && callback(true)
+		clipboard.off('success')
+		clipboard.off('error')
+		clipboard.destroy()
+	});
+	clipboard.on('error', (e) => {
+		("function" == typeof callback) && callback(false)
+		clipboard.off('success')
+		clipboard.off('error')
+		clipboard.destroy()
+	});
+	clipboard.onClick(event)
+	// #endif
+}
+export default {
+	getClipboardData: getClipboardData
+};
\ No newline at end of file
diff --git a/components/firstui/fui-col/fui-col.vue b/components/firstui/fui-col/fui-col.vue
new file mode 100644
index 0000000..3dcd2d6
--- /dev/null
+++ b/components/firstui/fui-col/fui-col.vue
@@ -0,0 +1,3220 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  18614 0    72 5 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<!-- #ifdef APP-NVUE -->
+	<view :style="{
+		paddingLeft:`${Number(gutter)}rpx`,
+		paddingRight:`${Number(gutter)}rpx`,
+		width:`${nvueWidth}rpx`,
+		position:'relative',
+		marginLeft:`${marginLeft}rpx`,
+		left:`${right === 0 ? left : -right}rpx`
+	}">
+		<slot></slot>
+	</view>
+	<!-- #endif -->
+
+	<!-- #ifndef APP-NVUE -->
+	<view :class="classList" :style="{
+		paddingLeft:`${Number(gutter)}rpx`,
+		paddingRight:`${Number(gutter)}rpx`,
+	}">
+		<slot></slot>
+	</view>
+	<!-- #endif -->
+</template>
+
+<script>
+	export default {
+		name: "fui-col",
+		// #ifdef MP-WEIXIN
+		options: {
+			virtualHost: true
+		},
+		// #endif
+		props: {
+			//栅格占据的列数
+			span: {
+				type: Number,
+				default: 24
+			},
+			//栅格左侧的间隔格数
+			offset: {
+				type: Number,
+				default: 0
+			},
+			//栅格向右移动格数
+			pushLeft: {
+				type: Number,
+				default: -1
+			},
+			//栅格向左移动格数
+			pullRight: {
+				type: Number,
+				default: -1
+			},
+			//max-width:767px 响应式栅格数或者栅格属性对象
+			//Number时表示在此屏幕宽度下，栅格占据的列数。Object时可配置多个描述{span: 4, offset: 4}
+			xs: {
+				type: [Number, Object],
+				default: -1
+			},
+			//max-width:768px 响应式栅格数或者栅格属性对象
+			sm: {
+				type: [Number, Object],
+				default: -1
+			},
+			//max-width:992px 响应式栅格数或者栅格属性对象
+			md: {
+				type: [Number, Object],
+				default: -1
+			},
+			//max-width:1200px 响应式栅格数或者栅格属性对象
+			lg: {
+				type: [Number, Object],
+				default: -1
+			},
+			//max-width:1920px 响应式栅格数或者栅格属性对象
+			xl: {
+				type: [Number, Object],
+				default: -1
+			}
+		},
+		data() {
+			return {
+				classList: 'fui-col',
+				gutter: 0,
+				sizeClass: '',
+				parentWidth: 0,
+				nvueWidth: 0,
+				marginLeft: 0,
+				right: 0,
+				left: 0
+			};
+		},
+		created() {
+			let parent = this.$parent;
+			while (parent && parent.$options.componentName !== 'fuiRow') {
+				parent = parent.$parent;
+			}
+
+			this.updateGutter(parent.gutter)
+			parent.$watch('gutter', (gutter) => {
+				this.updateGutter(gutter)
+			})
+			// #ifdef APP-NVUE
+			this.updateNvueWidth(parent.width)
+			parent.$watch('width', (width) => {
+				this.updateNvueWidth(width)
+			})
+			// #endif
+			// #ifndef APP-NVUE
+			this.updateCol();
+			// #endif
+		},
+		computed: {
+			sizeChange() {
+				let {
+					span,
+					offset,
+					pullRight,
+					pushLeft
+				} = this;
+				return `${span}-${offset}-${pullRight}-${pushLeft}`;
+			}
+		},
+		watch: {
+			sizeChange: {
+				immediate: true,
+				handler(newVal) {
+					// #ifndef APP-NVUE
+					this.updateCol();
+					// #endif
+					// #ifdef APP-NVUE
+					this.updateNvueWidth(this.parentWidth);
+					// #endif
+				}
+			}
+		},
+		methods: {
+			updateGutter(parentGutter) {
+				parentGutter = Number(parentGutter);
+				if (!isNaN(parentGutter)) {
+					this.gutter = parentGutter / 2
+				}
+			},
+			// #ifdef APP-NVUE
+			updateNvueWidth(width) {
+				// 用于在nvue端，span，offset，pull，push的计算
+				this.parentWidth = width;
+				['span', 'offset', 'pull', 'push'].forEach(size => {
+					const curSize = this[size];
+					if ((curSize || curSize === 0) && curSize !== -1) {
+						let RPX = 1 / 24 * curSize * width
+						RPX = Number(RPX);
+						switch (size) {
+							case 'span':
+								this.nvueWidth = RPX
+								break;
+							case 'offset':
+								this.marginLeft = RPX
+								break;
+							case 'pull':
+								this.right = RPX
+								break;
+							case 'push':
+								this.left = RPX
+								break;
+						}
+					}
+				});
+			},
+			// #endif
+			updateCol() {
+				let classList = ['fui-col'];
+				classList.push('fui-col-' + this.span);
+				classList.push('fui-col-offset-' + this.offset);
+				if (this.pushLeft !== -1) {
+					this.pushLeft && classList.push('fui-col-push-' + this.pushLeft);
+				}
+				if (this.pullRight !== -1) {
+					this.pullRight && classList.push('fui-col-pull-' + this.pullRight);
+				}
+				this.screenSizeSet('xs', classList);
+				this.screenSizeSet('sm', classList);
+				this.screenSizeSet('md', classList);
+				this.screenSizeSet('lg', classList);
+				this.screenSizeSet('xl', classList);
+				// #ifndef MP-ALIPAY || MP-BAIDU || MP-TOUTIAO
+				this.classList = classList;
+				// #endif
+
+				//支付宝、百度、头条小程序不会自动拆解 bug
+				// #ifdef MP-ALIPAY || MP-BAIDU || MP-TOUTIAO
+				this.classList = classList.join(' ');
+				// #endif
+			},
+			screenSizeSet(screen, classList) {
+				if (typeof this[screen] === 'number' && this[screen] !== -1) {
+					classList.push('fui-col-' + screen + '-' + this[screen]);
+				} else if (typeof this[screen] === 'object') {
+					typeof this[screen].offset === 'number' && classList.push('fui-col-' + screen + '-offset-' + this[
+						screen].offset);
+					typeof this[screen].pushLeft === 'number' && classList.push('fui-col-' + screen + '-push-' + this[
+						screen].pushLeft);
+					typeof this[screen].pullRight === 'number' && classList.push('fui-col-' + screen + '-pull-' + this[
+						screen].pullRight);
+					typeof this[screen].span === 'number' && classList.push('fui-col-' + screen + '-' + this[screen].span);
+				}
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	/*栅格 24*/
+	/* #ifndef APP-NVUE */
+	.fui-col-24 {
+		width: 100%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-24 {
+		margin-left: 100%
+	}
+
+	.fui-col-pull-24 {
+		position: relative;
+		right: 100%
+	}
+
+	.fui-col-push-24 {
+		position: relative;
+		left: 100%
+	}
+
+	.fui-col-23 {
+		width: 95.83333333%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-23 {
+		margin-left: 95.83333333%
+	}
+
+	.fui-col-pull-23 {
+		position: relative;
+		right: 95.83333333%
+	}
+
+	.fui-col-push-23 {
+		position: relative;
+		left: 95.83333333%
+	}
+
+	.fui-col-22 {
+		width: 91.66666667%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-22 {
+		margin-left: 91.66666667%
+	}
+
+	.fui-col-pull-22 {
+		position: relative;
+		right: 91.66666667%
+	}
+
+	.fui-col-push-22 {
+		position: relative;
+		left: 91.66666667%
+	}
+
+	.fui-col-21 {
+		width: 87.5%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-21 {
+		margin-left: 87.5%
+	}
+
+	.fui-col-pull-21 {
+		position: relative;
+		right: 87.5%
+	}
+
+	.fui-col-push-21 {
+		position: relative;
+		left: 87.5%
+	}
+
+	.fui-col-20 {
+		width: 83.33333333%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-20 {
+		margin-left: 83.33333333%
+	}
+
+	.fui-col-pull-20 {
+		position: relative;
+		right: 83.33333333%
+	}
+
+	.fui-col-push-20 {
+		position: relative;
+		left: 83.33333333%
+	}
+
+	.fui-col-19 {
+		width: 79.16666667%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-19 {
+		margin-left: 79.16666667%
+	}
+
+	.fui-col-pull-19 {
+		position: relative;
+		right: 79.16666667%
+	}
+
+	.fui-col-push-19 {
+		position: relative;
+		left: 79.16666667%
+	}
+
+	.fui-col-18 {
+		width: 75%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-18 {
+		margin-left: 75%
+	}
+
+	.fui-col-pull-18 {
+		position: relative;
+		right: 75%
+	}
+
+	.fui-col-push-18 {
+		position: relative;
+		left: 75%
+	}
+
+	.fui-col-17 {
+		width: 70.83333333%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-17 {
+		margin-left: 70.83333333%
+	}
+
+	.fui-col-pull-17 {
+		position: relative;
+		right: 70.83333333%
+	}
+
+	.fui-col-push-17 {
+		position: relative;
+		left: 70.83333333%
+	}
+
+	.fui-col-16 {
+		width: 66.66666667%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-16 {
+		margin-left: 66.66666667%
+	}
+
+	.fui-col-pull-16 {
+		position: relative;
+		right: 66.66666667%
+	}
+
+	.fui-col-push-16 {
+		position: relative;
+		left: 66.66666667%
+	}
+
+	.fui-col-15 {
+		width: 62.5%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-15 {
+		margin-left: 62.5%
+	}
+
+	.fui-col-pull-15 {
+		position: relative;
+		right: 62.5%
+	}
+
+	.fui-col-push-15 {
+		position: relative;
+		left: 62.5%
+	}
+
+	.fui-col-14 {
+		width: 58.33333333%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-14 {
+		margin-left: 58.33333333%
+	}
+
+	.fui-col-pull-14 {
+		position: relative;
+		right: 58.33333333%
+	}
+
+	.fui-col-push-14 {
+		position: relative;
+		left: 58.33333333%
+	}
+
+	.fui-col-13 {
+		width: 54.16666667%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-13 {
+		margin-left: 54.16666667%
+	}
+
+	.fui-col-pull-13 {
+		position: relative;
+		right: 54.16666667%
+	}
+
+	.fui-col-push-13 {
+		position: relative;
+		left: 54.16666667%
+	}
+
+	.fui-col-12 {
+		width: 50%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-12 {
+		margin-left: 50%
+	}
+
+	.fui-col-pull-12 {
+		position: relative;
+		right: 50%
+	}
+
+	.fui-col-push-12 {
+		position: relative;
+		left: 50%
+	}
+
+	.fui-col-11 {
+		width: 45.83333333%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-11 {
+		margin-left: 45.83333333%
+	}
+
+	.fui-col-pull-11 {
+		position: relative;
+		right: 45.83333333%
+	}
+
+	.fui-col-push-11 {
+		position: relative;
+		left: 45.83333333%
+	}
+
+	.fui-col-10 {
+		width: 41.66666667%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-10 {
+		margin-left: 41.66666667%
+	}
+
+	.fui-col-pull-10 {
+		position: relative;
+		right: 41.66666667%
+	}
+
+	.fui-col-push-10 {
+		position: relative;
+		left: 41.66666667%
+	}
+
+	.fui-col-9 {
+		width: 37.5%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-9 {
+		margin-left: 37.5%
+	}
+
+	.fui-col-pull-9 {
+		position: relative;
+		right: 37.5%
+	}
+
+	.fui-col-push-9 {
+		position: relative;
+		left: 37.5%
+	}
+
+	.fui-col-8 {
+		width: 33.33333333%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-8 {
+		margin-left: 33.33333333%
+	}
+
+	.fui-col-pull-8 {
+		position: relative;
+		right: 33.33333333%
+	}
+
+	.fui-col-push-8 {
+		position: relative;
+		left: 33.33333333%
+	}
+
+	.fui-col-7 {
+		width: 29.16666667%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-7 {
+		margin-left: 29.16666667%
+	}
+
+	.fui-col-pull-7 {
+		position: relative;
+		right: 29.16666667%
+	}
+
+	.fui-col-push-7 {
+		position: relative;
+		left: 29.16666667%
+	}
+
+	.fui-col-6 {
+		width: 25%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-6 {
+		margin-left: 25%
+	}
+
+	.fui-col-pull-6 {
+		position: relative;
+		right: 25%
+	}
+
+	.fui-col-push-6 {
+		position: relative;
+		left: 25%
+	}
+
+	.fui-col-5 {
+		width: 20.83333333%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-5 {
+		margin-left: 20.83333333%
+	}
+
+	.fui-col-pull-5 {
+		position: relative;
+		right: 20.83333333%
+	}
+
+	.fui-col-push-5 {
+		position: relative;
+		left: 20.83333333%
+	}
+
+	.fui-col-4 {
+		width: 16.66666667%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-4 {
+		margin-left: 16.66666667%
+	}
+
+	.fui-col-pull-4 {
+		position: relative;
+		right: 16.66666667%
+	}
+
+	.fui-col-push-4 {
+		position: relative;
+		left: 16.66666667%
+	}
+
+	.fui-col-3 {
+		width: 12.5%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-3 {
+		margin-left: 12.5%
+	}
+
+	.fui-col-pull-3 {
+		position: relative;
+		right: 12.5%
+	}
+
+	.fui-col-push-3 {
+		position: relative;
+		left: 12.5%
+	}
+
+	.fui-col-2 {
+		width: 8.33333333%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-2 {
+		margin-left: 8.33333333%
+	}
+
+	.fui-col-pull-2 {
+		position: relative;
+		right: 8.33333333%
+	}
+
+	.fui-col-push-2 {
+		position: relative;
+		left: 8.33333333%
+	}
+
+	.fui-col-1 {
+		width: 4.16666667%;
+		float: left;
+		display: block
+	}
+
+	.fui-col-offset-1 {
+		margin-left: 4.16666667%
+	}
+
+	.fui-col-pull-1 {
+		position: relative;
+		right: 4.16666667%
+	}
+
+	.fui-col-push-1 {
+		position: relative;
+		left: 4.16666667%
+	}
+
+	.fui-col-0 {
+		display: none
+	}
+
+	.fui-col-offset-0 {
+		margin-left: 0%
+	}
+
+	.fui-col-pull-0 {
+		position: relative;
+		right: 0%
+	}
+
+	.fui-col-push-0 {
+		position: relative;
+		left: 0%
+	}
+
+	@media screen and (max-width:1920px) {
+		.fui-col-xl-24 {
+			width: 100%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-24 {
+			margin-left: 100%
+		}
+
+		.fui-col-xl-pull-24 {
+			position: relative;
+			right: 100%
+		}
+
+		.fui-col-xl-push-24 {
+			position: relative;
+			left: 100%
+		}
+
+		.fui-col-xl-23 {
+			width: 95.83333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-23 {
+			margin-left: 95.83333333%
+		}
+
+		.fui-col-xl-pull-23 {
+			position: relative;
+			right: 95.83333333%
+		}
+
+		.fui-col-xl-push-23 {
+			position: relative;
+			left: 95.83333333%
+		}
+
+		.fui-col-xl-22 {
+			width: 91.66666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-22 {
+			margin-left: 91.66666667%
+		}
+
+		.fui-col-xl-pull-22 {
+			position: relative;
+			right: 91.66666667%
+		}
+
+		.fui-col-xl-push-22 {
+			position: relative;
+			left: 91.66666667%
+		}
+
+		.fui-col-xl-21 {
+			width: 87.5%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-21 {
+			margin-left: 87.5%
+		}
+
+		.fui-col-xl-pull-21 {
+			position: relative;
+			right: 87.5%
+		}
+
+		.fui-col-xl-push-21 {
+			position: relative;
+			left: 87.5%
+		}
+
+		.fui-col-xl-20 {
+			width: 83.33333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-20 {
+			margin-left: 83.33333333%
+		}
+
+		.fui-col-xl-pull-20 {
+			position: relative;
+			right: 83.33333333%
+		}
+
+		.fui-col-xl-push-20 {
+			position: relative;
+			left: 83.33333333%
+		}
+
+		.fui-col-xl-19 {
+			width: 79.16666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-19 {
+			margin-left: 79.16666667%
+		}
+
+		.fui-col-xl-pull-19 {
+			position: relative;
+			right: 79.16666667%
+		}
+
+		.fui-col-xl-push-19 {
+			position: relative;
+			left: 79.16666667%
+		}
+
+		.fui-col-xl-18 {
+			width: 75%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-18 {
+			margin-left: 75%
+		}
+
+		.fui-col-xl-pull-18 {
+			position: relative;
+			right: 75%
+		}
+
+		.fui-col-xl-push-18 {
+			position: relative;
+			left: 75%
+		}
+
+		.fui-col-xl-17 {
+			width: 70.83333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-17 {
+			margin-left: 70.83333333%
+		}
+
+		.fui-col-xl-pull-17 {
+			position: relative;
+			right: 70.83333333%
+		}
+
+		.fui-col-xl-push-17 {
+			position: relative;
+			left: 70.83333333%
+		}
+
+		.fui-col-xl-16 {
+			width: 66.66666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-16 {
+			margin-left: 66.66666667%
+		}
+
+		.fui-col-xl-pull-16 {
+			position: relative;
+			right: 66.66666667%
+		}
+
+		.fui-col-xl-push-16 {
+			position: relative;
+			left: 66.66666667%
+		}
+
+		.fui-col-xl-15 {
+			width: 62.5%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-15 {
+			margin-left: 62.5%
+		}
+
+		.fui-col-xl-pull-15 {
+			position: relative;
+			right: 62.5%
+		}
+
+		.fui-col-xl-push-15 {
+			position: relative;
+			left: 62.5%
+		}
+
+		.fui-col-xl-14 {
+			width: 58.33333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-14 {
+			margin-left: 58.33333333%
+		}
+
+		.fui-col-xl-pull-14 {
+			position: relative;
+			right: 58.33333333%
+		}
+
+		.fui-col-xl-push-14 {
+			position: relative;
+			left: 58.33333333%
+		}
+
+		.fui-col-xl-13 {
+			width: 54.16666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-13 {
+			margin-left: 54.16666667%
+		}
+
+		.fui-col-xl-pull-13 {
+			position: relative;
+			right: 54.16666667%
+		}
+
+		.fui-col-xl-push-13 {
+			position: relative;
+			left: 54.16666667%
+		}
+
+		.fui-col-xl-12 {
+			width: 50%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-12 {
+			margin-left: 50%
+		}
+
+		.fui-col-xl-pull-12 {
+			position: relative;
+			right: 50%
+		}
+
+		.fui-col-xl-push-12 {
+			position: relative;
+			left: 50%
+		}
+
+		.fui-col-xl-11 {
+			width: 45.83333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-11 {
+			margin-left: 45.83333333%
+		}
+
+		.fui-col-xl-pull-11 {
+			position: relative;
+			right: 45.83333333%
+		}
+
+		.fui-col-xl-push-11 {
+			position: relative;
+			left: 45.83333333%
+		}
+
+		.fui-col-xl-10 {
+			width: 41.66666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-10 {
+			margin-left: 41.66666667%
+		}
+
+		.fui-col-xl-pull-10 {
+			position: relative;
+			right: 41.66666667%
+		}
+
+		.fui-col-xl-push-10 {
+			position: relative;
+			left: 41.66666667%
+		}
+
+		.fui-col-xl-9 {
+			width: 37.5%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-9 {
+			margin-left: 37.5%
+		}
+
+		.fui-col-xl-pull-9 {
+			position: relative;
+			right: 37.5%
+		}
+
+		.fui-col-xl-push-9 {
+			position: relative;
+			left: 37.5%
+		}
+
+		.fui-col-xl-8 {
+			width: 33.33333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-8 {
+			margin-left: 33.33333333%
+		}
+
+		.fui-col-xl-pull-8 {
+			position: relative;
+			right: 33.33333333%
+		}
+
+		.fui-col-xl-push-8 {
+			position: relative;
+			left: 33.33333333%
+		}
+
+		.fui-col-xl-7 {
+			width: 29.16666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-7 {
+			margin-left: 29.16666667%
+		}
+
+		.fui-col-xl-pull-7 {
+			position: relative;
+			right: 29.16666667%
+		}
+
+		.fui-col-xl-push-7 {
+			position: relative;
+			left: 29.16666667%
+		}
+
+		.fui-col-xl-6 {
+			width: 25%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-6 {
+			margin-left: 25%
+		}
+
+		.fui-col-xl-pull-6 {
+			position: relative;
+			right: 25%
+		}
+
+		.fui-col-xl-push-6 {
+			position: relative;
+			left: 25%
+		}
+
+		.fui-col-xl-5 {
+			width: 20.83333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-5 {
+			margin-left: 20.83333333%
+		}
+
+		.fui-col-xl-pull-5 {
+			position: relative;
+			right: 20.83333333%
+		}
+
+		.fui-col-xl-push-5 {
+			position: relative;
+			left: 20.83333333%
+		}
+
+		.fui-col-xl-4 {
+			width: 16.66666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-4 {
+			margin-left: 16.66666667%
+		}
+
+		.fui-col-xl-pull-4 {
+			position: relative;
+			right: 16.66666667%
+		}
+
+		.fui-col-xl-push-4 {
+			position: relative;
+			left: 16.66666667%
+		}
+
+		.fui-col-xl-3 {
+			width: 12.5%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-3 {
+			margin-left: 12.5%
+		}
+
+		.fui-col-xl-pull-3 {
+			position: relative;
+			right: 12.5%
+		}
+
+		.fui-col-xl-push-3 {
+			position: relative;
+			left: 12.5%
+		}
+
+		.fui-col-xl-2 {
+			width: 8.33333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-2 {
+			margin-left: 8.33333333%
+		}
+
+		.fui-col-xl-pull-2 {
+			position: relative;
+			right: 8.33333333%
+		}
+
+		.fui-col-xl-push-2 {
+			position: relative;
+			left: 8.33333333%
+		}
+
+		.fui-col-xl-1 {
+			width: 4.16666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xl-offset-1 {
+			margin-left: 4.16666667%
+		}
+
+		.fui-col-xl-pull-1 {
+			position: relative;
+			right: 4.16666667%
+		}
+
+		.fui-col-xl-push-1 {
+			position: relative;
+			left: 4.16666667%
+		}
+
+		.fui-col-xl-0 {
+			display: none
+		}
+
+		.fui-col-xl-offset-0 {
+			margin-left: 0%
+		}
+
+		.fui-col-xl-pull-0 {
+			position: relative;
+			right: 0%
+		}
+
+		.fui-col-xl-push-0 {
+			position: relative;
+			left: 0%
+		}
+	}
+
+	@media screen and (max-width:1200px) {
+		.fui-col-lg-24 {
+			width: 100%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-24 {
+			margin-left: 100%
+		}
+
+		.fui-col-lg-pull-24 {
+			position: relative;
+			right: 100%
+		}
+
+		.fui-col-lg-push-24 {
+			position: relative;
+			left: 100%
+		}
+
+		.fui-col-lg-23 {
+			width: 95.83333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-23 {
+			margin-left: 95.83333333%
+		}
+
+		.fui-col-lg-pull-23 {
+			position: relative;
+			right: 95.83333333%
+		}
+
+		.fui-col-lg-push-23 {
+			position: relative;
+			left: 95.83333333%
+		}
+
+		.fui-col-lg-22 {
+			width: 91.66666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-22 {
+			margin-left: 91.66666667%
+		}
+
+		.fui-col-lg-pull-22 {
+			position: relative;
+			right: 91.66666667%
+		}
+
+		.fui-col-lg-push-22 {
+			position: relative;
+			left: 91.66666667%
+		}
+
+		.fui-col-lg-21 {
+			width: 87.5%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-21 {
+			margin-left: 87.5%
+		}
+
+		.fui-col-lg-pull-21 {
+			position: relative;
+			right: 87.5%
+		}
+
+		.fui-col-lg-push-21 {
+			position: relative;
+			left: 87.5%
+		}
+
+		.fui-col-lg-20 {
+			width: 83.33333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-20 {
+			margin-left: 83.33333333%
+		}
+
+		.fui-col-lg-pull-20 {
+			position: relative;
+			right: 83.33333333%
+		}
+
+		.fui-col-lg-push-20 {
+			position: relative;
+			left: 83.33333333%
+		}
+
+		.fui-col-lg-19 {
+			width: 79.16666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-19 {
+			margin-left: 79.16666667%
+		}
+
+		.fui-col-lg-pull-19 {
+			position: relative;
+			right: 79.16666667%
+		}
+
+		.fui-col-lg-push-19 {
+			position: relative;
+			left: 79.16666667%
+		}
+
+		.fui-col-lg-18 {
+			width: 75%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-18 {
+			margin-left: 75%
+		}
+
+		.fui-col-lg-pull-18 {
+			position: relative;
+			right: 75%
+		}
+
+		.fui-col-lg-push-18 {
+			position: relative;
+			left: 75%
+		}
+
+		.fui-col-lg-17 {
+			width: 70.83333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-17 {
+			margin-left: 70.83333333%
+		}
+
+		.fui-col-lg-pull-17 {
+			position: relative;
+			right: 70.83333333%
+		}
+
+		.fui-col-lg-push-17 {
+			position: relative;
+			left: 70.83333333%
+		}
+
+		.fui-col-lg-16 {
+			width: 66.66666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-16 {
+			margin-left: 66.66666667%
+		}
+
+		.fui-col-lg-pull-16 {
+			position: relative;
+			right: 66.66666667%
+		}
+
+		.fui-col-lg-push-16 {
+			position: relative;
+			left: 66.66666667%
+		}
+
+		.fui-col-lg-15 {
+			width: 62.5%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-15 {
+			margin-left: 62.5%
+		}
+
+		.fui-col-lg-pull-15 {
+			position: relative;
+			right: 62.5%
+		}
+
+		.fui-col-lg-push-15 {
+			position: relative;
+			left: 62.5%
+		}
+
+		.fui-col-lg-14 {
+			width: 58.33333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-14 {
+			margin-left: 58.33333333%
+		}
+
+		.fui-col-lg-pull-14 {
+			position: relative;
+			right: 58.33333333%
+		}
+
+		.fui-col-lg-push-14 {
+			position: relative;
+			left: 58.33333333%
+		}
+
+		.fui-col-lg-13 {
+			width: 54.16666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-13 {
+			margin-left: 54.16666667%
+		}
+
+		.fui-col-lg-pull-13 {
+			position: relative;
+			right: 54.16666667%
+		}
+
+		.fui-col-lg-push-13 {
+			position: relative;
+			left: 54.16666667%
+		}
+
+		.fui-col-lg-12 {
+			width: 50%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-12 {
+			margin-left: 50%
+		}
+
+		.fui-col-lg-pull-12 {
+			position: relative;
+			right: 50%
+		}
+
+		.fui-col-lg-push-12 {
+			position: relative;
+			left: 50%
+		}
+
+		.fui-col-lg-11 {
+			width: 45.83333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-11 {
+			margin-left: 45.83333333%
+		}
+
+		.fui-col-lg-pull-11 {
+			position: relative;
+			right: 45.83333333%
+		}
+
+		.fui-col-lg-push-11 {
+			position: relative;
+			left: 45.83333333%
+		}
+
+		.fui-col-lg-10 {
+			width: 41.66666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-10 {
+			margin-left: 41.66666667%
+		}
+
+		.fui-col-lg-pull-10 {
+			position: relative;
+			right: 41.66666667%
+		}
+
+		.fui-col-lg-push-10 {
+			position: relative;
+			left: 41.66666667%
+		}
+
+		.fui-col-lg-9 {
+			width: 37.5%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-9 {
+			margin-left: 37.5%
+		}
+
+		.fui-col-lg-pull-9 {
+			position: relative;
+			right: 37.5%
+		}
+
+		.fui-col-lg-push-9 {
+			position: relative;
+			left: 37.5%
+		}
+
+		.fui-col-lg-8 {
+			width: 33.33333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-8 {
+			margin-left: 33.33333333%
+		}
+
+		.fui-col-lg-pull-8 {
+			position: relative;
+			right: 33.33333333%
+		}
+
+		.fui-col-lg-push-8 {
+			position: relative;
+			left: 33.33333333%
+		}
+
+		.fui-col-lg-7 {
+			width: 29.16666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-7 {
+			margin-left: 29.16666667%
+		}
+
+		.fui-col-lg-pull-7 {
+			position: relative;
+			right: 29.16666667%
+		}
+
+		.fui-col-lg-push-7 {
+			position: relative;
+			left: 29.16666667%
+		}
+
+		.fui-col-lg-6 {
+			width: 25%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-6 {
+			margin-left: 25%
+		}
+
+		.fui-col-lg-pull-6 {
+			position: relative;
+			right: 25%
+		}
+
+		.fui-col-lg-push-6 {
+			position: relative;
+			left: 25%
+		}
+
+		.fui-col-lg-5 {
+			width: 20.83333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-5 {
+			margin-left: 20.83333333%
+		}
+
+		.fui-col-lg-pull-5 {
+			position: relative;
+			right: 20.83333333%
+		}
+
+		.fui-col-lg-push-5 {
+			position: relative;
+			left: 20.83333333%
+		}
+
+		.fui-col-lg-4 {
+			width: 16.66666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-4 {
+			margin-left: 16.66666667%
+		}
+
+		.fui-col-lg-pull-4 {
+			position: relative;
+			right: 16.66666667%
+		}
+
+		.fui-col-lg-push-4 {
+			position: relative;
+			left: 16.66666667%
+		}
+
+		.fui-col-lg-3 {
+			width: 12.5%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-3 {
+			margin-left: 12.5%
+		}
+
+		.fui-col-lg-pull-3 {
+			position: relative;
+			right: 12.5%
+		}
+
+		.fui-col-lg-push-3 {
+			position: relative;
+			left: 12.5%
+		}
+
+		.fui-col-lg-2 {
+			width: 8.33333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-2 {
+			margin-left: 8.33333333%
+		}
+
+		.fui-col-lg-pull-2 {
+			position: relative;
+			right: 8.33333333%
+		}
+
+		.fui-col-lg-push-2 {
+			position: relative;
+			left: 8.33333333%
+		}
+
+		.fui-col-lg-1 {
+			width: 4.16666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-lg-offset-1 {
+			margin-left: 4.16666667%
+		}
+
+		.fui-col-lg-pull-1 {
+			position: relative;
+			right: 4.16666667%
+		}
+
+		.fui-col-lg-push-1 {
+			position: relative;
+			left: 4.16666667%
+		}
+
+		.fui-col-lg-0 {
+			display: none
+		}
+
+		.fui-col-lg-offset-0 {
+			margin-left: 0%
+		}
+
+		.fui-col-lg-pull-0 {
+			position: relative;
+			right: 0%
+		}
+
+		.fui-col-lg-push-0 {
+			position: relative;
+			left: 0%
+		}
+	}
+
+	@media screen and (max-width:992px) {
+		.fui-col-md-24 {
+			width: 100%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-24 {
+			margin-left: 100%
+		}
+
+		.fui-col-md-pull-24 {
+			position: relative;
+			right: 100%
+		}
+
+		.fui-col-md-push-24 {
+			position: relative;
+			left: 100%
+		}
+
+		.fui-col-md-23 {
+			width: 95.83333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-23 {
+			margin-left: 95.83333333%
+		}
+
+		.fui-col-md-pull-23 {
+			position: relative;
+			right: 95.83333333%
+		}
+
+		.fui-col-md-push-23 {
+			position: relative;
+			left: 95.83333333%
+		}
+
+		.fui-col-md-22 {
+			width: 91.66666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-22 {
+			margin-left: 91.66666667%
+		}
+
+		.fui-col-md-pull-22 {
+			position: relative;
+			right: 91.66666667%
+		}
+
+		.fui-col-md-push-22 {
+			position: relative;
+			left: 91.66666667%
+		}
+
+		.fui-col-md-21 {
+			width: 87.5%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-21 {
+			margin-left: 87.5%
+		}
+
+		.fui-col-md-pull-21 {
+			position: relative;
+			right: 87.5%
+		}
+
+		.fui-col-md-push-21 {
+			position: relative;
+			left: 87.5%
+		}
+
+		.fui-col-md-20 {
+			width: 83.33333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-20 {
+			margin-left: 83.33333333%
+		}
+
+		.fui-col-md-pull-20 {
+			position: relative;
+			right: 83.33333333%
+		}
+
+		.fui-col-md-push-20 {
+			position: relative;
+			left: 83.33333333%
+		}
+
+		.fui-col-md-19 {
+			width: 79.16666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-19 {
+			margin-left: 79.16666667%
+		}
+
+		.fui-col-md-pull-19 {
+			position: relative;
+			right: 79.16666667%
+		}
+
+		.fui-col-md-push-19 {
+			position: relative;
+			left: 79.16666667%
+		}
+
+		.fui-col-md-18 {
+			width: 75%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-18 {
+			margin-left: 75%
+		}
+
+		.fui-col-md-pull-18 {
+			position: relative;
+			right: 75%
+		}
+
+		.fui-col-md-push-18 {
+			position: relative;
+			left: 75%
+		}
+
+		.fui-col-md-17 {
+			width: 70.83333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-17 {
+			margin-left: 70.83333333%
+		}
+
+		.fui-col-md-pull-17 {
+			position: relative;
+			right: 70.83333333%
+		}
+
+		.fui-col-md-push-17 {
+			position: relative;
+			left: 70.83333333%
+		}
+
+		.fui-col-md-16 {
+			width: 66.66666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-16 {
+			margin-left: 66.66666667%
+		}
+
+		.fui-col-md-pull-16 {
+			position: relative;
+			right: 66.66666667%
+		}
+
+		.fui-col-md-push-16 {
+			position: relative;
+			left: 66.66666667%
+		}
+
+		.fui-col-md-15 {
+			width: 62.5%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-15 {
+			margin-left: 62.5%
+		}
+
+		.fui-col-md-pull-15 {
+			position: relative;
+			right: 62.5%
+		}
+
+		.fui-col-md-push-15 {
+			position: relative;
+			left: 62.5%
+		}
+
+		.fui-col-md-14 {
+			width: 58.33333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-14 {
+			margin-left: 58.33333333%
+		}
+
+		.fui-col-md-pull-14 {
+			position: relative;
+			right: 58.33333333%
+		}
+
+		.fui-col-md-push-14 {
+			position: relative;
+			left: 58.33333333%
+		}
+
+		.fui-col-md-13 {
+			width: 54.16666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-13 {
+			margin-left: 54.16666667%
+		}
+
+		.fui-col-md-pull-13 {
+			position: relative;
+			right: 54.16666667%
+		}
+
+		.fui-col-md-push-13 {
+			position: relative;
+			left: 54.16666667%
+		}
+
+		.fui-col-md-12 {
+			width: 50%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-12 {
+			margin-left: 50%
+		}
+
+		.fui-col-md-pull-12 {
+			position: relative;
+			right: 50%
+		}
+
+		.fui-col-md-push-12 {
+			position: relative;
+			left: 50%
+		}
+
+		.fui-col-md-11 {
+			width: 45.83333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-11 {
+			margin-left: 45.83333333%
+		}
+
+		.fui-col-md-pull-11 {
+			position: relative;
+			right: 45.83333333%
+		}
+
+		.fui-col-md-push-11 {
+			position: relative;
+			left: 45.83333333%
+		}
+
+		.fui-col-md-10 {
+			width: 41.66666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-10 {
+			margin-left: 41.66666667%
+		}
+
+		.fui-col-md-pull-10 {
+			position: relative;
+			right: 41.66666667%
+		}
+
+		.fui-col-md-push-10 {
+			position: relative;
+			left: 41.66666667%
+		}
+
+		.fui-col-md-9 {
+			width: 37.5%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-9 {
+			margin-left: 37.5%
+		}
+
+		.fui-col-md-pull-9 {
+			position: relative;
+			right: 37.5%
+		}
+
+		.fui-col-md-push-9 {
+			position: relative;
+			left: 37.5%
+		}
+
+		.fui-col-md-8 {
+			width: 33.33333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-8 {
+			margin-left: 33.33333333%
+		}
+
+		.fui-col-md-pull-8 {
+			position: relative;
+			right: 33.33333333%
+		}
+
+		.fui-col-md-push-8 {
+			position: relative;
+			left: 33.33333333%
+		}
+
+		.fui-col-md-7 {
+			width: 29.16666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-7 {
+			margin-left: 29.16666667%
+		}
+
+		.fui-col-md-pull-7 {
+			position: relative;
+			right: 29.16666667%
+		}
+
+		.fui-col-md-push-7 {
+			position: relative;
+			left: 29.16666667%
+		}
+
+		.fui-col-md-6 {
+			width: 25%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-6 {
+			margin-left: 25%
+		}
+
+		.fui-col-md-pull-6 {
+			position: relative;
+			right: 25%
+		}
+
+		.fui-col-md-push-6 {
+			position: relative;
+			left: 25%
+		}
+
+		.fui-col-md-5 {
+			width: 20.83333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-5 {
+			margin-left: 20.83333333%
+		}
+
+		.fui-col-md-pull-5 {
+			position: relative;
+			right: 20.83333333%
+		}
+
+		.fui-col-md-push-5 {
+			position: relative;
+			left: 20.83333333%
+		}
+
+		.fui-col-md-4 {
+			width: 16.66666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-4 {
+			margin-left: 16.66666667%
+		}
+
+		.fui-col-md-pull-4 {
+			position: relative;
+			right: 16.66666667%
+		}
+
+		.fui-col-md-push-4 {
+			position: relative;
+			left: 16.66666667%
+		}
+
+		.fui-col-md-3 {
+			width: 12.5%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-3 {
+			margin-left: 12.5%
+		}
+
+		.fui-col-md-pull-3 {
+			position: relative;
+			right: 12.5%
+		}
+
+		.fui-col-md-push-3 {
+			position: relative;
+			left: 12.5%
+		}
+
+		.fui-col-md-2 {
+			width: 8.33333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-2 {
+			margin-left: 8.33333333%
+		}
+
+		.fui-col-md-pull-2 {
+			position: relative;
+			right: 8.33333333%
+		}
+
+		.fui-col-md-push-2 {
+			position: relative;
+			left: 8.33333333%
+		}
+
+		.fui-col-md-1 {
+			width: 4.16666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-md-offset-1 {
+			margin-left: 4.16666667%
+		}
+
+		.fui-col-md-pull-1 {
+			position: relative;
+			right: 4.16666667%
+		}
+
+		.fui-col-md-push-1 {
+			position: relative;
+			left: 4.16666667%
+		}
+
+		.fui-col-md-0 {
+			display: none
+		}
+
+		.fui-col-md-offset-0 {
+			margin-left: 0%
+		}
+
+		.fui-col-md-pull-0 {
+			position: relative;
+			right: 0%
+		}
+
+		.fui-col-md-push-0 {
+			position: relative;
+			left: 0%
+		}
+	}
+
+	@media screen and (max-width:768px) {
+		.fui-col-sm-24 {
+			width: 100%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-24 {
+			margin-left: 100%
+		}
+
+		.fui-col-sm-pull-24 {
+			position: relative;
+			right: 100%
+		}
+
+		.fui-col-sm-push-24 {
+			position: relative;
+			left: 100%
+		}
+
+		.fui-col-sm-23 {
+			width: 95.83333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-23 {
+			margin-left: 95.83333333%
+		}
+
+		.fui-col-sm-pull-23 {
+			position: relative;
+			right: 95.83333333%
+		}
+
+		.fui-col-sm-push-23 {
+			position: relative;
+			left: 95.83333333%
+		}
+
+		.fui-col-sm-22 {
+			width: 91.66666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-22 {
+			margin-left: 91.66666667%
+		}
+
+		.fui-col-sm-pull-22 {
+			position: relative;
+			right: 91.66666667%
+		}
+
+		.fui-col-sm-push-22 {
+			position: relative;
+			left: 91.66666667%
+		}
+
+		.fui-col-sm-21 {
+			width: 87.5%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-21 {
+			margin-left: 87.5%
+		}
+
+		.fui-col-sm-pull-21 {
+			position: relative;
+			right: 87.5%
+		}
+
+		.fui-col-sm-push-21 {
+			position: relative;
+			left: 87.5%
+		}
+
+		.fui-col-sm-20 {
+			width: 83.33333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-20 {
+			margin-left: 83.33333333%
+		}
+
+		.fui-col-sm-pull-20 {
+			position: relative;
+			right: 83.33333333%
+		}
+
+		.fui-col-sm-push-20 {
+			position: relative;
+			left: 83.33333333%
+		}
+
+		.fui-col-sm-19 {
+			width: 79.16666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-19 {
+			margin-left: 79.16666667%
+		}
+
+		.fui-col-sm-pull-19 {
+			position: relative;
+			right: 79.16666667%
+		}
+
+		.fui-col-sm-push-19 {
+			position: relative;
+			left: 79.16666667%
+		}
+
+		.fui-col-sm-18 {
+			width: 75%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-18 {
+			margin-left: 75%
+		}
+
+		.fui-col-sm-pull-18 {
+			position: relative;
+			right: 75%
+		}
+
+		.fui-col-sm-push-18 {
+			position: relative;
+			left: 75%
+		}
+
+		.fui-col-sm-17 {
+			width: 70.83333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-17 {
+			margin-left: 70.83333333%
+		}
+
+		.fui-col-sm-pull-17 {
+			position: relative;
+			right: 70.83333333%
+		}
+
+		.fui-col-sm-push-17 {
+			position: relative;
+			left: 70.83333333%
+		}
+
+		.fui-col-sm-16 {
+			width: 66.66666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-16 {
+			margin-left: 66.66666667%
+		}
+
+		.fui-col-sm-pull-16 {
+			position: relative;
+			right: 66.66666667%
+		}
+
+		.fui-col-sm-push-16 {
+			position: relative;
+			left: 66.66666667%
+		}
+
+		.fui-col-sm-15 {
+			width: 62.5%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-15 {
+			margin-left: 62.5%
+		}
+
+		.fui-col-sm-pull-15 {
+			position: relative;
+			right: 62.5%
+		}
+
+		.fui-col-sm-push-15 {
+			position: relative;
+			left: 62.5%
+		}
+
+		.fui-col-sm-14 {
+			width: 58.33333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-14 {
+			margin-left: 58.33333333%
+		}
+
+		.fui-col-sm-pull-14 {
+			position: relative;
+			right: 58.33333333%
+		}
+
+		.fui-col-sm-push-14 {
+			position: relative;
+			left: 58.33333333%
+		}
+
+		.fui-col-sm-13 {
+			width: 54.16666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-13 {
+			margin-left: 54.16666667%
+		}
+
+		.fui-col-sm-pull-13 {
+			position: relative;
+			right: 54.16666667%
+		}
+
+		.fui-col-sm-push-13 {
+			position: relative;
+			left: 54.16666667%
+		}
+
+		.fui-col-sm-12 {
+			width: 50%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-12 {
+			margin-left: 50%
+		}
+
+		.fui-col-sm-pull-12 {
+			position: relative;
+			right: 50%
+		}
+
+		.fui-col-sm-push-12 {
+			position: relative;
+			left: 50%
+		}
+
+		.fui-col-sm-11 {
+			width: 45.83333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-11 {
+			margin-left: 45.83333333%
+		}
+
+		.fui-col-sm-pull-11 {
+			position: relative;
+			right: 45.83333333%
+		}
+
+		.fui-col-sm-push-11 {
+			position: relative;
+			left: 45.83333333%
+		}
+
+		.fui-col-sm-10 {
+			width: 41.66666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-10 {
+			margin-left: 41.66666667%
+		}
+
+		.fui-col-sm-pull-10 {
+			position: relative;
+			right: 41.66666667%
+		}
+
+		.fui-col-sm-push-10 {
+			position: relative;
+			left: 41.66666667%
+		}
+
+		.fui-col-sm-9 {
+			width: 37.5%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-9 {
+			margin-left: 37.5%
+		}
+
+		.fui-col-sm-pull-9 {
+			position: relative;
+			right: 37.5%
+		}
+
+		.fui-col-sm-push-9 {
+			position: relative;
+			left: 37.5%
+		}
+
+		.fui-col-sm-8 {
+			width: 33.33333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-8 {
+			margin-left: 33.33333333%
+		}
+
+		.fui-col-sm-pull-8 {
+			position: relative;
+			right: 33.33333333%
+		}
+
+		.fui-col-sm-push-8 {
+			position: relative;
+			left: 33.33333333%
+		}
+
+		.fui-col-sm-7 {
+			width: 29.16666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-7 {
+			margin-left: 29.16666667%
+		}
+
+		.fui-col-sm-pull-7 {
+			position: relative;
+			right: 29.16666667%
+		}
+
+		.fui-col-sm-push-7 {
+			position: relative;
+			left: 29.16666667%
+		}
+
+		.fui-col-sm-6 {
+			width: 25%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-6 {
+			margin-left: 25%
+		}
+
+		.fui-col-sm-pull-6 {
+			position: relative;
+			right: 25%
+		}
+
+		.fui-col-sm-push-6 {
+			position: relative;
+			left: 25%
+		}
+
+		.fui-col-sm-5 {
+			width: 20.83333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-5 {
+			margin-left: 20.83333333%
+		}
+
+		.fui-col-sm-pull-5 {
+			position: relative;
+			right: 20.83333333%
+		}
+
+		.fui-col-sm-push-5 {
+			position: relative;
+			left: 20.83333333%
+		}
+
+		.fui-col-sm-4 {
+			width: 16.66666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-4 {
+			margin-left: 16.66666667%
+		}
+
+		.fui-col-sm-pull-4 {
+			position: relative;
+			right: 16.66666667%
+		}
+
+		.fui-col-sm-push-4 {
+			position: relative;
+			left: 16.66666667%
+		}
+
+		.fui-col-sm-3 {
+			width: 12.5%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-3 {
+			margin-left: 12.5%
+		}
+
+		.fui-col-sm-pull-3 {
+			position: relative;
+			right: 12.5%
+		}
+
+		.fui-col-sm-push-3 {
+			position: relative;
+			left: 12.5%
+		}
+
+		.fui-col-sm-2 {
+			width: 8.33333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-2 {
+			margin-left: 8.33333333%
+		}
+
+		.fui-col-sm-pull-2 {
+			position: relative;
+			right: 8.33333333%
+		}
+
+		.fui-col-sm-push-2 {
+			position: relative;
+			left: 8.33333333%
+		}
+
+		.fui-col-sm-1 {
+			width: 4.16666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-sm-offset-1 {
+			margin-left: 4.16666667%
+		}
+
+		.fui-col-sm-pull-1 {
+			position: relative;
+			right: 4.16666667%
+		}
+
+		.fui-col-sm-push-1 {
+			position: relative;
+			left: 4.16666667%
+		}
+
+		.fui-col-sm-0 {
+			display: none
+		}
+
+		.fui-col-sm-offset-0 {
+			margin-left: 0%
+		}
+
+		.fui-col-sm-pull-0 {
+			position: relative;
+			right: 0%
+		}
+
+		.fui-col-sm-push-0 {
+			position: relative;
+			left: 0%
+		}
+	}
+
+	@media screen and (max-width:767px) {
+		.fui-col-xs-24 {
+			width: 100%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-24 {
+			margin-left: 100%
+		}
+
+		.fui-col-xs-pull-24 {
+			position: relative;
+			right: 100%
+		}
+
+		.fui-col-xs-push-24 {
+			position: relative;
+			left: 100%
+		}
+
+		.fui-col-xs-23 {
+			width: 95.83333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-23 {
+			margin-left: 95.83333333%
+		}
+
+		.fui-col-xs-pull-23 {
+			position: relative;
+			right: 95.83333333%
+		}
+
+		.fui-col-xs-push-23 {
+			position: relative;
+			left: 95.83333333%
+		}
+
+		.fui-col-xs-22 {
+			width: 91.66666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-22 {
+			margin-left: 91.66666667%
+		}
+
+		.fui-col-xs-pull-22 {
+			position: relative;
+			right: 91.66666667%
+		}
+
+		.fui-col-xs-push-22 {
+			position: relative;
+			left: 91.66666667%
+		}
+
+		.fui-col-xs-21 {
+			width: 87.5%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-21 {
+			margin-left: 87.5%
+		}
+
+		.fui-col-xs-pull-21 {
+			position: relative;
+			right: 87.5%
+		}
+
+		.fui-col-xs-push-21 {
+			position: relative;
+			left: 87.5%
+		}
+
+		.fui-col-xs-20 {
+			width: 83.33333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-20 {
+			margin-left: 83.33333333%
+		}
+
+		.fui-col-xs-pull-20 {
+			position: relative;
+			right: 83.33333333%
+		}
+
+		.fui-col-xs-push-20 {
+			position: relative;
+			left: 83.33333333%
+		}
+
+		.fui-col-xs-19 {
+			width: 79.16666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-19 {
+			margin-left: 79.16666667%
+		}
+
+		.fui-col-xs-pull-19 {
+			position: relative;
+			right: 79.16666667%
+		}
+
+		.fui-col-xs-push-19 {
+			position: relative;
+			left: 79.16666667%
+		}
+
+		.fui-col-xs-18 {
+			width: 75%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-18 {
+			margin-left: 75%
+		}
+
+		.fui-col-xs-pull-18 {
+			position: relative;
+			right: 75%
+		}
+
+		.fui-col-xs-push-18 {
+			position: relative;
+			left: 75%
+		}
+
+		.fui-col-xs-17 {
+			width: 70.83333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-17 {
+			margin-left: 70.83333333%
+		}
+
+		.fui-col-xs-pull-17 {
+			position: relative;
+			right: 70.83333333%
+		}
+
+		.fui-col-xs-push-17 {
+			position: relative;
+			left: 70.83333333%
+		}
+
+		.fui-col-xs-16 {
+			width: 66.66666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-16 {
+			margin-left: 66.66666667%
+		}
+
+		.fui-col-xs-pull-16 {
+			position: relative;
+			right: 66.66666667%
+		}
+
+		.fui-col-xs-push-16 {
+			position: relative;
+			left: 66.66666667%
+		}
+
+		.fui-col-xs-15 {
+			width: 62.5%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-15 {
+			margin-left: 62.5%
+		}
+
+		.fui-col-xs-pull-15 {
+			position: relative;
+			right: 62.5%
+		}
+
+		.fui-col-xs-push-15 {
+			position: relative;
+			left: 62.5%
+		}
+
+		.fui-col-xs-14 {
+			width: 58.33333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-14 {
+			margin-left: 58.33333333%
+		}
+
+		.fui-col-xs-pull-14 {
+			position: relative;
+			right: 58.33333333%
+		}
+
+		.fui-col-xs-push-14 {
+			position: relative;
+			left: 58.33333333%
+		}
+
+		.fui-col-xs-13 {
+			width: 54.16666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-13 {
+			margin-left: 54.16666667%
+		}
+
+		.fui-col-xs-pull-13 {
+			position: relative;
+			right: 54.16666667%
+		}
+
+		.fui-col-xs-push-13 {
+			position: relative;
+			left: 54.16666667%
+		}
+
+		.fui-col-xs-12 {
+			width: 50%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-12 {
+			margin-left: 50%
+		}
+
+		.fui-col-xs-pull-12 {
+			position: relative;
+			right: 50%
+		}
+
+		.fui-col-xs-push-12 {
+			position: relative;
+			left: 50%
+		}
+
+		.fui-col-xs-11 {
+			width: 45.83333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-11 {
+			margin-left: 45.83333333%
+		}
+
+		.fui-col-xs-pull-11 {
+			position: relative;
+			right: 45.83333333%
+		}
+
+		.fui-col-xs-push-11 {
+			position: relative;
+			left: 45.83333333%
+		}
+
+		.fui-col-xs-10 {
+			width: 41.66666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-10 {
+			margin-left: 41.66666667%
+		}
+
+		.fui-col-xs-pull-10 {
+			position: relative;
+			right: 41.66666667%
+		}
+
+		.fui-col-xs-push-10 {
+			position: relative;
+			left: 41.66666667%
+		}
+
+		.fui-col-xs-9 {
+			width: 37.5%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-9 {
+			margin-left: 37.5%
+		}
+
+		.fui-col-xs-pull-9 {
+			position: relative;
+			right: 37.5%
+		}
+
+		.fui-col-xs-push-9 {
+			position: relative;
+			left: 37.5%
+		}
+
+		.fui-col-xs-8 {
+			width: 33.33333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-8 {
+			margin-left: 33.33333333%
+		}
+
+		.fui-col-xs-pull-8 {
+			position: relative;
+			right: 33.33333333%
+		}
+
+		.fui-col-xs-push-8 {
+			position: relative;
+			left: 33.33333333%
+		}
+
+		.fui-col-xs-7 {
+			width: 29.16666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-7 {
+			margin-left: 29.16666667%
+		}
+
+		.fui-col-xs-pull-7 {
+			position: relative;
+			right: 29.16666667%
+		}
+
+		.fui-col-xs-push-7 {
+			position: relative;
+			left: 29.16666667%
+		}
+
+		.fui-col-xs-6 {
+			width: 25%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-6 {
+			margin-left: 25%
+		}
+
+		.fui-col-xs-pull-6 {
+			position: relative;
+			right: 25%
+		}
+
+		.fui-col-xs-push-6 {
+			position: relative;
+			left: 25%
+		}
+
+		.fui-col-xs-5 {
+			width: 20.83333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-5 {
+			margin-left: 20.83333333%
+		}
+
+		.fui-col-xs-pull-5 {
+			position: relative;
+			right: 20.83333333%
+		}
+
+		.fui-col-xs-push-5 {
+			position: relative;
+			left: 20.83333333%
+		}
+
+		.fui-col-xs-4 {
+			width: 16.66666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-4 {
+			margin-left: 16.66666667%
+		}
+
+		.fui-col-xs-pull-4 {
+			position: relative;
+			right: 16.66666667%
+		}
+
+		.fui-col-xs-push-4 {
+			position: relative;
+			left: 16.66666667%
+		}
+
+		.fui-col-xs-3 {
+			width: 12.5%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-3 {
+			margin-left: 12.5%
+		}
+
+		.fui-col-xs-pull-3 {
+			position: relative;
+			right: 12.5%
+		}
+
+		.fui-col-xs-push-3 {
+			position: relative;
+			left: 12.5%
+		}
+
+		.fui-col-xs-2 {
+			width: 8.33333333%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-2 {
+			margin-left: 8.33333333%
+		}
+
+		.fui-col-xs-pull-2 {
+			position: relative;
+			right: 8.33333333%
+		}
+
+		.fui-col-xs-push-2 {
+			position: relative;
+			left: 8.33333333%
+		}
+
+		.fui-col-xs-1 {
+			width: 4.16666667%;
+			float: left;
+			display: block
+		}
+
+		.fui-col-xs-offset-1 {
+			margin-left: 4.16666667%
+		}
+
+		.fui-col-xs-pull-1 {
+			position: relative;
+			right: 4.16666667%
+		}
+
+		.fui-col-xs-push-1 {
+			position: relative;
+			left: 4.16666667%
+		}
+
+		.fui-col-xs-0 {
+			display: none
+		}
+
+		.fui-col-xs-offset-0 {
+			margin-left: 0%
+		}
+
+		.fui-col-xs-pull-0 {
+			position: relative;
+			right: 0%
+		}
+
+		.fui-col-xs-push-0 {
+			position: relative;
+			left: 0%
+		}
+	}
+
+	.fui-col {
+		float: left;
+		box-sizing: border-box
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-collapse-item/fui-collapse-item.vue b/components/firstui/fui-collapse-item/fui-collapse-item.vue
new file mode 100644
index 0000000..b772141
--- /dev/null
+++ b/components/firstui/fui-collapse-item/fui-collapse-item.vue
@@ -0,0 +1,351 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186   1 407      2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-collapse__item">
+		<view @tap.stop="onClick(!isOpen)" class="fui-collapse-item__title" :class="{'fui-collapse__disabled':disabled}"
+			:style="{background:background}">
+			<view class="fui-collapse__title">
+				<slot></slot>
+			</view>
+			<view v-if="arrow"
+				:class="{'fui-collapse__arrow-close':!isOpen,'fui-collapse__arrow-active': isOpen, 'fui-collapse__item-ani': animation}"
+				class="fui-collapse__arrow" :style="{marginRight:arrowRight+'rpx'}">
+				<view class="fui-collapse__arrow-inner" :style="{borderColor:arrowColor}"></view>
+			</view>
+			<view v-if="isBorder" :style="{background:borderColor,left:borderLeft+'rpx'}" class="fui-collapse__border"
+				:class="{'fui-collapse__border-color':!borderColor}"></view>
+		</view>
+		<view class="fui-collapse__content-wrap" :class="{'fui-collapse-__content-ani':animation}"
+			:style="{height: (isOpen?height:0) +'px',background:contentBg}">
+			<view :id="elId" ref="fui_collapse__el" class="fui-collapse__content"
+				:class="{'fui-collapse__content-open':isHeight}">
+				<slot name="content"></slot>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const dom = weex.requireModule('dom')
+	// #endif
+	export default {
+		name: 'fui-collapse-item',
+		emits: ['change'],
+		props: {
+			//item项索引或者唯一标识
+			index: {
+				type: [Number, String],
+				default: 0
+			},
+			// 是否禁用
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+			background: {
+				type: String,
+				default: '#fff'
+			},
+			//是否显示动画,如果动画卡顿严重建议不开启
+			animation: {
+				type: Boolean,
+				default: true
+			},
+			// 是否展开
+			open: {
+				type: Boolean,
+				default: false
+			},
+			isBorder: {
+				type: Boolean,
+				default: true
+			},
+			// #ifdef APP-NVUE
+			borderColor: {
+				type: String,
+				default: '#EEEEEE'
+			},
+			// #endif
+			// #ifndef APP-NVUE
+			borderColor: {
+				type: String,
+				default: ''
+			},
+			// #endif
+			borderLeft: {
+				type: [Number, String],
+				default: 0
+			},
+			arrow: {
+				type: Boolean,
+				default: true
+			},
+			arrowColor: {
+				type: String,
+				default: '#B2B2B2'
+			},
+			arrowRight: {
+				type: [Number, String],
+				default: 24
+			},
+			contentBg: {
+				type: String,
+				default: '#fff'
+			}
+		},
+		data() {
+			const elId = `fui_${Math.ceil(Math.random() * 10e5).toString(36)}`
+			return {
+				isOpen: false,
+				isHeight: null,
+				height: 0,
+				elId
+			}
+		},
+		watch: {
+			open(val) {
+				this.isOpen = val
+			}
+		},
+		updated(e) {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this.init()
+				}, 50)
+			})
+		},
+		created() {
+			this.collapse = this.getCollapse()
+			if (this.collapse && this.collapse.children.indexOf(this) === -1) {
+				this.collapse.children.push(this)
+			}
+			this.oldHeight = 0
+		},
+		// #ifndef VUE3
+		// TODO vue2
+		beforeDestroy() {
+			this.uninstall()
+		},
+		// #endif
+		// #ifdef VUE3
+		// TODO vue3
+		beforeUnmount() {
+			this.uninstall()
+		},
+		// #endif
+		mounted() {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this.init()
+					this.isOpen = this.open;
+				}, 50)
+			})
+		},
+		methods: {
+			init() {
+				// #ifndef APP-NVUE
+				this.getCollapseHeight()
+				// #endif
+				// #ifdef APP-NVUE
+				this.getNvueHeight()
+				// #endif
+			},
+			uninstall() {
+				if (this.collapse) {
+					this.collapse.children.forEach((item, index) => {
+						if (item === this) {
+							this.collapse.children.splice(index, 1)
+						}
+					})
+				}
+			},
+			onClick(isOpen) {
+				if (this.disabled) return
+				this.isOpen = isOpen
+				if (this.collapse) {
+					this.collapse.collapseChange(this, isOpen, this.index)
+				} else {
+					this.$emit('change', {
+						index: this.index,
+						isOpen: isOpen
+					})
+				}
+			},
+			getCollapseHeight(index = 0) {
+				uni.createSelectorQuery()
+					// #ifndef MP-ALIPAY
+					.in(this)
+					// #endif
+					.select(`#${this.elId}`)
+					.fields({
+						size: true
+					}, data => {
+						if (index >= 10) return
+						if (!data) {
+							index++
+							this.getCollapseHeight(index)
+							return
+						}
+						// #ifdef APP-NVUE
+						this.height = data.height + 1
+						// #endif
+						// #ifndef APP-NVUE
+						this.height = data.height
+						// #endif
+						this.isHeight = true
+					})
+					.exec()
+			},
+			getNvueHeight() {
+				const result = dom.getComponentRect(this.$refs['fui_collapse__el'], option => {
+					if (option && option.result && option.size) {
+						// #ifdef APP-NVUE
+						this.height = option.size.height + 1
+						// #endif
+						// #ifndef APP-NVUE
+						this.height = option.size.height
+						// #endif
+						this.isHeight = true
+					}
+				})
+			},
+			getCollapse(name = 'fui-collapse') {
+				let parent = this.$parent;
+				let parentName = parent.$options.name;
+				while (parentName !== name) {
+					parent = parent.$parent;
+					if (!parent) return false;
+					parentName = parent.$options.name;
+				}
+				return parent;
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-collapse__item {
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+	}
+
+	.fui-collapse-item__title {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		width: 100%;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		transition: border-bottom-color 0.3s;
+
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+		position: relative;
+	}
+
+	.fui-collapse__border {
+		position: absolute;
+		bottom: 0;
+		right: 0;
+		/* #ifdef APP-NVUE */
+		height: 0.5px;
+		z-index: -1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		height: 1px;
+		-webkit-transform: scaleY(0.5);
+		transform: scaleY(0.5);
+		transform-origin: 0 100%;
+		z-index: 1;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-collapse__border-color {
+		background: var(--fui-color-border, #EEEEEE) !important;
+	}
+
+	/* #endif */
+
+	.fui-collapse__disabled {
+		opacity: .5;
+		/* #ifdef H5 */
+		cursor: not-allowed;
+		/* #endif */
+	}
+
+	.fui-collapse__title {
+		flex: 1;
+		overflow: hidden;
+	}
+
+
+	.fui-collapse__arrow-inner {
+		height: 40rpx;
+		width: 40rpx;
+		border-width: 0 3px 3px 0;
+		border-style: solid;
+		transform: rotate(45deg) scale(.5);
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+		position: absolute;
+		top: -6rpx;
+		left: 0;
+	}
+
+	.fui-collapse__arrow {
+		width: 40rpx;
+		height: 40rpx;
+		position: relative;
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		/* #endif */
+	}
+
+	.fui-collapse__arrow-close {
+		transform: rotate(0deg);
+	}
+
+	.fui-collapse__arrow-active {
+		transform: rotate(180deg);
+	}
+
+	.fui-collapse__item-ani {
+		transition-property: transform;
+		transition-duration: 0.3s;
+		transition-timing-function: ease;
+	}
+
+	.fui-collapse__content-wrap {
+		/* #ifndef APP-NVUE */
+		will-change: height;
+		box-sizing: border-box;
+		/* #endif */
+		overflow: hidden;
+		position: relative;
+		height: 0;
+	}
+
+	.fui-collapse-__content-ani {
+		transition-property: height;
+		transition-duration: 0.3s;
+		/* #ifndef APP-NVUE */
+		will-change: height;
+		/* #endif */
+	}
+
+	.fui-collapse__content {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+		position: absolute;
+	}
+
+	.fui-collapse__content-open {
+		position: relative;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-collapse/fui-collapse.vue b/components/firstui/fui-collapse/fui-collapse.vue
new file mode 100644
index 0000000..d1d14fa
--- /dev/null
+++ b/components/firstui/fui-collapse/fui-collapse.vue
@@ -0,0 +1,50 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1861 4 0 72   54    9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-collapse__wrap">
+		<slot></slot>
+	</view>
+</template>
+<script>
+	export default {
+		name: 'fui-collapse',
+		emits: ['change'],
+		props: {
+			// 是否开启手风琴效果
+			accordion: {
+				type: Boolean,
+				default: false
+			}
+		},
+		created() {
+			this.children = []
+		},
+		methods: {
+			collapseChange(obj, isOpen, idx) {
+				if (this.accordion && isOpen) {
+					this.children.forEach((item, index) => {
+						if (item !== obj) {
+							item.isOpen = false
+						}
+					})
+				}
+				this.$emit('change', {
+					index: idx,
+					isOpen: isOpen
+				})
+			}
+		}
+	}
+</script>
+<style scoped>
+	.fui-collapse__wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+		flex-direction: column;
+		background: #fff;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-config/index.js b/components/firstui/fui-config/index.js
new file mode 100644
index 0000000..37efdbe
--- /dev/null
+++ b/components/firstui/fui-config/index.js
@@ -0,0 +1,115 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1  861 4  0 7    2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+/*
+  组件属性全局配置文件。优先级：全局配置文件props < 直接设置组件props
+  目前支持配置的组件：fui-button、fui-icon、fui-text、fui-input、fui-form-item、fui-list-cell
+*/
+
+// 主色（V1.9.8+），仅Nvue端以及无法使用css变量控制颜色的组件使用【保持与fui-theme中一致】
+const color = {
+	primary: '#465CFF',
+	success: '#09BE4F',
+	warning: '#FFB703',
+	danger: '#FF2B2B',
+	purple: '#6831FF',
+	link: '#465CFF'
+}
+
+//全局方法（V1.9.8+）
+const app = {
+	toast: function(text, icon = 'none') {
+		text && uni.showToast({
+			title: text,
+			icon: icon,
+			duration: 2000
+		})
+	},
+	modal: function(title, content, callback, showCancel, confirmColor, confirmText) {
+		uni.showModal({
+			title: title,
+			content: content,
+			showCancel: showCancel || false,
+			// #ifndef MP-TOUTIAO
+			cancelColor: "#7F7F7F",
+			confirmColor: confirmColor || color.primary,
+			// #endif
+			confirmText: confirmText || "确定",
+			success(res) {
+				if (res.confirm) {
+					callback && callback(true)
+				} else {
+					callback && callback(false)
+				}
+			},
+			fail(err) {
+				console.log(err)
+			}
+		})
+	},
+	href(url, isMain) {
+		if (isMain) {
+			uni.switchTab({
+				url: url
+			})
+		} else {
+			uni.navigateTo({
+				url: url
+			});
+		}
+	}
+}
+
+const fuiConfig = {
+	//组件名称，小驼峰命名
+	//如fui-button写成fuiButton
+	fuiButton: {
+		//组件属性值
+		height: '96rpx',
+		size: 32,
+		radius: '16rpx'
+	},
+	fuiIcon: {
+		size: 64,
+		unit: 'rpx',
+		//V1.9.8+
+		color: ''
+	},
+	fuiText: {
+		size: 32,
+		unit: 'rpx',
+		//仅Nvue有效，black 默认颜色，V1.9.8+
+		color: ''
+	},
+	fuiInput: {
+		labelSize: 32,
+		size: 32
+	},
+	fuiFormItem: {
+		labelSize: 32,
+		labelWidth: 164,
+		labelRight: 30,
+		labelWeight: 400,
+		labelAlign: 'left',
+		asteriskPosition: 'left'
+	},
+	// V1.9.8+
+	fuiListCell: {
+		padding: ['32rpx', '32rpx'],
+		arrowColor: '',
+		//仅Nvue有效
+		borderColor: '',
+		bottomLeft: 32
+	},
+	// V1.9.9+
+	fuiSection: {
+		size: 32,
+		color: '#181818',
+		fontWeight: 600,
+		descrSize: 28,
+		descrColor: '#B2B2B2',
+		descrTop: 12
+	},
+	color,
+	...app
+}
+
+export default fuiConfig
\ No newline at end of file
diff --git a/components/firstui/fui-copy-text/fui-copy-text.vue b/components/firstui/fui-copy-text/fui-copy-text.vue
new file mode 100644
index 0000000..097d977
--- /dev/null
+++ b/components/firstui/fui-copy-text/fui-copy-text.vue
@@ -0,0 +1,465 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18 61 4  07      2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-copy__text-wrap">
+		<!-- #ifndef MP-ALIPAY || APP-NVUE -->
+		<text ref="fui_ct__el" :selectable="false" class="fui-copy__text" @longpress.stop="handleCopy"
+			@mousedown="handleCopyByPC"
+			:style="{ color: color, fontSize: size + 'rpx', fontWeight: fontWeight, background: showTooltip ? background : 'transparent' }">{{ text }}</text>
+		<!-- #endif -->
+		<!-- #ifdef APP-NVUE -->
+		<text ref="fui_ct__el" class="fui-copy__text" @longpress.stop="handleCopy" @mousedown="handleCopyByPC"
+			:style="{ color: color, fontSize: size + 'rpx', fontWeight: fontWeight, background: showTooltip ? background : 'transparent' }">{{ text }}</text>
+		<!-- #endif -->
+		<!-- #ifdef MP-ALIPAY -->
+		<view ref="fui_ct__el" class="fui-copy__text" @longpress.stop="handleCopy"
+			:style="{ color: color, fontSize: size + 'rpx', fontWeight: fontWeight, background: showTooltip ? background : 'transparent' }">
+			{{ text }}
+		</view>
+		<!-- #endif -->
+		<!-- #ifndef APP-NVUE -->
+		<view v-if="showTooltip" class="fui-copy__tooltip-list"
+			:class="['fui-copy__tooltip-' + direction, (direction == 'left' || direction == 'right') && buttons.length > 0 ? 'fui-copy__list-column' : '']"
+			:style="{ zIndex: zIndex }">
+			<text :selectable="false" v-if="!removeCopy || buttons.length === 0" class="fui-copy__tooltip-cell"
+				:class="{'fui-copy__tooltip-column':(direction == 'left' || direction == 'right') && buttons.length > 0}"
+				@tap.stop="copyVal">复制</text>
+			<text :selectable="false" class="fui-copy__tooltip-cell"
+				:class="{'fui-copy__btn-extend':true,'fui-copy__tooltip-column':direction == 'left' || direction == 'right'}"
+				v-for="(item, index) in buttons" :key="index" @tap.stop="buttonTap(index)">{{ item }}</text>
+		</view>
+		<!-- #endif -->
+
+		<!-- #ifdef APP-NVUE -->
+		<view v-if="showTooltip" class="fui-copy__tl_fixed"
+			:class="['fui-copy__tooltip-' + direction,isShow?'fui-ct__tool-show':'fui-ct__tool-hidden',direction==='top' || direction==='bottom'?'fui-ct__dir-col':'fui-ct__dir-row']"
+			:style="styles" ref="fui_ct_tool">
+			<view class="fui-copy__text-triangle" :class="['fui-ct__triangle-'+direction]"
+				v-if="direction==='bottom' || direction==='right'"></view>
+			<view class="fui-copy__tooltip-list"
+				:class="[(direction == 'left' || direction == 'right') && buttons.length > 0?'fui-copy__list-column':'' ]">
+				<text v-if="!removeCopy || buttons.length === 0" class="fui-copy__tooltip-cell"
+					:class="{'fui-copy__tooltip-column':(direction == 'left' || direction == 'right') && buttons.length > 0}"
+					@tap.stop="copyVal">复制</text>
+				<text class="fui-copy__tooltip-cell fui-copy__btn-extend"
+					:class="{'fui-copy__tooltip-column':direction == 'left' || direction == 'right'}"
+					v-for="(item, index) in buttons" :key="index" @tap.stop="buttonTap(index)">{{ item }}</text>
+			</view>
+			<view class="fui-copy__text-triangle" :class="['fui-ct__triangle-'+direction]"
+				v-if="direction==='top' || direction==='left'"></view>
+		</view>
+		<!-- #endif -->
+	</view>
+</template>
+
+<script>
+	import $fui from './lib/index.js'
+	// #ifdef APP-NVUE
+	const dom = weex.requireModule('dom')
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	export default {
+		name: 'fui-copy-text',
+		emits: ['click', 'copy'],
+		props: {
+			text: {
+				type: String,
+				default: ''
+			},
+			value: {
+				type: String,
+				default: ''
+			},
+			size: {
+				type: [Number, String],
+				default: 28
+			},
+			fontWeight: {
+				type: [Number, String],
+				default: 400
+			},
+			color: {
+				type: String,
+				default: '#181818'
+			},
+			background: {
+				type: String,
+				default: 'transparent'
+			},
+			showBtn: {
+				type: Boolean,
+				default: true
+			},
+			direction: {
+				type: String,
+				default: 'top'
+			},
+			zIndex: {
+				type: [Number, String],
+				default: 1001
+			},
+			removeCopy: {
+				type: Boolean,
+				default: false
+			},
+			//扩展按钮
+			buttons: {
+				type: Array,
+				default () {
+					return [];
+				}
+			}
+		},
+		data() {
+			return {
+				// #ifdef APP-NVUE
+				width: 60,
+				height: 12,
+				top: 0,
+				left: 0,
+				transform: '',
+				isShow: false,
+				// #endif
+				showTooltip: false
+			};
+		},
+		// #ifdef APP-NVUE
+		computed: {
+			styles() {
+				let styles = '';
+				switch (this.direction) {
+					case 'top':
+						styles += `left:${this.width / 2 + this.left}px;top:${this.top+2}px;`
+						break;
+					case 'left':
+						styles += `left:${this.left+2}px;top:${this.height / 2 + this.top}px;`
+						break;
+					case 'right':
+						styles += `left:${this.left+this.width-2}px;top:${this.height / 2 + this.top}px;`
+						break;
+					case 'bottom':
+						styles += `left:${this.width / 2 + this.left}px;top:${this.top +this.height-2}px;`
+						break;
+					default:
+						break;
+				}
+				return styles
+			}
+		},
+		created() {
+			this.transform = {
+				top: 'translate(-50%, -100%)',
+				left: 'translate(-100%, -50%)',
+				right: 'translate(0, -50%)',
+				bottom: 'translate(-50%, 0)'
+			} [this.direction || 'top']
+		},
+		mounted() {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this.init()
+				}, 100)
+			})
+		},
+		// #endif
+		methods: {
+			// #ifdef APP-NVUE
+			init() {
+				dom.getComponentRect(this.$refs['fui_ct__el'], option => {
+					if (option && option.result && option.size) {
+						this.width = option.size.width
+						this.height = option.size.height
+						this.top = option.size.top
+						this.left = option.size.left
+					}
+				})
+			},
+			_animation(type) {
+				if (!this.$refs['fui_ct_tool']) return;
+				animation.transition(
+					this.$refs['fui_ct_tool'].ref, {
+						styles: {
+							transform: this.transform
+						},
+						duration: 0,
+						needLayout: false,
+						delay: 0 //ms
+					}, () => {
+						this.isShow = true;
+					});
+			},
+			// #endif
+			isPC() {
+				if (typeof navigator !== 'object') return false;
+				var userAgentInfo = navigator.userAgent;
+				var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
+				var flag = true;
+				for (var v = 0; v < Agents.length - 1; v++) {
+					if (userAgentInfo.indexOf(Agents[v]) > 0) {
+						flag = false;
+						break;
+					}
+				}
+				return flag;
+			},
+			handleCopyByPC(e) {
+				// #ifdef H5
+				if (this.isPC()) {
+					this.handleCopy(e);
+				}
+				// #endif
+			},
+			handleCopy(e) {
+				if (this.showBtn || this.buttons.length > 0) {
+					this.showTooltip = true;
+					// #ifdef APP-NVUE
+					this.$nextTick(() => {
+						setTimeout(() => {
+							this._animation()
+						}, 50)
+					})
+					// #endif
+				} else {
+					this.copyVal(e);
+				}
+			},
+			copyVal(e) {
+				$fui.getClipboardData(
+					this.value || this.text,
+					res => {
+						if (res) {
+							// #ifndef APP-NVUE || MP-QQ
+							uni.showToast({
+								title: '复制成功',
+								icon: 'none'
+							});
+							// #endif
+							this.$emit('copy', {
+								text: this.text,
+								value: this.value
+							});
+						}
+					},
+					e
+				);
+				this.hiddenTooltip();
+			},
+			hiddenTooltip() {
+				this.showTooltip = false;
+				// #ifdef APP-NVUE
+				this.isShow = false;
+				// #endif
+			},
+			buttonTap(index) {
+				this.$emit('click', {
+					index: index,
+					text: this.buttons[index]
+				});
+				this.hiddenTooltip();
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	.fui-copy__text-wrap {
+		/* #ifndef APP-NVUE */
+		display: inline-flex;
+		/* #endif */
+		position: relative;
+		/* #ifdef APP-NVUE */
+		flex-direction: row;
+		align-items: flex-start;
+		/* #endif */
+	}
+
+	.fui-copy__text {
+		position: relative;
+		z-index: 2;
+		/* #ifdef MP-ALIPAY */
+		display: inline;
+		/* #endif */
+	}
+
+	.fui-copy__tooltip-list {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		position: absolute;
+		/* #endif */
+		border-radius: 6px;
+		background-color: #181818;
+		padding: 5px 0;
+		align-items: center;
+		flex-direction: row;
+	}
+
+	.fui-copy__list-column {
+		flex-direction: column !important;
+		padding: 0 5px;
+	}
+
+	.fui-copy__tooltip-cell {
+		/* #ifndef APP-NVUE */
+		white-space: nowrap;
+		box-sizing: border-box;
+		/* #endif */
+		color: #ffffff;
+		text-align: center;
+		padding: 3px 15px;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+		font-size: 14px;
+	}
+
+	.fui-copy__btn-extend {
+		/* #ifndef APP-NVUE */
+		border-left: 1rpx solid rgba(255, 255, 255, 0.15);
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		border-left-width: 0.5px;
+		border-left-style: solid;
+		border-left-color: rgba(255, 255, 255, 0.15);
+		/* #endif */
+	}
+
+	.fui-copy__tooltip-column {
+		padding: 8px 10px;
+		border-left-width: 0;
+		/* #ifndef APP-NVUE */
+		border-bottom: 1rpx solid rgba(255, 255, 255, 0.15);
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		border-bottom-width: 0.5px;
+		border-bottom-style: solid;
+		border-bottom-color: rgba(255, 255, 255, 0.15);
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-copy__tooltip-top {
+		left: 50%;
+		top: 0;
+		margin-top: -10px;
+		transform: translate(-50%, -100%);
+	}
+
+	.fui-copy__tooltip-bottom {
+		left: 50%;
+		top: 100%;
+		margin-top: 10px;
+		transform: translate(-50%, 0);
+	}
+
+	.fui-copy__tooltip-left {
+		left: 0;
+		top: 50%;
+		margin-left: -10px;
+		transform: translate(-100%, -50%);
+	}
+
+	.fui-copy__tooltip-right {
+		left: 100%;
+		top: 50%;
+		margin-left: 10px;
+		transform: translate(0, -50%);
+	}
+
+	.fui-copy__tooltip-column:last-child {
+		border-bottom: 0
+	}
+
+	.fui-copy__tooltip-top::after {
+		content: ' ';
+		position: absolute;
+		top: 100%;
+		left: 50%;
+		transform: translate(-50%, 0);
+		border-width: 5px;
+		border-style: solid;
+		border-color: #181818 transparent transparent transparent;
+	}
+
+	.fui-copy__tooltip-bottom::after {
+		content: ' ';
+		position: absolute;
+		top: 0;
+		left: 50%;
+		transform: translate(-50%, -100%);
+		border-width: 5px;
+		border-style: solid;
+		border-color: transparent transparent #181818 transparent;
+	}
+
+	.fui-copy__tooltip-left::after {
+		content: ' ';
+		position: absolute;
+		top: 50%;
+		left: 100%;
+		transform: translate(0, -50%);
+		border-width: 5px;
+		border-style: solid;
+		border-color: transparent transparent transparent #181818;
+	}
+
+	.fui-copy__tooltip-right::after {
+		content: ' ';
+		position: absolute;
+		top: 50%;
+		left: 0;
+		transform: translate(-100%, -50%);
+		border-width: 5px;
+		border-style: solid;
+		border-color: transparent #181818 transparent transparent;
+	}
+
+	/* #endif */
+
+	/* #ifdef APP-NVUE */
+	.fui-copy__tl_fixed {
+		position: fixed;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.fui-ct__dir-row {
+		flex-direction: row;
+	}
+
+	.fui-ct__dir-col {
+		flex-direction: column;
+	}
+
+	.fui-copy__text-triangle {
+		width: 12px;
+		height: 12px;
+		background: #181818;
+	}
+
+	.fui-ct__triangle-top {
+		transform: rotate(45deg) translateY(-8px);
+	}
+
+	.fui-ct__triangle-bottom {
+		transform: rotate(45deg) translateY(8px);
+	}
+
+	.fui-ct__triangle-right {
+		transform: rotate(45deg) translateX(8px);
+	}
+
+	.fui-ct__triangle-left {
+		transform: rotate(45deg) translateX(-8px);
+	}
+
+	.fui-ct__tool-show {
+		opacity: 1;
+	}
+
+	.fui-ct__tool-hidden {
+		opacity: 0;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-copy-text/lib/clipboard.min.js b/components/firstui/fui-copy-text/lib/clipboard.min.js
new file mode 100644
index 0000000..1d03809
--- /dev/null
+++ b/components/firstui/fui-copy-text/lib/clipboard.min.js
@@ -0,0 +1,8 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8 6  14 07254     9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifdef H5
+/**
+ * clipboard.min.js  support for ES6 module import
+ * https://doc.firstui.cn/
+ **/
+function select(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var i=t.hasAttribute("readonly");i||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),i||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var n=window.getSelection(),r=document.createRange();r.selectNodeContents(t),n.removeAllRanges(),n.addRange(r),e=n.toString()}return e}class ClipboardAction{constructor(t){this.resolveOptions(t),this.initSelection()}resolveOptions(t={}){this.action=t.action,this.container=t.container,this.emitter=t.emitter,this.target=t.target,this.text=t.text,this.trigger=t.trigger,this.selectedText=""}initSelection(){this.text?this.selectFake():this.target&&this.selectTarget()}selectFake(){const t="rtl"==document.documentElement.getAttribute("dir");this.removeFake(),this.fakeHandlerCallback=(()=>this.removeFake()),this.fakeHandler=this.container.addEventListener("click",this.fakeHandlerCallback)||!0,this.fakeElem=document.createElement("textarea"),this.fakeElem.style.fontSize="12pt",this.fakeElem.style.border="0",this.fakeElem.style.padding="0",this.fakeElem.style.margin="0",this.fakeElem.style.position="absolute",this.fakeElem.style[t?"right":"left"]="-9999px";let e=window.pageYOffset||document.documentElement.scrollTop;this.fakeElem.style.top=`${e}px`,this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,this.container.appendChild(this.fakeElem),this.selectedText=select(this.fakeElem),this.copyText()}removeFake(){this.fakeHandler&&(this.container.removeEventListener("click",this.fakeHandlerCallback),this.fakeHandler=null,this.fakeHandlerCallback=null),this.fakeElem&&(this.container.removeChild(this.fakeElem),this.fakeElem=null)}selectTarget(){this.selectedText=select(this.target),this.copyText()}copyText(){let t;try{t=document.execCommand(this.action)}catch(e){t=!1}this.handleResult(t)}handleResult(t){this.emitter.emit(t?"success":"error",{action:this.action,text:this.selectedText,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)})}clearSelection(){this.trigger&&this.trigger.focus(),window.getSelection().removeAllRanges()}set action(t="copy"){if(this._action=t,"copy"!==this._action&&"cut"!==this._action)throw new Error('Invalid "action" value, use either "copy" or "cut"')}get action(){return this._action}set target(t){if(void 0!==t){if(!t||"object"!=typeof t||1!==t.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===this.action&&t.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===this.action&&(t.hasAttribute("readonly")||t.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');this._target=t}}get target(){return this._target}destroy(){this.removeFake()}}function Emitter(){}Emitter.prototype={on:function(t,e,i){var n=this.e||(this.e={});return(n[t]||(n[t]=[])).push({fn:e,ctx:i}),this},once:function(t,e,i){var n=this;function r(){n.off(t,r),e.apply(i,arguments)}return r._=e,this.on(t,r,i)},emit:function(t){for(var e=[].slice.call(arguments,1),i=((this.e||(this.e={}))[t]||[]).slice(),n=0,r=i.length;n<r;n++)i[n].fn.apply(i[n].ctx,e);return this},off:function(t,e){var i=this.e||(this.e={}),n=i[t],r=[];if(n&&e)for(var o=0,s=n.length;o<s;o++)n[o].fn!==e&&n[o].fn._!==e&&r.push(n[o]);return r.length?i[t]=r:delete i[t],this}};let is={node:function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},nodeList:function(t){var e=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===e||"[object HTMLCollection]"===e)&&"length"in t&&(0===t.length||exports.node(t[0]))},string:function(t){return"string"==typeof t||t instanceof String},fn:function(t){return"[object Function]"===Object.prototype.toString.call(t)}};var DOCUMENT_NODE_TYPE=9;if("undefined"!=typeof Element&&!Element.prototype.matches){var proto=Element.prototype;proto.matches=proto.matchesSelector||proto.mozMatchesSelector||proto.msMatchesSelector||proto.oMatchesSelector||proto.webkitMatchesSelector}function closest(t,e){for(;t&&t.nodeType!==DOCUMENT_NODE_TYPE;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}function _delegate(t,e,i,n,r){var o=listener.apply(this,arguments);return t.addEventListener(i,o,r),{destroy:function(){t.removeEventListener(i,o,r)}}}function delegate(t,e,i,n,r){return"function"==typeof t.addEventListener?_delegate.apply(null,arguments):"function"==typeof i?_delegate.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,function(t){return _delegate(t,e,i,n,r)}))}function listener(t,e,i,n){return function(i){i.delegateTarget=closest(i.target,e),i.delegateTarget&&n.call(t,i)}}function listen(t,e,i){if(!t&&!e&&!i)throw new Error("Missing required arguments");if(!is.string(e))throw new TypeError("Second argument must be a String");if(!is.fn(i))throw new TypeError("Third argument must be a Function");if(is.node(t))return listenNode(t,e,i);if(is.nodeList(t))return listenNodeList(t,e,i);if(is.string(t))return listenSelector(t,e,i);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList")}function listenNode(t,e,i){return t.addEventListener(e,i),{destroy:function(){t.removeEventListener(e,i)}}}function listenNodeList(t,e,i){return Array.prototype.forEach.call(t,function(t){t.addEventListener(e,i)}),{destroy:function(){Array.prototype.forEach.call(t,function(t){t.removeEventListener(e,i)})}}}function listenSelector(t,e,i){return delegate(document.body,t,e,i)}class Clipboard extends Emitter{constructor(t,e){super(),this.resolveOptions(e),this.listenClick(t)}resolveOptions(t={}){this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"==typeof t.container?t.container:document.body}listenClick(t){this.listener=listen(t,"click",t=>this.onClick(t))}onClick(t){const e=t.delegateTarget||t.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new ClipboardAction({action:this.action(e),target:this.target(e),text:this.text(e),container:this.container,trigger:e,emitter:this})}defaultAction(t){return getAttributeValue("action",t)}defaultTarget(t){const e=getAttributeValue("target",t);if(e)return document.querySelector(e)}static isSupported(t=["copy","cut"]){const e="string"==typeof t?[t]:t;let i=!!document.queryCommandSupported;return e.forEach(t=>{i=i&&!!document.queryCommandSupported(t)}),i}defaultText(t){return getAttributeValue("text",t)}destroy(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)}}function getAttributeValue(t,e){const i=`data-clipboard-${t}`;if(e.hasAttribute(i))return e.getAttribute(i)}export default Clipboard;
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-copy-text/lib/index.js b/components/firstui/fui-copy-text/lib/index.js
new file mode 100644
index 0000000..225cc63
--- /dev/null
+++ b/components/firstui/fui-copy-text/lib/index.js
@@ -0,0 +1,52 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 86 1 4    0 7 25 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+/*!
+ * 剪贴板
+ *
+ * 官网地址：https://firstui.cn/
+ * 文档地址：https://doc.firstui.cn/
+ */
+// #ifdef H5
+import ClipboardJS from "./clipboard.min.js"
+// #endif
+
+/**
+ * data 需要复制的数据
+ * callback 回调
+ * e 当用户点击后需要先请求接口再进行复制时，需要传入此参数（H5端）
+ * **/
+const getClipboardData = function(data, callback, e) {
+	// #ifdef APP-PLUS || MP
+	uni.setClipboardData({
+		data: data,
+		success(res) {
+			("function" == typeof callback) && callback(true)
+		},
+		fail(res) {
+			("function" == typeof callback) && callback(false)
+		}
+	})
+	// #endif
+
+	// #ifdef H5
+	let event = window.event || e || {}
+	let clipboard = new ClipboardJS("", {
+		text: () => data
+	})
+	clipboard.on('success', (e) => {
+		("function" == typeof callback) && callback(true)
+		clipboard.off('success')
+		clipboard.off('error')
+		clipboard.destroy()
+	});
+	clipboard.on('error', (e) => {
+		("function" == typeof callback) && callback(false)
+		clipboard.off('success')
+		clipboard.off('error')
+		clipboard.destroy()
+	});
+	clipboard.onClick(event)
+	// #endif
+}
+export default {
+	getClipboardData: getClipboardData
+};
\ No newline at end of file
diff --git a/components/firstui/fui-count-down/fui-count-down.vue b/components/firstui/fui-count-down/fui-count-down.vue
new file mode 100644
index 0000000..4add255
--- /dev/null
+++ b/components/firstui/fui-count-down/fui-count-down.vue
@@ -0,0 +1,376 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186 1   407 25   4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-count__down-wrap">
+		<text class="fui-count__down-item"
+			:style="{ background: background, borderColor: borderColor, width: getWidth(d, width) + 'rpx', height: height + 'rpx',fontSize: size + 'rpx', color: color }"
+			v-if="isDays">{{ d }}</text>
+		<text class="fui-count__down-colon"
+			:style="{ lineHeight: colonSize + 'rpx', fontSize: colonSize + 'rpx', color: colonColor }"
+			v-if="isDays">{{ isColon ? ':' : '天' }}</text>
+		<text class="fui-count__down-item"
+			:style="{ background: background, borderColor: borderColor, width: getWidth(h, width) + 'rpx', height: height + 'rpx',fontSize: size + 'rpx', color: color }"
+			v-if="isHours">{{ h }}</text>
+		<text class="fui-count__down-colon"
+			:style="{ lineHeight: colonSize + 'rpx', fontSize: colonSize + 'rpx', color: colonColor }"
+			v-if="isHours">{{ isColon ? ':' : '时' }}</text>
+		<text class="fui-count__down-item"
+			:style="{ background: background, borderColor: borderColor, width: getWidth(i, width) + 'rpx', height: height + 'rpx',fontSize: size + 'rpx', color: color }"
+			v-if="isMinutes">{{ i }}</text>
+		<text class="fui-count__down-colon"
+			:style="{ lineHeight: colonSize + 'rpx', fontSize: colonSize + 'rpx', color: colonColor }"
+			v-if="isMinutes">{{ isColon ? ':' : '分' }}</text>
+		<text class="fui-count__down-item"
+			:style="{ background: background, borderColor: borderColor, width: getWidth(s, width) + 'rpx', height: height + 'rpx',fontSize: size + 'rpx', color: color }"
+			v-if="isSeconds">{{ s }}</text>
+		<text class="fui-count__down-colon"
+			:style="{ lineHeight: colonSize + 'rpx', fontSize: colonSize + 'rpx', color: colonColor }"
+			v-if="isSeconds && !isColon">{{ unitEn ? 's' : '秒' }}</text>
+		<text class="fui-count__down-colon"
+			:style="{ lineHeight: colonSize + 'rpx', fontSize: colonSize + 'rpx', color: colonColor }"
+			v-if="isSeconds && isMs && isColon">.</text>
+		<view class="fui-count__down-ms" :style="{
+				background: background,
+				borderColor: borderColor,
+				height: height + 'rpx',
+				width: msWidth > 0 ? msWidth + 'rpx' : 'auto'
+			}" v-if="isSeconds && isMs">
+			<view :class="{ 'fui-count__down-ms_list': ani }" ref="fui_countdown_ms">
+				<text class="fui-count__down-ms_item"
+					:style="{ height: height + 'rpx',lineHeight:height + 'rpx',fontSize: msSize + 'rpx',color: msColor || color }"
+					v-for="(item, index) in ms" :key="index">{{item}}</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	export default {
+		name: 'fui-count-down',
+		emits: ['end', 'time'],
+		props: {
+			width: {
+				type: [Number, String],
+				default: 40
+			},
+			height: {
+				type: [Number, String],
+				default: 40
+			},
+			borderColor: {
+				type: String,
+				default: '#333'
+			},
+			background: {
+				type: String,
+				default: '#fff'
+			},
+			size: {
+				type: [Number, String],
+				default: 28
+			},
+			color: {
+				type: String,
+				default: '#333'
+			},
+			colonSize: {
+				type: [Number, String],
+				default: 28
+			},
+			colonColor: {
+				type: String,
+				default: '#333'
+			},
+			value: {
+				type: [Number, String],
+				default: 0
+			},
+			//是否包含天
+			isDays: {
+				type: Boolean,
+				default: false
+			},
+			isHours: {
+				type: Boolean,
+				default: true
+			},
+			isMinutes: {
+				type: Boolean,
+				default: true
+			},
+			isSeconds: {
+				type: Boolean,
+				default: true
+			},
+			unitEn: {
+				type: Boolean,
+				default: false
+			},
+			isMs: {
+				type: Boolean,
+				default: false
+			},
+			msWidth: {
+				type: [Number, String],
+				default: 36
+			},
+			msSize: {
+				type: [Number, String],
+				default: 24
+			},
+			msColor: {
+				type: String,
+				default: ''
+			},
+			isColon: {
+				type: Boolean,
+				default: true
+			},
+			returnTime: {
+				type: Boolean,
+				default: false
+			},
+			autoStart: {
+				type: Boolean,
+				default: true
+			}
+		},
+		watch: {
+			value(val) {
+				this.clearTimer();
+				this.time = Number(val) || 0;
+				this.countDown(this.time);
+				if (this.returnTime) {
+					this.$emit('time', {
+						seconds: this.time
+					});
+				}
+				setTimeout(() => {
+					if (this.autoStart) {
+						this.startCountdown();
+					}
+				}, 0);
+			}
+		},
+		data() {
+			return {
+				countdown: null,
+				d: '0',
+				h: '00',
+				i: '00',
+				s: '00',
+				ms: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
+				ani: false,
+				percent: 0,
+				time: 0
+			};
+		},
+		mounted() {
+			this.clearTimer();
+			this.time = Number(this.value) || 0;
+			this.countDown(this.time);
+			//注意：如果初始化值确实为0，可在页面自行判断结束或手动调用结束方法
+			if (this.time > 0 && this.autoStart) {
+				if (this.returnTime) {
+					this.$emit('time', {
+						seconds: this.time
+					});
+				}
+				this.startCountdown();
+			}
+		},
+		// #ifndef VUE3
+		beforeDestroy() {
+			this.clearTimer();
+		},
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+			this.clearTimer();
+		},
+		// #endif
+		methods: {
+			// #ifdef APP-NVUE
+			_animation() {
+				if (!this.$refs['fui_countdown_ms'] || !this.isMs || !this.ani) return;
+				animation.transition(
+					this.$refs['fui_countdown_ms'].ref, {
+						styles: {
+							transform: `translateY(-${this.percent}%)`
+						},
+						duration: 0, //ms
+						timingFunction: 'linear',
+						iterationCount: 'infinite',
+						needLayout: false,
+						delay: 0 //ms
+					}, () => {
+						if (this.percent >= 90) {
+							this.percent = 0
+						} else {
+							this.percent += 10
+						}
+						setTimeout(() => {
+							this._animation()
+						}, 100)
+					}
+				);
+			},
+			_aniEnd() {
+				if (!this.$refs['fui_countdown_ms'] || !this.isMs) return;
+				animation.transition(
+					this.$refs['fui_countdown_ms'].ref, {
+						styles: {
+							transform: 'translateY(0)'
+						},
+						duration: 0,
+						needLayout: false,
+						delay: 0
+					});
+			},
+			// #endif
+			getWidth: function(num, width) {
+				num = Number(num)
+				let w = Math.ceil(num > 99 ? (width / 2) * num.toString().length : width);
+				w = w % 2 === 0 ? w : w + 1
+				return w;
+			},
+			clearTimer() {
+				this.ani = false;
+				// #ifdef APP-NVUE
+				this._aniEnd()
+				// #endif
+				clearInterval(this.countdown);
+				this.countdown = null;
+			},
+			endCountdown(isSuspend = false) {
+				this.clearTimer();
+				if (!isSuspend) {
+					this.$emit('end', {});
+				}
+			},
+			startCountdown: function() {
+				this.clearTimer();
+				//初始化值为0时不会执行此方法，请看mounted中判断与提示
+				if (this.time <= 0) {
+					this.endCountdown();
+					return;
+				}
+				this.ani = true;
+				// #ifdef APP-NVUE
+				this._animation()
+				// #endif
+				this.countdown = setInterval(() => {
+					this.time--;
+					this.countDown(this.time);
+					if (this.returnTime) {
+						this.$emit('time', {
+							seconds: this.time
+						});
+					}
+					if (this.time <= 0) {
+						this.endCountdown();
+						return;
+					}
+				}, 1000);
+			},
+			resetCountdown(seconds = 0) {
+				this.time = seconds || Number(this.value);
+				this.clearTimer();
+				this.countDown(this.time);
+				if (this.returnTime) {
+					this.$emit('time', {
+						seconds: this.time
+					});
+				}
+				if (this.autoStart) {
+					this.startCountdown();
+				}
+			},
+			countDown(seconds) {
+				let [day, hour, minute, second] = [0, 0, 0, 0];
+				if (seconds > 0) {
+					day = this.isDays ? Math.floor(seconds / (60 * 60 * 24)) : 0;
+					hour = this.isHours ? Math.floor(seconds / (60 * 60)) - day * 24 : 0;
+					minute = this.isMinutes ? Math.floor(seconds / 60) - hour * 60 - day * 24 * 60 : 0;
+					second = Math.floor(seconds) - day * 24 * 60 * 60 - hour * 60 * 60 - minute * 60;
+				}
+				hour = hour < 10 ? '0' + hour : hour;
+				minute = minute < 10 ? '0' + minute : minute;
+				second = second < 10 ? '0' + second : second;
+				this.d = day;
+				this.h = hour;
+				this.i = minute;
+				this.s = second;
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	.fui-count__down-wrap {
+		/* #ifndef APP-NVUE */
+		display: inline-flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+	}
+
+	.fui-count__down-item {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		white-space: nowrap;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		border-radius: 6rpx;
+		border-width: 1rpx;
+		border-style: solid;
+		text-align: center;
+	}
+
+	.fui-count__down-colon {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		justify-content: center;
+		align-items: center;
+		text-align: center;
+	}
+
+	.fui-count__down-ms {
+		overflow: hidden;
+		border-radius: 6rpx;
+		border-width: 1rpx;
+		border-style: solid;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-count__down-ms_list {
+		animation: loop 1s steps(10) infinite;
+	}
+
+	@keyframes loop {
+		from {
+			transform: translateY(0);
+		}
+
+		to {
+			transform: translateY(-100%);
+		}
+	}
+
+	/* #endif */
+
+	.fui-count__down-ms_item {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-countdown-verify/fui-countdown-verify.vue b/components/firstui/fui-countdown-verify/fui-countdown-verify.vue
new file mode 100644
index 0000000..eb30085
--- /dev/null
+++ b/components/firstui/fui-countdown-verify/fui-countdown-verify.vue
@@ -0,0 +1,264 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18  6140   725    4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-countdown__verify" :class="{'fui-cdv__disabled':status>1}"
+		:style="{ width: width+'rpx', height: height+'rpx', marginLeft: marginLeft+'rpx',marginRight:marginRight+'rpx', borderRadius: radius+'rpx',  background: background,borderColor:!getBorderColor || getBorderColor===true?background:getBorderColor }">
+		<text :style="{fontSize: size + 'rpx',lineHeight:size + 'rpx', color: getColor}"
+			class="fui-countdown__verify-text" :class="{'fui-cdv__color':!getColor}">{{ showText }}</text>
+		<view class="fui-countdown__verify-main fui-countdown__verify-active" :style="{borderRadius: radius+'rpx'}"
+			@tap.stop="sendCode" v-if="status===1"></view>
+		<!-- #ifndef APP-NVUE -->
+		<view class="fui-countdown__verify-line" :class="{'fui-cdv__border-color':!getBorderColor}"
+			:style="{borderColor: getBorderColor, borderRadius: (radius * 2)+'rpx'}">
+		</view>
+		<!-- #endif -->
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'fui-countdown-verify',
+		emits: ['send', 'countdown', 'end'],
+		props: {
+			//发送前显示文本
+			text: {
+				type: String,
+				default: '发送验证码'
+			},
+			//发送中显示文本
+			sending: {
+				type: String,
+				default: '正在发送...'
+			},
+			//发送后倒计时显示文本(前面会自动拼接时间)
+			sent: {
+				type: String,
+				default: 's后重新获取'
+			},
+			//倒计时秒数
+			seconds: {
+				type: [Number, String],
+				default: 60
+			},
+			//宽度
+			width: {
+				type: [Number, String],
+				default: 192
+			},
+			//高度
+			height: {
+				type: [Number, String],
+				default: 60
+			},
+			marginLeft: {
+				type: [Number, String],
+				default: 0
+			},
+			marginRight: {
+				type: [Number, String],
+				default: 0
+			},
+			//圆角
+			radius: {
+				type: [Number, String],
+				default: 8
+			},
+			//字体大小 rpx
+			size: {
+				type: [Number, String],
+				default: 24
+			},
+			//字体颜色
+			color: {
+				type: String,
+				default: ''
+			},
+			//背景色
+			background: {
+				type: String,
+				default: 'transparent'
+			},
+			//边框颜色
+			borderColor: {
+				type: String,
+				default: ''
+			},
+			//自定义参数
+			param: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		computed: {
+			getColor() {
+				let color = this.color;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color
+			},
+			getBorderColor() {
+				let color = this.borderColor;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color
+			}
+		},
+		data() {
+			return {
+				showText: '',
+				//1-发送前，2-发送中 3-发送成功，倒计时
+				status: 1,
+				timer: null
+			};
+		},
+		created() {
+			if (this.start) {
+				this.doLoop();
+			} else {
+				this.showText = this.text;
+				this.clearTimer();
+			}
+		},
+		// #ifndef VUE3
+		beforeDestroy() {
+			this.clearTimer();
+		},
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+			this.clearTimer();
+		},
+		// #endif
+		methods: {
+			sendCode(e) {
+				// #ifdef APP-NVUE
+				e.stopPropagation();
+				// #endif
+				if (this.status > 1) return;
+				this.clearTimer();
+				this.status = 2;
+				this.showText = this.sending;
+				this.$emit('send', {
+					param: this.param
+				});
+			},
+			doLoop() {
+				this.clearTimer();
+				this.status = 3;
+				let seconds = Number(this.seconds || 60);
+				this.showText = seconds + this.sent;
+				this.timer = setInterval(() => {
+					if (seconds > 1) {
+						--seconds;
+						this.showText = seconds + this.sent;
+						this.$emit('countdown', {
+							seconds: seconds,
+							param: this.param
+						});
+					} else {
+						this.reset();
+						this.$emit('end', {
+							param: this.param
+						});
+					}
+				}, 1000);
+			},
+			success() {
+				this.doLoop();
+			},
+			reset() {
+				this.clearTimer();
+				this.showText = this.text;
+				this.status = 1;
+			},
+			clearTimer() {
+				clearInterval(this.timer);
+				this.timer = null;
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	.fui-countdown__verify {
+		position: relative;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		white-space: nowrap;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		overflow: hidden;
+		/* #ifdef APP-NVUE */
+		border-width: 0.5px;
+		border-style: solid;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		border-width: 0;
+		/* #endif */
+	}
+
+	.fui-countdown__verify-main {
+		position: absolute;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		background-color: transparent;
+		/* #ifndef APP-NVUE */
+		z-index: 3;
+		/* #endif */
+
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-countdown__verify-active:active {
+		background-color: rgba(0, 0, 0, .2);
+	}
+
+	.fui-cdv__disabled {
+		opacity: .5;
+	}
+
+	.fui-countdown__verify-text {
+		font-weight: normal;
+		text-align: center;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-countdown__verify-line {
+		position: absolute;
+		width: 200%;
+		height: 200%;
+		transform-origin: 0 0;
+		transform: scale(0.5, 0.5) translateZ(0);
+		box-sizing: border-box;
+		border-style: solid;
+		border-width: 1px;
+		left: 0;
+		top: 0;
+		pointer-events: none;
+		z-index: 2;
+	}
+
+	.fui-cdv__color {
+		color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-cdv__border-color {
+		border-color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-cubic-bezier/fui-cubic-bezier.vue b/components/firstui/fui-cubic-bezier/fui-cubic-bezier.vue
new file mode 100644
index 0000000..959929f
--- /dev/null
+++ b/components/firstui/fui-cubic-bezier/fui-cubic-bezier.vue
@@ -0,0 +1,225 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8     614 0725   49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<!-- #ifndef APP-NVUE -->
+	<view class="fui-cubicbezier__wrap" @tap.stop="handleClick">
+		<!-- #endif -->
+		<!-- #ifdef APP-NVUE -->
+		<view class="fui-cubicbezier__wrap" @touchstart="appTouchStart" @touchend="appTouchEnd">
+			<!-- #endif -->
+			<view class="fui-ani__cb-x" v-if="animate" :style="style_x">
+				<view class="fui-ani__cb-y" :class="{'fui-ani__cb-android':android}" :style="style_y">
+					<slot name="badge"></slot>
+				</view>
+			</view>
+			<slot></slot>
+		</view>
+</template>
+
+<script>
+	export default {
+		name: 'fui-cubic-bezier',
+		emits: ['click'],
+		props: {
+			direction: {
+				type: String,
+				default: 'lb'
+			},
+			top: {
+				type: [Number, String],
+				default: 100
+			},
+			bottom: {
+				type: [Number, String],
+				default: 100
+			},
+			left: {
+				type: [Number, String],
+				default: 60
+			},
+			right: {
+				type: [Number, String],
+				default: 60
+			},
+			navbar: {
+				type: Boolean,
+				default: true
+			},
+			param: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		data() {
+			return {
+				// #ifdef APP-NVUE
+				timestamp: 0,
+				touches: {},
+				// #endif
+				time: 0,
+				animate: false,
+				width: 375,
+				height: 1334,
+				style_x: '',
+				style_y: '',
+				navH: 0,
+				android: false
+			};
+		},
+		created() {
+			let sys = uni.getSystemInfoSync()
+			this.width = sys.windowWidth
+			this.height = sys.windowHeight
+			// #ifdef APP-NVUE
+			this.android = sys.platform.toLocaleLowerCase() === "android"
+			if (this.navbar) {
+				this.navH = sys.statusBarHeight + 44
+			}
+			// #endif
+		},
+		methods: {
+			// #ifdef APP-NVUE
+			appTouchStart(e) {
+				this.touches = e.changedTouches[0]
+				this.timestamp = new Date().getTime()
+			},
+			appTouchEnd(e) {
+				const {
+					screenX
+				} = e.changedTouches[0]
+				let diff = Math.abs(this.touches.screenX - screenX)
+				let time = (new Date().getTime()) - this.timestamp
+				if (diff < 5 && time < 300) {
+					this.handleClick({
+						touches: [this.touches]
+					})
+				}
+			},
+			// #endif
+			handleClick(e) {
+				if (new Date().getTime() - this.time <= 550) return;
+				this.time = new Date().getTime();
+				setTimeout(() => {
+					this.time = 0;
+				}, 540);
+				this.cbAni(e);
+				this.$emit('click', {
+					param: this.param
+				});
+			},
+			cbAni(e) {
+				let touch = null;
+
+				// #ifdef MP-ALIPAY
+				touch = e.detail;
+				// #endif
+
+				// #ifdef MP-BAIDU
+				touch = e.changedTouches[0]
+				// #endif
+
+				// #ifndef MP-ALIPAY || MP-BAIDU
+				touch = e.touches[0];
+				// #endif
+
+				// #ifdef APP-NVUE
+				touch = {
+					clientX: touch.screenX,
+					clientY: touch.screenY
+				}
+				// #endif
+				let diff = {
+					x: 0,
+					y: 0
+				};
+				//rt 右上、rb 右下、lb 左下、lt 左上
+				switch (this.direction) {
+					case 'rt':
+						diff.x = this.width - touch.clientX - uni.upx2px(Number(this.right));
+						diff.y = uni.upx2px(Number(this.top)) - touch.clientY;
+						break;
+					case 'rb':
+						diff.x = this.width - touch.clientX - uni.upx2px(Number(this.right));
+						diff.y = this.height - touch.clientY - uni.upx2px(Number(this.bottom));
+						break;
+					case 'lb':
+						diff.x = uni.upx2px(Number(this.left)) - touch.clientX;
+						diff.y = this.height - touch.clientY - uni.upx2px(Number(this.bottom));
+						break;
+					case 'lt':
+						diff.x = uni.upx2px(Number(this.left)) - touch.clientX;
+						diff.y = uni.upx2px(Number(this.top)) - touch.clientY;
+						break;
+					default:
+						break;
+				}
+
+				//移动距离
+				// #ifdef APP-NVUE
+				this.style_x = `left:${touch.clientX}px;top:${touch.clientY-this.navH}px;`
+				// #endif
+				this.animate = true;
+				this.$nextTick(() => {
+					setTimeout(() => {
+						// #ifdef APP-NVUE
+						this.style_x +=
+							`transform:translate(${diff.x}px,0px);`;
+						this.style_y = `transform:translate(0px,${diff.y+this.navH}px);`;
+
+						// #endif
+						// #ifndef APP-NVUE
+						this.style_x = `transform:translate3d(${diff.x}px,0,0)`;
+						this.style_y = `transform:translate3d(0,${diff.y}px,0)`;
+						// #endif
+						setTimeout(() => {
+							this.animate = false;
+							//恢复到最初状态
+							this.style_x = '';
+							this.style_y = '';
+						}, 540);
+					}, 50)
+				})
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	.fui-cubicbezier__wrap {
+		position: relative;
+	}
+
+	.fui-ani__cb-x {
+		/* #ifdef APP-NVUE */
+		position: fixed;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		position: absolute;
+		left: 0;
+		top: 0;
+		display: inline-block;
+		z-index: 1008;
+		/* #endif */
+
+		transition-property: transform;
+		transition-duration: 0.5s;
+		transition-timing-function: cubic-bezier(0, 0, 0, 0);
+	}
+
+	.fui-ani__cb-y {
+		/*#ifndef APP-NVUE */
+		display: inline-block;
+		/* #endif */
+		transition-property: transform;
+		transition-duration: 0.5s;
+		transition-timing-function: cubic-bezier(0.3, -0.2, 1, 0);
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-ani__cb-android {
+		width: 600rpx;
+		height: 2000px;
+		transition-timing-function: cubic-bezier(0.3, -0.02, 1, 0);
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-data-tag/fui-data-tag.vue b/components/firstui/fui-data-tag/fui-data-tag.vue
new file mode 100644
index 0000000..47d25eb
--- /dev/null
+++ b/components/firstui/fui-data-tag/fui-data-tag.vue
@@ -0,0 +1,436 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1861   4 0  72  5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-data__tag-wrap" :style="{marginBottom:'-'+gap+'rpx'}">
+		<!-- #ifndef APP-NVUE -->
+		<view class="fui-data__tag-item" :class="{'fui-data__tag-disable':item.disable}"
+			:style="{width:width?width+'rpx':'auto',height:height?height+'rpx':'auto',paddingTop:padding[0] || 0,paddingRight:padding[1] || 0,paddingBottom:padding[2] || padding[0] || 0,paddingLeft:padding[3] || padding[1] || 0,borderRadius:radius+'rpx',marginRight:gap+'rpx',marginBottom:gap+'rpx',background:item.selected?activeBgColor:background,borderColor:item.selected?(borderColor || primaryColor):(defaultBorderColor || background)}"
+			v-for="(item,index) in dataList" :key="index">
+			<view class="fui-data__tag-inner" @tap.stop="handleClick(index)">
+				<text class="fui-dt__icon"
+					:style="{color:markColor || primaryColor,fontSize:markSize+'rpx',lineHeight:markSize+'rpx'}"
+					v-if="mark && item.selected">{{icon}}</text>
+			</view>
+			<text class="fui-data__tag-text"
+				:style="{fontSize:size+'rpx',color:item.selected?(activeColor || primaryColor):color}">{{item.text}}</text>
+		</view>
+		<!-- #endif -->
+
+		<!-- #ifdef APP-NVUE -->
+		<view class="fui-data__tag-item" :class="{'fui-data__tag-disable':item.disable}"
+			:style="{width:width?width+'rpx':'auto',height:height?height+'rpx':'auto',paddingTop:padding[0] || 0,paddingRight:padding[1] || 0,paddingBottom:padding[2] || padding[0] || 0,paddingLeft:padding[3] || padding[1] || 0,borderRadius:radius+'rpx',marginRight:gap+'rpx',marginBottom:gap+'rpx',background:item.selected?activeBgColor:background,borderColor:item.selected?(borderColor || primaryColor):defaultBorderColor || background}"
+			v-for="(item,index) in dataList" :key="index" @tap.stop="handleClick(index)">
+			<text class="fui-dt__icon"
+				:style="{color:markColor || primaryColor,fontSize:markSize+'rpx',lineHeight:markSize+'rpx'}"
+				v-if="mark && item.selected">{{icon}}</text>
+			<text class="fui-data__tag-text"
+				:style="{fontSize:size+'rpx',lineHeight:size+'rpx',color:item.selected?(activeColor || primaryColor):color}">{{item.text}}</text>
+		</view>
+		<!-- #endif -->
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	var domModule = weex.requireModule('dom');
+	domModule.addRule('fontFace', {
+		'fontFamily': 'fuitag',
+		'src': "url('data:font/truetype;charset=utf-8;base64,AAEAAAANAIAAAwBQRkZUTZNQsWUAAAZMAAAAHEdERUYAKQAKAAAGLAAAAB5PUy8yPDVIzwAAAVgAAABgY21hcAAP6asAAAHIAAABQmdhc3D//wADAAAGJAAAAAhnbHlmyMefBQAAAxgAAABoaGVhZCEhzgEAAADcAAAANmhoZWEH2wOFAAABFAAAACRobXR4DAAAWQAAAbgAAAAQbG9jYQA0AAAAAAMMAAAACm1heHABEQAoAAABOAAAACBuYW1lbtNsLwAAA4AAAAJqcG9zdC9C/kYAAAXsAAAANgABAAAAAQAA1u3xcl8PPPUACwQAAAAAAN7WRS4AAAAA3tZFLgBZ/4ID/QMmAAAACAACAAAAAAAAAAEAAAOA/4AAXAQAAAAAAAP9AAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAEABwAAwAAAAAAAgAAAAoACgAAAP8AAAAAAAAABAQAAZAABQAAAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZADA5gDmAAOA/4AAAAPcAIAAAAABAAAAAAAAAAAAAAAgAAEEAAAAAAAAAAQAAAAEAABZAAAAAwAAAAMAAAAcAAEAAAAAADwAAwABAAAAHAAEACAAAAAEAAQAAQAA5gD//wAA5gD//xoDAAEAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANAAAAAMAWf+CA/0DJgAOABoAGwAAFzY3NjcAATY3MRYVESEiJTY3JyYnBwYHJicHN1kCAwsDAlYBKAcIBPxvBgJzdzsICwYGYDE5GRxsegECBwUCVQErBA0NBvxv0nc5Cg0JBmQxORwcvgAAAAASAN4AAQAAAAAAAAATACgAAQAAAAAAAQAGAEoAAQAAAAAAAgAHAGEAAQAAAAAAAwAGAHcAAQAAAAAABAAGAIwAAQAAAAAABQALAKsAAQAAAAAABgAGAMUAAQAAAAAACgArASQAAQAAAAAACwATAXgAAwABBAkAAAAmAAAAAwABBAkAAQAMADwAAwABBAkAAgAOAFEAAwABBAkAAwAMAGkAAwABBAkABAAMAH4AAwABBAkABQAWAJMAAwABBAkABgAMALcAAwABBAkACgBWAMwAAwABBAkACwAmAVAAQwByAGUAYQB0AGUAZAAgAGIAeQAgAGkAYwBvAG4AZgBvAG4AdAAAQ3JlYXRlZCBieSBpY29uZm9udAAAZgB1AGkAdABhAGcAAGZ1aXRhZwAAUgBlAGcAdQBsAGEAcgAAUmVndWxhcgAAZgB1AGkAdABhAGcAAGZ1aXRhZwAAZgB1AGkAdABhAGcAAGZ1aXRhZwAAVgBlAHIAcwBpAG8AbgAgADEALgAwAABWZXJzaW9uIDEuMAAAZgB1AGkAdABhAGcAAGZ1aXRhZwAARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgAAR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0LgAAaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAaHR0cDovL2ZvbnRlbGxvLmNvbQAAAAACAAAAAAAAAAoAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAQAAAABAAIBAgtpbV94dWFuemVfYgAAAAAAAf//AAIAAQAAAAwAAAAWAAAAAgABAAMAAwABAAQAAAACAAAAAAAAAAEAAAAA1aQnCAAAAADe1kUuAAAAAN7WRS4=')"
+	});
+	// #endif
+	export default {
+		name: "fui-data-tag",
+		emits: ['change', 'input', 'update:modelValue'],
+		props: {
+			options: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			// #ifdef VUE3
+			modelValue: {
+				type: [Array, String, Number],
+				default () {
+					return []
+				}
+			},
+			// #endif
+			value: {
+				type: [Array, String, Number],
+				default () {
+					return []
+				}
+			},
+			multiple: {
+				type: Boolean,
+				default: false
+			},
+			//最小选择数，仅单选有效，可选值仅0、1
+			min: {
+				type: [Number, String],
+				default: 1
+			},
+			//最小选择数，仅多选有效
+			multipleMin: {
+				type: [Number, String],
+				default: 0
+			},
+			//最大选择数
+			max: {
+				type: [Number, String],
+				default: -1
+			},
+			width: {
+				type: [Number, String],
+				default: 0
+			},
+			height: {
+				type: [Number, String],
+				default: 0
+			},
+			padding: {
+				type: Array,
+				default () {
+					return ['16rpx', '32rpx']
+				}
+			},
+			gap: {
+				type: [Number, String],
+				default: 20
+			},
+			radius: {
+				type: [Number, String],
+				default: 6
+			},
+			size: {
+				type: [Number, String],
+				default: 24
+			},
+			color: {
+				type: String,
+				default: '#333'
+			},
+			activeColor: {
+				type: String,
+				default: ''
+			},
+			background: {
+				type: String,
+				default: '#fff'
+			},
+			activeBgColor: {
+				type: String,
+				default: '#fff'
+			},
+			//默认边框颜色
+			defaultBorderColor: {
+				type: String,
+				default: ''
+			},
+			borderColor: {
+				type: String,
+				default: ''
+			},
+			//设为true时，圆角值不建议设过大
+			mark: {
+				type: Boolean,
+				default: false
+			},
+			markSize: {
+				type: [Number, String],
+				default: 52
+			},
+			markColor: {
+				type: String,
+				default: ''
+			}
+		},
+		watch: {
+			options(vals) {
+				this.initData(vals)
+			},
+			// #ifdef VUE3
+			modelValue(vals) {
+				this.modelChange(vals)
+			},
+			// #endif
+			value(vals) {
+				this.modelChange(vals)
+			}
+		},
+		created() {
+			this.initData(this.options)
+		},
+		computed: {
+			primaryColor() {
+				const app = uni && uni.$fui && uni.$fui.color;
+				return (app && app.primary) || '#465CFF';
+			}
+		},
+		data() {
+			return {
+				icon: '\ue600',
+				dataList: [],
+				val: '',
+				vals: []
+			};
+		},
+		methods: {
+			initData(vals) {
+				vals = JSON.parse(JSON.stringify(vals))
+				if (vals && vals.length > 0) {
+					if (typeof vals[0] !== 'object') {
+						vals = vals.map((item, index) => {
+							return {
+								text: item,
+								value: item,
+								selected: false
+							}
+						})
+					} else {
+						vals.map((item, index) => {
+							item.selected = false
+							if (item.value === undefined) {
+								item.value = item.text
+							}
+						})
+					}
+					this.dataList = vals;
+					// #ifdef VUE3
+					this.modelChange(this.modelValue)
+					// #endif
+
+					// #ifndef VUE3
+					this.modelChange(this.value)
+					// #endif
+				}
+			},
+			emitsChange(e) {
+				this.$emit('change', e)
+				this.$emit('input', e.detail.value)
+				// #ifdef VUE3
+				this.$emit("update:modelValue", e.detail.value);
+				// #endif
+			},
+			radioChange(index, model) {
+				const min = Number(this.min)
+				if (this.val === model.value && min > 0) return;
+				let val = '';
+				let i = index;
+				let entity = {}
+				this.dataList.forEach((item, idx) => {
+					if (idx === index) {
+						const bool = this.val === item.value && min <= 0
+						val = bool ? '' : item.value
+						i = bool ? -1 : index
+						entity = bool ? {} : item
+						item.selected = bool ? false : true
+					} else {
+						item.selected = false
+					}
+				})
+				this.val = val
+				let e = {
+					detail: {
+						index: i,
+						value: val,
+						item: entity
+					}
+				}
+				this.emitsChange(e)
+			},
+			toast(title) {
+				uni.showToast({
+					title: title,
+					icon: 'none'
+				})
+			},
+			checkboxChange(index, model) {
+				const min = Number(this.multipleMin)
+				const max = Number(this.max)
+				let vals = this.vals
+				let i = vals.indexOf(model.value)
+				if (vals.length <= min && i !== -1) {
+					this.toast(`至少选择${min}个选项`)
+					return
+				}
+				const isAllIndex = this.dataList.findIndex(item => item.isAll)
+				let item = this.dataList[index]
+				if (isAllIndex !== -1) {
+					if (model.isAll) {
+						item.selected = i !== -1 ? false : true
+						if (item.selected) {
+							vals = [model.value]
+						} else {
+							vals.splice(i, 1)
+						}
+						this.dataList.forEach((item, idx) => {
+							if (index !== idx) {
+								item.selected = false
+							}
+						})
+					} else {
+						if (vals.length >= max && max !== -1 && i === -1) {
+							this.toast(`最多只能选择${max}个选项`)
+							return
+						}
+						let entity = this.dataList[isAllIndex]
+						const allI = vals.indexOf(entity.value)
+						if (allI !== -1) {
+							entity.selected = false;
+							vals.splice(allI, 1)
+						}
+						this.dataList.forEach((item, idx) => {
+							if (index === idx) {
+								item.selected = i !== -1 ? false : true
+								if (item.selected) {
+									vals.push(item.value)
+								} else {
+									vals.splice(i, 1)
+								}
+							}
+						})
+					}
+				} else {
+					if (vals.length >= max && max !== -1 && i === -1) {
+						this.toast(`最多只能选择${max}个选项`)
+						return
+					}
+					item.selected = i !== -1 ? false : true
+					if (item.selected) {
+						vals.push(item.value)
+					} else {
+						vals.splice(i, 1)
+					}
+				}
+				this.vals = vals
+				const entity = this.dataList.filter(item => vals.indexOf(item.value) != -1)
+				let e = {
+					detail: {
+						value: vals,
+						item: entity
+					}
+				}
+				this.emitsChange(e)
+			},
+			modelChange(vals) {
+				if (this.multiple) {
+					this.dataList.forEach(item => {
+						if (vals.includes(item.value)) {
+							item.selected = true;
+						} else {
+							item.selected = false
+						}
+					})
+					this.vals = vals
+
+				} else {
+					this.dataList.forEach(item => {
+						if (vals == item.value) {
+							item.selected = true;
+						} else {
+							item.selected = false
+						}
+					})
+					this.val = vals
+				}
+			},
+			handleClick(index) {
+				let item = this.dataList[index]
+				if (item.disable) return;
+				if (this.multiple) {
+					this.checkboxChange(index, item)
+				} else {
+					this.radioChange(index, item)
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	/* #ifndef APP-NVUE */
+	/* 头条小程序组件内如果不能引入字体，则需要在父级页面引入字体文件*/
+	@font-face {
+		font-family: fuitag;
+		src: url(data:font/ttf;base64,AAEAAAANAIAAAwBQRkZUTZNQsWUAAAZMAAAAHEdERUYAKQAKAAAGLAAAAB5PUy8yPDVIzwAAAVgAAABgY21hcAAP6asAAAHIAAABQmdhc3D//wADAAAGJAAAAAhnbHlmyMefBQAAAxgAAABoaGVhZCEhzgEAAADcAAAANmhoZWEH2wOFAAABFAAAACRobXR4DAAAWQAAAbgAAAAQbG9jYQA0AAAAAAMMAAAACm1heHABEQAoAAABOAAAACBuYW1lbtNsLwAAA4AAAAJqcG9zdC9C/kYAAAXsAAAANgABAAAAAQAA1u3xcl8PPPUACwQAAAAAAN7WRS4AAAAA3tZFLgBZ/4ID/QMmAAAACAACAAAAAAAAAAEAAAOA/4AAXAQAAAAAAAP9AAEAAAAAAAAAAAAAAAAAAAAEAAEAAAAEABwAAwAAAAAAAgAAAAoACgAAAP8AAAAAAAAABAQAAZAABQAAAokCzAAAAI8CiQLMAAAB6wAyAQgAAAIABQMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAUGZFZADA5gDmAAOA/4AAAAPcAIAAAAABAAAAAAAAAAAAAAAgAAEEAAAAAAAAAAQAAAAEAABZAAAAAwAAAAMAAAAcAAEAAAAAADwAAwABAAAAHAAEACAAAAAEAAQAAQAA5gD//wAA5gD//xoDAAEAAAAAAAABBgAAAQAAAAAAAAABAgAAAAIAAAAAAAAAAAAAAAAAAAABAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAANAAAAAMAWf+CA/0DJgAOABoAGwAAFzY3NjcAATY3MRYVESEiJTY3JyYnBwYHJicHN1kCAwsDAlYBKAcIBPxvBgJzdzsICwYGYDE5GRxsegECBwUCVQErBA0NBvxv0nc5Cg0JBmQxORwcvgAAAAASAN4AAQAAAAAAAAATACgAAQAAAAAAAQAGAEoAAQAAAAAAAgAHAGEAAQAAAAAAAwAGAHcAAQAAAAAABAAGAIwAAQAAAAAABQALAKsAAQAAAAAABgAGAMUAAQAAAAAACgArASQAAQAAAAAACwATAXgAAwABBAkAAAAmAAAAAwABBAkAAQAMADwAAwABBAkAAgAOAFEAAwABBAkAAwAMAGkAAwABBAkABAAMAH4AAwABBAkABQAWAJMAAwABBAkABgAMALcAAwABBAkACgBWAMwAAwABBAkACwAmAVAAQwByAGUAYQB0AGUAZAAgAGIAeQAgAGkAYwBvAG4AZgBvAG4AdAAAQ3JlYXRlZCBieSBpY29uZm9udAAAZgB1AGkAdABhAGcAAGZ1aXRhZwAAUgBlAGcAdQBsAGEAcgAAUmVndWxhcgAAZgB1AGkAdABhAGcAAGZ1aXRhZwAAZgB1AGkAdABhAGcAAGZ1aXRhZwAAVgBlAHIAcwBpAG8AbgAgADEALgAwAABWZXJzaW9uIDEuMAAAZgB1AGkAdABhAGcAAGZ1aXRhZwAARwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABzAHYAZwAyAHQAdABmACAAZgByAG8AbQAgAEYAbwBuAHQAZQBsAGwAbwAgAHAAcgBvAGoAZQBjAHQALgAAR2VuZXJhdGVkIGJ5IHN2ZzJ0dGYgZnJvbSBGb250ZWxsbyBwcm9qZWN0LgAAaAB0AHQAcAA6AC8ALwBmAG8AbgB0AGUAbABsAG8ALgBjAG8AbQAAaHR0cDovL2ZvbnRlbGxvLmNvbQAAAAACAAAAAAAAAAoAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAQAAAABAAIBAgtpbV94dWFuemVfYgAAAAAAAf//AAIAAQAAAAwAAAAWAAAAAgABAAMAAwABAAQAAAACAAAAAAAAAAEAAAAA1aQnCAAAAADe1kUuAAAAAN7WRS4=) format("truetype");
+	}
+
+	/* #endif */
+
+	.fui-dt__icon {
+		font-family: fuitag;
+		text-decoration: none;
+		text-align: center;
+		position: absolute;
+		right: -4rpx;
+		bottom: -6rpx;
+	}
+
+	.fui-data__tag-wrap {
+		/* #ifndef APP-NVUE */
+		max-width: 100%;
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: flex-start;
+		flex-wrap: wrap;
+	}
+
+	.fui-data__tag-item {
+		/* #ifndef APP-NVUE */
+		display: inline-flex;
+		white-space: nowrap;
+		box-sizing: border-box;
+		transform: translateZ(0);
+		/* #endif */
+		border-width: 1px;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		text-overflow: ellipsis;
+		/* #ifdef APP-NVUE */
+		overflow: hidden;
+		/* #endif */
+		border-style: solid;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+		position: relative;
+	}
+
+	.fui-data__tag-inner {
+		position: absolute;
+		left: 0;
+		top: 0;
+		bottom: 0;
+		right: 0;
+		overflow: hidden;
+		/* #ifndef APP-NVUE */
+		z-index: 1;
+		/* #endif */
+	}
+
+	.fui-data__tag-text {
+		/* #ifndef APP-NVUE */
+		display: block;
+		white-space: nowrap;
+		overflow: hidden;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		lines: 1;
+		/* #endif */
+		flex: 1;
+		text-align: center;
+		text-overflow: ellipsis;
+		font-weight: normal;
+	}
+
+	.fui-data__tag-disable {
+		/* #ifdef H5 */
+		cursor: not-allowed;
+		/* #endif */
+		opacity: .5;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-date-picker/fui-date-picker.vue b/components/firstui/fui-date-picker/fui-date-picker.vue
new file mode 100644
index 0000000..810a897
--- /dev/null
+++ b/components/firstui/fui-date-picker/fui-date-picker.vue
@@ -0,0 +1,1445 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 861407 2 5    4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-date__picker-wrap" @touchend="stop">
+		<view class="fui-date__picker-mask" @touchmove.stop.prevent="stop" :class="{'fui-dpk__mask-show':isShow}"
+			:style="maskStyl" ref="fui_dpkm_ani" @tap.stop="maskClick"></view>
+		<!-- fix：此处key值可解决Nvue端动态切换背景不生效的问题 -->
+		<view :key="theme" class="fui-date__picker-content"
+			:class="{'fui-dpk__content-dark':theme==='dark','fui-dpk__content-light':theme!=='dark','fui-dpk__content-show':isShow,'fui-date__picker-radius':radius}"
+			:style="{zIndex:zIndex}" ref="fui_dpk_ani">
+			<view class="fui-date__picker-header"
+				:class="{'fui-dpk__header-dark':theme==='dark','fui-date__picker-radius':radius}" :style="headerStyl">
+				<text class="fui-dpk_btn-cancel"
+					:class="[theme==='dark'?'fui-dpk__cancel-color_dark':'fui-dpk__cancel-color']" :style="cancelStyl"
+					@tap.stop="btnCancel">{{cancelText}}</text>
+				<text class="fui-date__picker-title"
+					:class="[theme==='dark'?'fui-dpk__title-color_dark':'fui-dpk__title-color']"
+					:style="titleStyl">{{title}}</text>
+				<text class="fui-dpk__btn-sure" :class="{'fui-dpk__sure-color':!confirmColor}" :style="confrimStyl"
+					@tap.stop="btnConfirm">{{confirmText}}</text>
+			</view>
+			<view class="fui-dpk__range-wrap" v-if="range">
+				<view class="fui-dpk__range-inner"
+					:class="[theme==='dark'?'fui-dpk__range-dark':'fui-dpk__range-light']">
+					<text class="fui-dpk__range-text" :class="{'fui-dpk__range-active':isActive==1}" :style="startStyl"
+						@tap.stop="rangeChange($event,1)">{{startDate.result || start}}</text>
+					<text class="fui-dpk__range-text" :class="{'fui-dpk__range-active':isActive==2}" :style="endStyl"
+						@tap.stop="rangeChange($event,2)">{{endDate.result || end}}</text>
+				</view>
+			</view>
+			<view @touchstart.stop="pickerstart">
+				<!--支付宝小程序不支持动态切换 picker-view-column ... 设置高度也不行-->
+				<!-- #ifdef MP-ALIPAY -->
+				<picker-view :mask-style="theme==='dark'?darkStyle:''"
+					:indicator-class="theme==='dark'?'fui-date__picker-indicator':''" class="fui-date__picker-view"
+					:style="{height:height+'rpx'}" :value="vals" @change="pickerChange" v-if="type==1">
+					<picker-view-column>
+						<view :style="contentStyl" v-for="(item,index) in years" :key="index"
+							class="fui-date__picker-text" :class="{'fui-dpk__color-dark':theme==='dark'}">
+							{{formatVal(item)}}{{unit?'年':''}}
+						</view>
+					</picker-view-column>
+				</picker-view>
+
+				<picker-view :mask-style="theme==='dark'?darkStyle:''"
+					:indicator-class="theme==='dark'?'fui-date__picker-indicator':''" class="fui-date__picker-view"
+					:style="{height:height+'rpx'}" :value="vals" @change="pickerChange" v-if="type==2">
+					<picker-view-column>
+						<view :style="contentStyl" v-for="(item,index) in years" :key="index"
+							class="fui-date__picker-text" :class="{'fui-dpk__color-dark':theme==='dark'}">
+							{{formatVal(item)}}{{unit?'年':''}}
+						</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view :style="contentStyl" v-for="(item,index) in months" :key="index"
+							class="fui-date__picker-text" :class="{'fui-dpk__color-dark':theme==='dark'}">
+							{{formatVal(item)}}{{unit?'月':''}}
+						</view>
+					</picker-view-column>
+				</picker-view>
+
+				<picker-view :mask-style="theme==='dark'?darkStyle:''"
+					:indicator-class="theme==='dark'?'fui-date__picker-indicator':''" class="fui-date__picker-view"
+					:style="{height:height+'rpx'}" :value="vals" @change="pickerChange" v-if="type==3">
+					<picker-view-column>
+						<view :style="contentStyl" v-for="(item,index) in years" :key="index"
+							class="fui-date__picker-text" :class="{'fui-dpk__color-dark':theme==='dark'}">
+							{{formatVal(item)}}{{unit?'年':''}}
+						</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view :style="contentStyl" v-for="(item,index) in months" :key="index"
+							class="fui-date__picker-text" :class="{'fui-dpk__color-dark':theme==='dark'}">
+							{{formatVal(item)}}{{unit?'月':''}}
+						</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view :style="contentStyl" v-for="(item,index) in days" :key="index"
+							class="fui-date__picker-text" :class="{'fui-dpk__color-dark':theme==='dark'}">
+							{{formatVal(item)}}{{unit?'日':''}}
+						</view>
+					</picker-view-column>
+				</picker-view>
+
+				<picker-view :mask-style="theme==='dark'?darkStyle:''"
+					:indicator-class="theme==='dark'?'fui-date__picker-indicator':''" class="fui-date__picker-view"
+					:style="{height:height+'rpx'}" :value="vals" @change="pickerChange" v-if="type==4">
+					<picker-view-column>
+						<view :style="contentStyl" v-for="(item,index) in years" :key="index"
+							class="fui-date__picker-text" :class="{'fui-dpk__color-dark':theme==='dark'}">
+							{{formatVal(item)}}{{unit?'年':''}}
+						</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view :style="contentStyl" v-for="(item,index) in months" :key="index"
+							class="fui-date__picker-text" :class="{'fui-dpk__color-dark':theme==='dark'}">
+							{{formatVal(item)}}{{unit?'月':''}}
+						</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view :style="contentStyl" v-for="(item,index) in days" :key="index"
+							class="fui-date__picker-text" :class="{'fui-dpk__color-dark':theme==='dark'}">
+							{{formatVal(item)}}{{unit?'日':''}}
+						</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view :style="contentStyl" v-for="(item,index) in hours" :key="index"
+							class="fui-date__picker-text" :class="{'fui-dpk__color-dark':theme==='dark'}">
+							{{formatVal(item)}}{{unit?'时':''}}
+						</view>
+					</picker-view-column>
+				</picker-view>
+
+				<picker-view :mask-style="theme==='dark'?darkStyle:''"
+					:indicator-class="theme==='dark'?'fui-date__picker-indicator':''" class="fui-date__picker-view"
+					:style="{height:height+'rpx'}" :value="vals" @change="pickerChange" v-if="type==5">
+					<picker-view-column>
+						<view :style="contentStyl" v-for="(item,index) in years" :key="index"
+							class="fui-date__picker-text" :class="{'fui-dpk__color-dark':theme==='dark'}">
+							{{formatVal(item)}}{{unit?'年':''}}
+						</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view :style="contentStyl" v-for="(item,index) in months" :key="index"
+							class="fui-date__picker-text" :class="{'fui-dpk__color-dark':theme==='dark'}">
+							{{formatVal(item)}}{{unit?'月':''}}
+						</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view :style="contentStyl" v-for="(item,index) in days" :key="index"
+							class="fui-date__picker-text" :class="{'fui-dpk__color-dark':theme==='dark'}">
+							{{formatVal(item)}}{{unit?'日':''}}
+						</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view :style="contentStyl" v-for="(item,index) in hours" :key="index"
+							class="fui-date__picker-text" :class="{'fui-dpk__color-dark':theme==='dark'}">
+							{{formatVal(item)}}{{unit?'时':''}}
+						</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view :style="contentStyl" v-for="(item,index) in minutes" :key="index"
+							class="fui-date__picker-text" :class="{'fui-dpk__color-dark':theme==='dark'}">
+							{{formatVal(item)}}{{unit?'分':''}}
+						</view>
+					</picker-view-column>
+				</picker-view>
+
+				<picker-view :mask-style="theme==='dark'?darkStyle:''"
+					:indicator-class="theme==='dark'?'fui-date__picker-indicator':''" class="fui-date__picker-view"
+					:style="{height:height+'rpx'}" :value="vals" @change="pickerChange" v-if="type==6">
+					<picker-view-column>
+						<view :style="contentStyl" v-for="(item,index) in hours" :key="index"
+							class="fui-date__picker-text" :class="{'fui-dpk__color-dark':theme==='dark'}">
+							{{formatVal(item)}}{{unit?'时':''}}
+						</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view :style="contentStyl" v-for="(item,index) in minutes" :key="index"
+							class="fui-date__picker-text" :class="{'fui-dpk__color-dark':theme==='dark'}">
+							{{formatVal(item)}}{{unit?'分':''}}
+						</view>
+					</picker-view-column>
+				</picker-view>
+
+				<picker-view :mask-style="theme==='dark'?darkStyle:''"
+					:indicator-class="theme==='dark'?'fui-date__picker-indicator':''" class="fui-date__picker-view"
+					:style="{height:height+'rpx'}" :value="vals" @change="pickerChange" v-if="type==7">
+					<picker-view-column>
+						<view :style="contentStyl" v-for="(item,index) in hours" :key="index"
+							class="fui-date__picker-text" :class="{'fui-dpk__color-dark':theme==='dark'}">
+							{{formatVal(item)}}{{unit?'时':''}}
+						</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view :style="contentStyl" v-for="(item,index) in minutes" :key="index"
+							class="fui-date__picker-text" :class="{'fui-dpk__color-dark':theme==='dark'}">
+							{{formatVal(item)}}{{unit?'分':''}}
+						</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view :style="contentStyl" v-for="(item,index) in seconds" :key="index"
+							class="fui-date__picker-text" :class="{'fui-dpk__color-dark':theme==='dark'}">
+							{{formatVal(item)}}{{unit?'秒':''}}
+						</view>
+					</picker-view-column>
+				</picker-view>
+
+				<picker-view :mask-style="theme==='dark'?darkStyle:''"
+					:indicator-class="theme==='dark'?'fui-date__picker-indicator':''" class="fui-date__picker-view"
+					:style="{height:height+'rpx'}" :value="vals" @change="pickerChange" v-if="type==8">
+					<picker-view-column>
+						<view :style="contentStyl" v-for="(item,index) in minutes" :key="index"
+							class="fui-date__picker-text" :class="{'fui-dpk__color-dark':theme==='dark'}">
+							{{formatVal(item)}}{{unit?'分':''}}
+						</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view :style="contentStyl" v-for="(item,index) in seconds" :key="index"
+							class="fui-date__picker-text" :class="{'fui-dpk__color-dark':theme==='dark'}">
+							{{formatVal(item)}}{{unit?'秒':''}}
+						</view>
+					</picker-view-column>
+				</picker-view>
+				<!-- #endif -->
+
+				<!-- #ifndef MP-ALIPAY -->
+				<picker-view :mask-top-style="theme==='dark'?darkStyle:''"
+					:mask-bottom-style="theme==='dark'?darkBottomStyle:''" :mask-style="theme==='dark'?darkStyle:''"
+					:indicator-style="theme==='dark'?indicatorStyl:'height: 44px;border-top-width:0.5px;border-bottom-width:0.5px;'"
+					:indicator-class="theme==='dark'?'fui-date__picker-indicator':''" class="fui-date__picker-view"
+					:style="{height:height+'rpx'}" :key="theme+type" :value="vals" :immediate-change="immediate"
+					@change="pickerChange">
+					<picker-view-column v-if="type==1 || type==2 || type==3 || type==4 || type==5">
+						<text :style="contentStyl" v-for="(item,index) in years" :key="index"
+							class="fui-date__picker-text"
+							:class="{'fui-dpk__color-dark':theme==='dark'}">{{formatVal(item)}}{{unit?'年':''}}</text>
+					</picker-view-column>
+					<picker-view-column v-if="type==2 || type==3 || type==4 || type==5">
+						<text :style="contentStyl" v-for="(item,index) in months" :key="index"
+							class="fui-date__picker-text"
+							:class="{'fui-dpk__color-dark':theme==='dark'}">{{formatVal(item)}}{{unit?'月':''}}</text>
+					</picker-view-column>
+					<picker-view-column v-if="type==3 || type==4 || type==5">
+						<text :style="contentStyl" v-for="(item,index) in days" :key="index"
+							class="fui-date__picker-text"
+							:class="{'fui-dpk__color-dark':theme==='dark'}">{{formatVal(item)}}{{unit?'日':''}}</text>
+					</picker-view-column>
+					<picker-view-column v-if="type==4 || type==5  || type==6  || type==7">
+						<text :style="contentStyl" v-for="(item,index) in hours" :key="index"
+							class="fui-date__picker-text"
+							:class="{'fui-dpk__color-dark':theme==='dark'}">{{formatVal(item)}}{{unit?'时':''}}</text>
+					</picker-view-column>
+					<picker-view-column v-if="type==5  || type==6  || type==7 || type==8">
+						<text :style="contentStyl" v-for="(item,index) in minutes" :key="index"
+							class="fui-date__picker-text"
+							:class="{'fui-dpk__color-dark':theme==='dark'}">{{formatVal(item)}}{{unit?'分':''}}</text>
+					</picker-view-column>
+					<picker-view-column v-if="type==7 || type==8">
+						<text :style="contentStyl" v-for="(item,index) in seconds" :key="index"
+							class="fui-date__picker-text"
+							:class="{'fui-dpk__color-dark':theme==='dark'}">{{formatVal(item)}}{{unit?'秒':''}}</text>
+					</picker-view-column>
+				</picker-view>
+				<!-- #endif -->
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	export default {
+		name: "fui-date-picker",
+		emits: ['change', 'cancel'],
+		props: {
+			show: {
+				type: Boolean,
+				default: false
+			},
+			//可选日期类型：1-年 2-年月 3-年月日 4-年月日 时 5-年月日 时分 6-时分 7-时分秒 8-分秒
+			type: {
+				type: [Number, String],
+				default: 1
+			},
+			value: {
+				type: String,
+				default: ''
+			},
+			valueEnd: {
+				type: String,
+				default: ''
+			},
+			minDate: {
+				type: String,
+				default: '2010-01-01'
+			},
+			maxDate: {
+				type: String,
+				default: '2030-12-31'
+			},
+			hourRange: {
+				type: Array,
+				default () {
+					return [0, 23]
+				}
+			},
+			minuteRange: {
+				type: Array,
+				default () {
+					return [0, 59]
+				}
+			},
+			secondRange: {
+				type: Array,
+				default () {
+					return [0, 59]
+				}
+			},
+			unit: {
+				type: Boolean,
+				default: true
+			},
+			range: {
+				type: Boolean,
+				default: false
+			},
+			start: {
+				type: String,
+				default: '起始日期'
+			},
+			end: {
+				type: String,
+				default: '结束日期'
+			},
+			rangeBackground: {
+				type: String,
+				default: ''
+			},
+			radius: {
+				type: Boolean,
+				default: false
+			},
+			height: {
+				type: [Number, String],
+				default: 520
+			},
+			size: {
+				type: [Number, String],
+				default: 16
+			},
+			color: {
+				type: String,
+				default: ''
+			},
+			title: {
+				type: String,
+				default: ''
+			},
+			titleSize: {
+				type: [Number, String],
+				default: 28
+			},
+			titleColor: {
+				type: String,
+				default: ''
+			},
+			confirmText: {
+				type: String,
+				default: '确定'
+			},
+			confirmColor: {
+				type: String,
+				default: ''
+			},
+			cancelText: {
+				type: String,
+				default: '取消'
+			},
+			cancelColor: {
+				type: String,
+				default: ''
+			},
+			btnSize: {
+				type: [Number, String],
+				default: 32
+			},
+			background: {
+				type: String,
+				default: ''
+			},
+			theme: {
+				type: String,
+				default: 'light'
+			},
+			maskClosable: {
+				type: Boolean,
+				default: true
+			},
+			maskBackground: {
+				type: String,
+				default: 'rgba(0,0,0,.6)'
+			},
+			zIndex: {
+				type: [Number, String],
+				default: 996
+			},
+			//点击确认按钮后是否立即关闭弹框
+			isClose: {
+				type: Boolean,
+				default: true
+			},
+			//自定义参数
+			param: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		created() {
+			this.initialize()
+			this.isShow = this.show
+		},
+		// #ifdef APP-NVUE
+		mounted() {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this.hiddenNvuePicker()
+				}, 50)
+			})
+		},
+		// #endif
+		computed: {
+			cancelStyl() {
+				let styles = `font-size:${this.btnSize}rpx;`
+				if (this.cancelColor) {
+					styles += `color:${this.cancelColor};`
+				}
+				return styles
+			},
+			confrimStyl() {
+				let styles = `font-size:${this.btnSize}rpx;`
+				let color = this.confirmColor;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				if (color) {
+					styles += `color:${color};`
+				}
+				return styles
+			},
+			titleStyl() {
+				let styles = `font-size:${this.titleSize}rpx;`
+				if (this.titleColor) {
+					styles += `color:${this.titleColor};`
+				}
+				return styles
+			},
+			contentStyl() {
+				let styles = `font-size:${this.size}px;`
+				if (this.color) {
+					styles += `color:${this.color};`
+				} else {
+					// #ifdef MP-ALIPAY
+					styles += `color:${this.theme==='dark'?'#d1d1d1':'#181818'};`
+					// #endif
+				}
+				return styles
+			},
+			headerStyl() {
+				let styles = ''
+				if (this.background) {
+					styles += `background:${this.background};`
+				}
+				return styles
+			},
+			maskStyl() {
+				return `background:${this.maskBackground};z-index:${Number(this.zIndex-10)};`
+			},
+			initChange() {
+				return `${this.type}_${this.value}_${this.minDate}_${this.maxDate}`
+			},
+			startStyl() {
+				let style = ''
+				let color = this.rangeBackground;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				if (this.isActive == 1 && color) {
+					style = `background:${color};`
+				}
+				return style
+			},
+			endStyl() {
+				let style = ''
+				let color = this.rangeBackground;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				if (this.isActive == 2 && color) {
+					style = `background:${color};`
+				}
+				return style
+			}
+		},
+		watch: {
+			initChange(val) {
+				this.initialize()
+			},
+			hourRange(val) {
+				//设置默认值？
+				this.getHours()
+			},
+			minuteRange(val) {
+				this.getMinutes()
+			},
+			secondRange(val) {
+				this.getSeconds()
+			},
+			isShow: {
+				handler(newVal) {
+					if (newVal) {
+						this.isInitShow = true
+
+						// #ifdef APP-NVUE
+						this.openPicker();
+						// #endif
+					} else {
+						// #ifdef APP-NVUE
+						this.closePicker();
+						// #endif
+					}
+				},
+				immediate: true
+			},
+			show(val) {
+				this.isShow = val;
+			}
+		},
+		data() {
+			let immediate = true;
+			// #ifdef MP-TOUTIAO
+			immediate = false
+			// #endif
+			return {
+				immediate,
+				years: [],
+				months: [],
+				days: [],
+				hours: [],
+				minutes: [],
+				seconds: [],
+				vals: [],
+				nvueVals: [],
+				values: [],
+				minArr: [],
+				maxArr: [],
+				// #ifndef APP-NVUE
+				darkStyle: 'background-image: -webkit-linear-gradient(top, rgba(35, 35, 35, .95), rgba(35, 35, 35, .6)), -webkit-linear-gradient(bottom, rgba(35, 35, 35, .95), rgba(35, 35, 35, .6));',
+				indicatorStyl: 'border-color: #333;height: 44px;',
+				darkBottomStyle: '',
+				// #endif
+				// #ifdef APP-NVUE
+				darkStyle: 'background: linear-gradient(to bottom, rgba(35, 35, 35, .95), rgba(35, 35, 35, .6));',
+				darkBottomStyle: 'background: linear-gradient(to top, rgba(35, 35, 35, .95), rgba(35, 35, 35, .6));',
+				indicatorStyl: 'border-color: #333;height: 44px;border-top-width:0.5px;border-bottom-width:0.5px',
+				// #endif
+				isEnd: true,
+				isShow: false,
+				isActive: 1,
+				startDate: {},
+				endDate: {},
+				isInitShow: false
+			};
+		},
+		methods: {
+			// #ifdef APP-NVUE
+			hiddenNvuePicker() {
+				if (!this.$refs['fui_dpkm_ani'] || !this.$refs['fui_dpk_ani']) return;
+				this._transtion('fui_dpkm_ani', {
+					transform: 'translateX(-100%)'
+				}, 0)
+				this._transtion('fui_dpk_ani', {
+					transform: 'translateY(100%)'
+				}, 0)
+			},
+			// #endif
+			initialize() {
+				this.reset();
+				this.getDefaultOptions(this.value)
+				this.handleDate()
+				setTimeout(() => {
+					this.initData()
+				}, 50)
+			},
+			btnCancel(e) {
+				// #ifdef APP-NVUE
+				e.stopPropagation();
+				// #endif
+				this.isShow = false;
+				this.$emit('cancel', {
+					param: this.param
+				})
+			},
+			maskClick(e) {
+				if (!this.maskClosable) return;
+				this.btnCancel(e)
+			},
+			reset() {
+				this.vals = [
+					[0],
+					[0, 0],
+					[0, 0, 0],
+					[0, 0, 0, 0],
+					[0, 0, 0, 0, 0],
+					[0, 0],
+					[0, 0, 0],
+					[0, 0]
+				][Number(this.type) - 1]
+				this.isActive = 1;
+				this.startDate = {}
+				this.endDate = {}
+				// #ifdef APP-NVUE
+				this.nvueVals = [...this.vals]
+				// #endif
+			},
+			open() {
+				this.isShow = true;
+			},
+			close() {
+				this.isShow = false;
+			},
+			compareDate(start, end) {
+				let type = Number(this.type)
+				if (type == 8) {
+					start = '00:' + start;
+					end = '00:' + end;
+				}
+
+				start = start.replace(/\-/g, '/');
+				end = end.replace(/\-/g, '/');
+
+				if (start.indexOf('/') == -1) {
+					start = `2001/01/01 ${start}`
+					end = `2001/01/01 ${end}`
+				}
+
+				return new Date(start).getTime() <= new Date(end).getTime();
+			},
+			formatVal(num) {
+				return num < 10 ? `0${num}` : num + '';
+			},
+			toArray(start, end) {
+				return Array.from(new Array(end + 1).keys()).slice(start);
+			},
+			getStrCount(str) {
+				let regex = new RegExp('/', 'g');
+				let result = str.match(regex);
+				return !result ? 0 : result.length;
+			},
+			getValueToDate(val) {
+				let values = [];
+				let type = Number(this.type)
+				if (type == 1 && this.getStrCount(val) === 0) {
+					return [Number(val), -1, -1, -1, -1, -1]
+				}
+				if (type == 8)
+					val = '00:' + val;
+				let format = val.replace(/\-/g, '/');
+				if (type == 2 && this.getStrCount(val) === 1) {
+					format += '/01'
+				}
+				if (format.indexOf('/') == -1) {
+					format = `2001/01/01 ${format}`
+				}
+				try {
+					const time = new Date(format);
+					const year = time.getFullYear();
+					const month = time.getMonth() + 1;
+					const day = time.getDate();
+					const hour = time.getHours();
+					const minute = time.getMinutes();
+					const second = time.getSeconds();
+					values = [year, month, day, hour, minute, second]
+
+				} catch (e) {
+					//TODO handle the exception
+					console.log('默认日期时间格式有误！')
+				}
+				return values;
+			},
+			getRangeInitRes(vals) {
+				const type = Number(this.type);
+				let d = {
+					param: this.param
+				}
+				switch (type) {
+					case 1:
+						d.year = vals[0]
+						d.result = d.year
+						break;
+					case 2:
+						d.year = vals[0]
+						d.month = this.formatVal(vals[1])
+						d.result = `${d.year}-${d.month}`
+						break;
+					case 3:
+						d.year = vals[0]
+						d.month = this.formatVal(vals[1])
+						d.day = this.formatVal(vals[2])
+						d.result = `${d.year}-${d.month}-${d.day}`
+						break;
+					case 4:
+						d.year = vals[0]
+						d.month = this.formatVal(vals[1])
+						d.day = this.formatVal(vals[2])
+						d.hour = this.formatVal(vals[3])
+						d.result = `${d.year}-${d.month}-${d.day} ${d.hour}:00`
+						break;
+					case 5:
+						// 5-年月日 时分 6-时分 7-时分秒 8-分秒
+						d.year = vals[0]
+						d.month = this.formatVal(vals[1])
+						d.day = this.formatVal(vals[2])
+						d.hour = this.formatVal(vals[3])
+						d.minute = this.formatVal(vals[4])
+						d.result = `${d.year}-${d.month}-${d.day} ${d.hour}:${d.minute}`
+						break;
+					case 6:
+						d.hour = this.formatVal(vals[3])
+						d.minute = this.formatVal(vals[4])
+						d.result = `${d.hour}:${d.minute}`
+						break;
+					case 7:
+						d.hour = this.formatVal(vals[3])
+						d.minute = this.formatVal(vals[4])
+						d.second = this.formatVal(vals[5])
+						d.result = `${d.hour}:${d.minute}:${d.second}`
+						break;
+					case 8:
+						d.minute = this.formatVal(vals[4])
+						d.second = this.formatVal(vals[5])
+						d.result = `${d.minute}:${d.second}`
+						break;
+					default:
+						break;
+				}
+				return d
+			},
+			getDefaultOptions(val) {
+				//区间选择时默认值必须传值起始时间，否则无效
+				if (!val || val === true || val === 'true') {
+					this.values = [];
+					return;
+				}
+				if (this.range) {
+					const startValues = this.getValueToDate(val);
+					if (this.valueEnd) {
+						const endValues = this.getValueToDate(this.valueEnd);
+						this.values = endValues;
+						this.startDate = this.getRangeInitRes(startValues);
+						this.endDate = this.getRangeInitRes(endValues);
+						this.isActive = 2;
+					} else {
+						this.values = startValues;
+						this.startDate = this.getRangeInitRes(startValues);
+					}
+				} else {
+					this.values = this.getValueToDate(val);
+				}
+			},
+			toDate(date, def, isMin) {
+				if (date === true || date === 'true' || !date) {
+					date = def
+				} else {
+					const d = date.replace(/\-/g, '/')
+					const arr = d.split('/')
+					if (arr.length === 1) {
+						date = isMin ? `${d}/01/01` : `${d}/12/31`
+					} else if (arr.length === 2) {
+						if (isMin) {
+							date = `${d}/01`
+						} else {
+							let max = new Date(arr[0], arr[1], 0).getDate();
+							date = `${d}/${max}`
+						}
+					}
+				}
+				return new Date(date.replace(/\-/g, '/'))
+			},
+			handleDate() {
+				const min = this.toDate(this.minDate, '2010-01-01', true);
+				const max = this.toDate(this.maxDate, '2030-12-31', false);
+
+				this.minArr = [min.getFullYear(), min.getMonth() + 1, min.getDate(), min.getHours(), min.getMinutes(), min
+					.getSeconds()
+				];
+				this.maxArr = [max.getFullYear(), max.getMonth() + 1, max.getDate(), max.getHours(), max.getMinutes(), max
+					.getSeconds()
+				];
+			},
+			getYears() {
+				let min = this.minArr[0];
+				let max = this.maxArr[0];
+				max = max < min ? min : max
+				this.years = this.toArray(min, max);
+			},
+			getMonths(index) {
+				let year = this.years[index]
+				let min = 1;
+				let max = 12;
+				if (year == this.minArr[0]) {
+					min = this.minArr[1]
+				}
+				if (year == this.maxArr[0]) {
+					max = this.maxArr[1]
+				}
+				max = max < min ? min : max
+				this.months = this.toArray(min, max);
+			},
+			getDays(index, idx) {
+				let min = 1;
+				let year = this.years[index]
+				let month = this.months[idx]
+				let max = new Date(year, month, 0).getDate();
+				if (year == this.minArr[0] && month == this.minArr[1]) {
+					min = this.minArr[2]
+				}
+				if (year == this.maxArr[0] && month == this.maxArr[1]) {
+					max = this.maxArr[2]
+				}
+				max = !max || max < min ? min : max
+				this.days = this.toArray(min, max);
+			},
+			getHours() {
+				let range = this.hourRange || [0, 23];
+				let min = Number(range[0] || 0);
+				let max = Number(range[1] || 23);
+				min = Math.floor(min < 0 || min > 23 ? 0 : min);
+				max = Math.floor(max < 0 || max > 23 ? 23 : max);
+				max = max < min ? min : max
+				this.hours = this.toArray(min, max);
+			},
+			getMinutes() {
+				let range = this.minuteRange || [0, 59];
+				let min = Number(range[0] || 0);
+				let max = Number(range[1] || 59);
+				min = Math.floor(min < 0 || min > 59 ? 0 : min);
+				max = Math.floor(max < 0 || max > 59 ? 59 : max);
+				max = max < min ? min : max
+				this.minutes = this.toArray(min, max);
+			},
+			getSeconds() {
+				let range = this.secondRange || [0, 59];
+				let min = Number(range[0] || 0);
+				let max = Number(range[1] || 59);
+				min = Math.floor(min < 0 || min > 59 ? 0 : min);
+				max = Math.floor(max < 0 || max > 59 ? 59 : max);
+				max = max < min ? min : max
+				this.seconds = this.toArray(min, max);
+			},
+			getIndex(arr, val) {
+				if (!arr || arr.length === 0 || !val) return 0;
+				let index = arr.indexOf(val);
+				return index === -1 ? 0 : index;
+			},
+			initData() {
+				let type = Number(this.type);
+				let index = 0;
+				let idx = 0;
+				if (type < 6) {
+					this.getYears()
+					index = this.getIndex(this.years, this.values[0]);
+					if (type > 1) {
+						this.getMonths(index)
+						idx = this.getIndex(this.months, this.values[1]);
+						type > 2 && this.getDays(index, idx);
+					}
+				}
+				type > 3 && type < 8 && this.getHours()
+				type > 4 && this.getMinutes()
+				type > 6 && this.getSeconds()
+				this.$nextTick(() => {
+					setTimeout(() => {
+						let di = this.getIndex(this.days, this.values[2]);
+						let hi = this.getIndex(this.hours, this.values[3]);
+						let mi = this.getIndex(this.minutes, this.values[4])
+						let si = this.getIndex(this.seconds, this.values[5])
+						this.vals = [
+							[index],
+							[index, idx],
+							[index, idx, di],
+							[index, idx, di, hi],
+							[index, idx, di, hi, mi],
+							[hi, mi],
+							[hi, mi, si],
+							[mi, si]
+						][type - 1]
+						// #ifdef APP-NVUE
+						this.nvueVals = [...this.vals]
+						// #endif
+					}, 220)
+				})
+			},
+			getResult() {
+				const vals = this.vals;
+				const type = Number(this.type);
+				let d = {
+					param: this.param
+				}
+				let index = 0;
+				let idx = 0;
+				let mc = 0;
+				let dc = 0;
+				switch (type) {
+					case 1:
+						d.year = this.years[vals[0]]
+						d.result = d.year
+						break;
+					case 2:
+						d.year = this.years[vals[0]]
+						index = this.months.length - 1;
+						mc = vals[1];
+						d.month = this.formatVal(this.months[mc > index ? index : mc])
+						d.result = `${d.year}-${d.month}`
+						break;
+					case 3:
+						d.year = this.years[vals[0]]
+						index = this.months.length - 1;
+						idx = this.days.length - 1;
+						mc = vals[1];
+						dc = vals[2];
+						d.month = this.formatVal(this.months[mc > index ? index : mc])
+						d.day = this.formatVal(this.days[dc > idx ? idx : dc])
+						d.result = `${d.year}-${d.month}-${d.day}`
+						break;
+					case 4:
+						d.year = this.years[vals[0]]
+						index = this.months.length - 1;
+						idx = this.days.length - 1;
+						mc = vals[1];
+						dc = vals[2];
+						d.month = this.formatVal(this.months[mc > index ? index : mc])
+						d.day = this.formatVal(this.days[dc > idx ? idx : dc])
+						d.hour = this.formatVal(this.hours[vals[3]])
+						d.result = `${d.year}-${d.month}-${d.day} ${d.hour}:00`
+						break;
+					case 5:
+						// 5-年月日 时分 6-时分 7-时分秒 8-分秒
+						d.year = this.years[vals[0]]
+						index = this.months.length - 1;
+						idx = this.days.length - 1;
+						mc = vals[1];
+						dc = vals[2];
+						d.month = this.formatVal(this.months[mc > index ? index : mc])
+						d.day = this.formatVal(this.days[dc > idx ? idx : dc])
+						d.hour = this.formatVal(this.hours[vals[3]])
+						d.minute = this.formatVal(this.minutes[vals[4]])
+						d.result = `${d.year}-${d.month}-${d.day} ${d.hour}:${d.minute}`
+						break;
+					case 6:
+						d.hour = this.formatVal(this.hours[vals[0]])
+						d.minute = this.formatVal(this.minutes[vals[1]])
+						d.result = `${d.hour}:${d.minute}`
+						break;
+					case 7:
+						d.hour = this.formatVal(this.hours[vals[0]])
+						d.minute = this.formatVal(this.minutes[vals[1]])
+						d.second = this.formatVal(this.seconds[vals[2]])
+						d.result = `${d.hour}:${d.minute}:${d.second}`
+						break;
+					case 8:
+						d.minute = this.formatVal(this.minutes[vals[0]])
+						d.second = this.formatVal(this.seconds[vals[1]])
+						// d.result = `00:${d.minute}:${d.second}`
+						d.result = `${d.minute}:${d.second}`
+						break;
+					default:
+						break;
+				}
+				return d
+			},
+			emitChange() {
+				let data = {};
+				if (this.range) {
+					data = {
+						startDate: this.startDate,
+						endDate: this.endDate
+					}
+				} else {
+					data = this.getResult()
+				}
+				// #ifdef APP-NVUE
+				this.nvueVals = [...this.vals];
+				// #endif
+				setTimeout(() => {
+					this.$emit('change', data)
+				}, 0)
+			},
+			waitForTrigger(index = 0) {
+				if (this.isEnd) {
+					this.emitChange()
+				} else {
+					index++
+					// #ifdef H5
+					if (index >= 10) {
+						this.isEnd = true
+					}
+					// #endif
+					// #ifndef H5
+					if (index >= 20) {
+						this.isEnd = true
+					}
+					// #endif
+					setTimeout(() => {
+						this.waitForTrigger(index)
+					}, 50)
+				}
+			},
+			btnConfirm(e) {
+				// #ifdef APP-NVUE
+				e.stopPropagation();
+				// #endif
+				if (this.range) {
+					//判断选择结果
+					let start = this.startDate.result;
+					let end = this.endDate.result;
+					if (!start && !end) {
+						this.startDate = this.getResult()
+						this.isActive = 2
+						uni.showToast({
+							title: `请选择${this.end}`,
+							icon: 'none'
+						})
+						return
+					} else if (start && !end) {
+						this.endDate = this.getResult()
+						end = this.endDate.result;
+					}
+					if (!this.compareDate(start, end)) {
+						uni.showToast({
+							title: `${this.end}不能小于${this.start}`,
+							icon: 'none'
+						})
+						return;
+					}
+				}
+				setTimeout(() => {
+					if (this.isClose) {
+						this.isShow = false;
+					}
+					this.waitForTrigger()
+				}, 80)
+			},
+			pickerChange(e) {
+				//1-年 2-年月 3-年月日 4-年月日 时 5-年月日 时分 6-时分 7-时分秒 8-分秒
+				let value = e.detail.value;
+				let type = Number(this.type)
+				const layer = [1, 2, 3, 4, 5, 2, 3, 2][type - 1]
+				if (!this.isInitShow || value.length != layer) return;
+				if (type > 1 && type < 6) {
+					if (value[0] != this.vals[0]) {
+						this.getMonths(value[0])
+						if (type > 2) {
+							this.getDays(value[0], value[1])
+						}
+					} else if (value[1] != this.vals[1] && type > 2) {
+						this.getDays(value[0], value[1])
+					}
+				}
+				this.vals = value;
+				if (this.range) {
+					setTimeout(() => {
+						if (this.isActive == 1) {
+							this.startDate = this.getResult()
+						} else {
+							this.endDate = this.getResult()
+						}
+					}, 50)
+				}
+				this.isEnd = true;
+			},
+			pickerstart() {
+				this.isEnd = false
+			},
+			rangeChange(e, type) {
+				// #ifdef APP-NVUE
+				e.stopPropagation();
+				// #endif
+				this.isActive = type;
+			},
+			// #ifdef APP-NVUE
+			openPicker() {
+				setTimeout(() => {
+					this.vals = [...this.nvueVals];
+					this._animation(true);
+				}, 20);
+			},
+			closePicker() {
+				this._animation(false);
+			},
+			_transtion(ref, styles, duration, callback) {
+				animation.transition(
+					this.$refs[ref].ref, {
+						styles: styles,
+						duration: duration,
+						needLayout: false,
+						delay: 0
+					}, () => {
+						callback && callback()
+					});
+			},
+			_animation(type) {
+				if (!this.$refs['fui_dpkm_ani'] || !this.$refs['fui_dpk_ani']) return;
+				if (type) {
+					this._transtion('fui_dpkm_ani', {
+						transform: 'translateX(0)'
+					}, 0, () => {
+						this._transtion('fui_dpkm_ani', {
+							opacity: 1
+						}, 250)
+					})
+				} else {
+					this._transtion('fui_dpkm_ani', {
+						opacity: 0
+					}, 250, () => {
+						this._transtion('fui_dpkm_ani', {
+							transform: 'translateX(-100%)'
+						}, 0)
+					})
+				}
+				this._transtion('fui_dpk_ani', {
+					transform: `translateY(${type ? '0' : '100%'})`
+				}, 250)
+			},
+			// #endif
+			stop(e) {
+				// #ifdef APP-NVUE
+				e.stopPropagation();
+				// #endif
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-date__picker-mask {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		/* #ifndef APP-NVUE */
+		transition: all 0.25s ease-in-out;
+		visibility: hidden;
+		opacity: 0;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		transition-property: opacity;
+		transition-timing-function: ease-in-out;
+		transition-duration: .25s;
+		opacity: 0.001;
+		/* #endif */
+	}
+
+	.fui-dpk__mask-show {
+		/* #ifndef APP-NVUE */
+		visibility: visible;
+		/* #endif */
+		opacity: 1;
+	}
+
+	.fui-date__picker-content {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		visibility: hidden;
+		/* #endif */
+		position: fixed;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		/* #ifndef APP-NVUE */
+		transform: translate3d(0, 100%, 0);
+		transition: all 0.25s ease-in-out;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		transition-property: transform;
+		transition-duration: .25s;
+		transform: translateY(100%);
+		/* #endif */
+		transform-origin: center center;
+		flex-direction: column;
+	}
+
+
+	.fui-dpk__content-show {
+		/* #ifndef APP-NVUE */
+		transform: translate3d(0, 0, 0);
+		visibility: visible;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		transform: translateY(0);
+		/* #endif */
+	}
+
+	.fui-dpk__content-light {
+		background-color: #fff;
+	}
+
+	.fui-dpk__content-dark {
+		background-color: #222;
+		opacity: 1;
+	}
+
+	.fui-date__picker-radius {
+		border-top-left-radius: 24rpx;
+		border-top-right-radius: 24rpx;
+		overflow: hidden;
+	}
+
+	.fui-date__picker-header {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+		height: 88rpx;
+		padding: 0 20rpx;
+		background: #fff;
+		position: relative;
+
+		/* #ifdef APP-NVUE */
+		border-bottom-width: 0.5px;
+		border-bottom-color: #eee;
+		border-bottom-style: solid;
+		/* #endif */
+	}
+
+	.fui-dpk__header-dark {
+		background: #222;
+		border-bottom-color: #333;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-date__picker-header::after {
+		content: '';
+		position: absolute;
+		border-bottom: 1px solid #eee;
+		transform: scaleY(0.5) translateZ(0);
+		bottom: 0;
+		right: 0;
+		left: 0;
+	}
+
+	.fui-dpk__header-dark::after {
+		border-bottom-color: #333;
+	}
+
+	/* #endif */
+
+	.fui-dpk__range-wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		padding: 16rpx 32rpx;
+	}
+
+	.fui-dpk__range-inner {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		width: 560rpx;
+		border-radius: 16rpx;
+		overflow: hidden;
+		padding: 2px;
+	}
+
+	.fui-dpk__range-light {
+		background: #fff;
+	}
+
+	.fui-dpk__range-dark {
+		background: #333;
+	}
+
+	.fui-dpk__range-text {
+		/* #ifndef APP-NVUE */
+		display: block;
+		display: flex;
+		white-space: nowrap;
+		/* #endif */
+		font-size: 24rpx;
+		color: #7F7F7F;
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+		flex: 1;
+		border-radius: 16rpx;
+		height: 56rpx;
+		/* #ifdef APP-NVUE */
+		line-height: 56rpx;
+		/* #endif */
+		font-weight: normal;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-dpk__range-active {
+		color: #fff;
+		/* #ifndef APP-NVUE */
+		background: var(--fui-color-primary, #465CFF);
+		/* #endif */
+	}
+
+
+	.fui-dpk_btn-cancel,
+	.fui-dpk__btn-sure {
+		font-weight: normal;
+		height: 88rpx;
+		padding: 0 24rpx;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		flex-shrink: 0;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+		/* #ifdef APP-NVUE */
+		line-height: 88rpx;
+		/* #endif */
+
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-dpk_btn-cancel:active {
+		opacity: .5;
+	}
+
+	.fui-dpk__btn-sure:active {
+		opacity: .5;
+	}
+
+	.fui-date__picker-title {
+		font-weight: normal;
+		font-size: 28rpx;
+		flex: 1;
+		padding: 0 24rpx;
+		/* #ifdef APP-NVUE */
+		lines: 1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		display: block;
+		white-space: nowrap;
+		box-sizing: border-box;
+		/* #endif */
+		overflow: hidden;
+		text-overflow: ellipsis;
+		text-align: center;
+	}
+
+
+	.fui-dpk__title-color {
+		color: #333333;
+	}
+
+	.fui-dpk__title-color_dark {
+		color: #A3A3A3;
+	}
+
+	.fui-dpk__cancel-color {
+		color: #181818;
+	}
+
+	.fui-dpk__cancel-color_dark {
+		color: #D1D1D1;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-dpk__sure-color {
+		color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+	.fui-date__picker-view {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+		height: 520rpx;
+	}
+
+	.fui-date__picker-text {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: block;
+		white-space: nowrap;
+		box-sizing: border-box;
+		/* #endif */
+		/* #ifndef MP-ALIPAY */
+		line-height: 44px;
+		/* #endif */
+		text-align: center;
+		font-size: 16px;
+		font-weight: normal;
+		color: #181818;
+		flex: 1;
+		/* #ifdef APP-NVUE */
+		lines: 1;
+		/* #endif */
+		overflow: hidden;
+		text-overflow: ellipsis;
+		padding: 0 4rpx;
+	}
+
+
+	.fui-dpk__color-dark {
+		color: #D1D1D1;
+	}
+
+
+	/* #ifndef APP-NVUE*/
+	::v-deep .fui-date__picker-indicator {
+		position: relative;
+		border-color: transparent;
+	}
+
+	::v-deep .fui-date__picker-indicator::before {
+		border-color: #333;
+	}
+
+	::v-deep .fui-date__picker-indicator::after {
+		border-color: #333;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-dialog/fui-dialog.vue b/components/firstui/fui-dialog/fui-dialog.vue
new file mode 100644
index 0000000..d6264cc
--- /dev/null
+++ b/components/firstui/fui-dialog/fui-dialog.vue
@@ -0,0 +1,306 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 861407     2 5 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view @tap="maskClose" :style="{background:maskBackground}" class="fui-dialog__wrap"
+		:class="{'fui-wrap__show':show}" @touchmove.stop.prevent="stop" v-if="visible || !isNvue" ref="fui_dialog_ani">
+		<view class="fui-dialog__inner" :style="{background:background,borderRadius:radius+'rpx'}" @tap.stop="stop">
+			<text class="fui-dialog__title" :style="{color:color}" v-if="title">{{title}}</text>
+			<view class="fui-dialog__body" :class="{'fui-dialog__mtop':!title}">
+				<text class="fui-dialog__descr" :style="{color:contentColor}" v-if="content">{{content}}</text>
+				<slot></slot>
+			</view>
+			<view class="fui-dialog__footer">
+				<text v-for="(item,index) in buttons" :key="index" :style="{color:item.color || '#333333'}"
+					class="fui-dialog__btn" :class="{'fui-dialog__btn-first':index===0}"
+					@tap="handleClick(index)">{{item.text}}</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	const primaryColor = (uni && uni.$fui && uni.$fui.color && uni.$fui.color.primary) || '#465CFF';
+	export default {
+		name: 'fui-dialog',
+		emits: ['click', 'close'],
+		props: {
+			show: {
+				type: Boolean,
+				default: false
+			},
+			title: {
+				type: String,
+				default: '温馨提示'
+			},
+			color: {
+				type: String,
+				default: '#333'
+			},
+			content: {
+				type: String,
+				default: ''
+			},
+			contentColor: {
+				type: String,
+				default: '#7F7F7F'
+			},
+			buttons: {
+				type: Array,
+				default () {
+					return [{
+						text: '取消'
+					}, {
+						text: '确定',
+						color: primaryColor
+					}]
+				}
+			},
+			background: {
+				type: String,
+				default: '#fff'
+			},
+			radius: {
+				type: [Number, String],
+				default: 24
+			},
+			maskBackground: {
+				type: String,
+				default: 'rgba(0,0,0,.6)'
+			},
+			maskClosable: {
+				type: Boolean,
+				default: true
+			}
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				visible: false,
+				isNvue: isNvue
+			}
+		},
+		// #ifdef APP-NVUE
+		watch: {
+			show: {
+				handler(newVal) {
+					if (newVal) {
+						this.open();
+					} else {
+						this.close();
+					}
+				},
+				immediate: true
+			}
+		},
+		// #endif
+		methods: {
+			handleClick(index) {
+				this.$emit('click', {
+					index,
+					...this.buttons[index]
+				});
+			},
+			maskClose() {
+				if (!this.maskClosable) return;
+				this.$emit('close', {});
+			},
+			// #ifdef APP-NVUE
+			open() {
+				this.visible = true;
+				this.$nextTick(() => {
+					setTimeout(() => {
+						this._animation(true);
+					}, 50);
+				});
+			},
+			close(type) {
+				this._animation(false);
+			},
+			_animation(type) {
+				let styles = {
+					opacity: type ? 1 : 0
+				};
+				if (!this.$refs['fui_dialog_ani']) return;
+				animation.transition(
+					this.$refs['fui_dialog_ani'].ref, {
+						styles,
+						duration: 200, //ms
+						timingFunction: 'ease-in',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {
+						if (!type) {
+							this.visible = false;
+						}
+					}
+				);
+			},
+			// #endif
+			stop() {}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-dialog__wrap {
+		position: fixed;
+		z-index: 996;
+		top: 0;
+		right: 0;
+		left: 0;
+		bottom: 0;
+		/* #ifndef APP-NVUE */
+		transition-property: all;
+		transition-timing-function: ease-in;
+		transition-duration: 0.2s;
+		display: flex;
+		transform: scale3d(1, 1, 0);
+		visibility: hidden;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		opacity: 0;
+	}
+
+	.fui-dialog__inner {
+		width: 680rpx;
+		text-align: center;
+		overflow: hidden;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		max-height: 90%;
+		/* #endif */
+		flex-direction: column;
+	}
+
+	.fui-dialog__title {
+		padding: 64rpx 48rpx 0;
+		font-weight: 700;
+		font-size: 34rpx;
+		text-align: center;
+	}
+
+	.fui-dialog__body {
+		padding: 32rpx 48rpx;
+		margin-bottom: 32rpx;
+		/* #ifndef APP-NVUE */
+		word-break: break-all;
+		-webkit-hyphens: auto;
+		hyphens: auto;
+		/* #endif */
+
+	}
+
+	.fui-dialog__descr {
+		font-size: 30rpx;
+		font-weight: normal;
+		text-align: center;
+	}
+
+	.fui-dialog__mtop {
+		margin-top: 32rpx;
+	}
+
+	.fui-dialog__footer {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		position: relative;
+		line-height: 112rpx;
+		height: 112rpx;
+
+		/* #ifdef APP-NVUE */
+		border-top-width: 0.5px;
+		border-top-style: solid;
+		border-top-color: #EEEEEE;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-dialog__footer:after {
+		content: " ";
+		position: absolute;
+		left: 0;
+		top: 0;
+		right: 0;
+		height: 1px;
+		border-top: 1px solid var(--fui-color-border, #EEEEEE);
+		transform-origin: 0 0;
+		transform: scaleY(.5)
+	}
+
+	/* #endif */
+
+	.fui-dialog__btn {
+		/* #ifndef APP-NVUE */
+		display: block;
+		text-decoration: none;
+		/* #endif */
+		flex: 1;
+		height: 112rpx;
+		line-height: 112rpx;
+		font-weight: 700;
+		position: relative;
+		font-size: 34rpx;
+
+		/* #ifdef APP-NVUE */
+		border-left-width: 0.5px;
+		border-left-style: solid;
+		border-left-color: #EEEEEE;
+		/* #endif */
+		text-align: center;
+	}
+
+	.fui-dialog__btn:active {
+		/* #ifndef APP-NVUE */
+		background-color: var(--fui-bg-color-hover, rgba(0, 0, 0, 0.2));
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		background-color: rgba(0, 0, 0, 0.2);
+		/* #endif */
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-dialog__btn-first {
+		border-left-width: 0;
+	}
+
+	/* #endif */
+
+
+	/* #ifndef APP-NVUE */
+	.fui-dialog__btn::after {
+		content: " ";
+		position: absolute;
+		left: 0;
+		top: 0;
+		width: 1px;
+		bottom: 0;
+		border-left: 1px solid var(--fui-color-border, #EEEEEE);
+		transform-origin: 0 0;
+		transform: scaleX(.5)
+	}
+
+	.fui-dialog__btn-first::after {
+		width: 0;
+		border-left: 0 !important;
+	}
+
+	/* #endif */
+	/* #ifndef APP-NVUE */
+	.fui-wrap__show {
+		opacity: 1;
+		transform: scale3d(1, 1, 1);
+		visibility: visible;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-digital-keyboard/fui-digital-keyboard.vue b/components/firstui/fui-digital-keyboard/fui-digital-keyboard.vue
new file mode 100644
index 0000000..6564663
--- /dev/null
+++ b/components/firstui/fui-digital-keyboard/fui-digital-keyboard.vue
@@ -0,0 +1,497 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186140 7     2 5 4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-digital__keyboard-wrap"
+		:class="{'fui-digital__keyboard__ani':show,'fui-dk__theme-light':theme==='light','fui-dk__theme-dark':theme==='dark','fui-dk__safe-weex':iphoneX && safeArea}"
+		:style="{zIndex:zIndex}" ref="fui_dk_ani">
+		<slot></slot>
+		<view class="fui-digital__keyboard-grids">
+			<view class="fui-digital__keyboard-left">
+				<view class="fui-dk__left-wrap" v-for="(item,index) in items" :key="item.id">
+					<view class="fui-dk__grid-left" v-for="(val,idx) in item.keys" :key="idx">
+						<text :key="theme" :style="{fontSize:`${index===3 && idx===0? spareSize:40}rpx`}"
+							class="fui-digital__keyboard-key"
+							:class="{'fui-dk__key-dark':theme==='dark','fui-dk__key-light':theme!=='dark','fui-dk__highlight-dark':theme==='dark','fui-dk__highlight':theme==='light' && val}"
+							@tap.stop="keyClick(index,idx,val)">{{val}}</text>
+					</view>
+				</view>
+			</view>
+			<view class="fui-digital__keyboard-right">
+				<view class="fui-dk__grid-right">
+					<view :key="theme" class="fui-digital__keyboard-key"
+						:class="{'fui-dk__key-dark':theme==='dark','fui-dk__key-light':theme!=='dark','fui-dk__highlight-dark':theme==='dark','fui-dk__highlight':theme!=='dark'}"
+						@tap.stop="backspace">
+						<fui-icon :name="name" :size="56" :color="theme==='dark'?'#d1d1d1':'#333'"></fui-icon>
+					</view>
+				</view>
+				<view class="fui-dk__button-wrap">
+					<view class="fui-dk__button"
+						:class="{'fui-dk__button-color':!getBgColor,'fui-dk__btn-disabled':disabled}"
+						:style="{background:getBgColor}">
+						<text class="fui-dk__button-text"
+							:style="{color:color,fontSize:size+'rpx',fontWeight:fontWeight}">{{text}}</text>
+						<view class="fui-dk__button-ck" :class="{'fui-dk__highlight':!disabled}" @tap.stop="confirm">
+						</view>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	//非easycom模式取消注释引入字体组件，按实际路径进行调整
+	// import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
+	export default {
+		name: 'fui-digital-keyboard',
+		emits: ['click', 'backspace', 'confirm', 'spare'],
+		// components:{
+		// 	fuiIcon
+		// },
+		props: {
+			show: {
+				type: Boolean,
+				default: false
+			},
+			text: {
+				type: String,
+				default: '确定'
+			},
+			background: {
+				type: String,
+				default: ''
+			},
+			color: {
+				type: String,
+				default: '#fff'
+			},
+			size: {
+				type: [Number, String],
+				default: 32
+			},
+			fontWeight: {
+				type: [Number, String],
+				default: 600
+			},
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+			name: {
+				type: String,
+				default: 'backspace-fill'
+			},
+			decimal: {
+				type: Boolean,
+				default: false
+			},
+			spareKey: {
+				type: String,
+				default: ''
+			},
+			spareSize: {
+				type: [Number, String],
+				default: 32
+			},
+			theme: {
+				type: String,
+				default: 'light'
+			},
+			zIndex: {
+				type: [Number, String],
+				default: 1001
+			},
+			//是否适配底部安全区
+			safeArea: {
+				type: Boolean,
+				default: true
+			}
+		},
+		watch: {
+			// #ifdef APP-NVUE
+			show: {
+				handler(newVal) {
+					if (newVal) {
+						this.open();
+					} else {
+						this.close();
+					}
+				},
+				immediate: true
+			},
+			// #endif
+			decimal(val) {
+				this.initData()
+			},
+			spareKey(val) {
+				this.initData()
+			}
+		},
+		computed: {
+			getBgColor() {
+				let color = this.background;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color;
+			}
+		},
+		data() {
+			return {
+				iphoneX: false,
+				items: [{
+					id: 'dk_1',
+					keys: ['1', '2', '3']
+				}, {
+					id: 'dk_2',
+					keys: ['4', '5', '6']
+				}, {
+					id: 'dk_3',
+					keys: ['7', '8', '9']
+				}, {
+					id: 'dk_4',
+					keys: ['', '0', '']
+				}]
+			};
+		},
+		created() {
+			// #ifdef APP-NVUE || MP-TOUTIAO
+			this.iphoneX = this.isPhoneX();
+			// #endif
+			this.initData()
+		},
+		methods: {
+			initData() {
+				let keyArr = [...this.items];
+				let sk = this.spareKey.toString()
+				keyArr[3].keys[0] = sk && sk !== 'true' && sk !== 'undefined' ? sk : ''
+				keyArr[3].keys[2] = this.decimal ? '.' : ''
+				this.items = keyArr
+			},
+			// #ifdef APP-NVUE
+			open() {
+				setTimeout(() => {
+					this._animation(true);
+				}, 50);
+			},
+			close() {
+				this._animation(false);
+			},
+			_animation(type) {
+				let styles = {
+					transform: `translateY(${type ? '0' : '100%'})`,
+					opacity: type ? 1 : 0
+				}
+				if (!this.$refs['fui_dk_ani']) return;
+				animation.transition(
+					this.$refs['fui_dk_ani'].ref, {
+						styles,
+						duration: 250,
+						timingFunction: 'ease-in-out',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {}
+				);
+			},
+			// #endif
+			// #ifdef APP-NVUE || MP-TOUTIAO
+			isPhoneX() {
+				if (!this.safeArea) return false;
+				//34px
+				const res = uni.getSystemInfoSync();
+				let iphonex = false;
+				let models = ['iphonex', 'iphonexr', 'iphonexsmax', 'iphone11', 'iphone11pro', 'iphone11promax',
+					'iphone12', 'iphone12mini', 'iphone12pro', 'iphone12promax', 'iphone13', 'iphone13mini',
+					'iphone13pro', 'iphone13promax', 'iphone14', 'iphone14mini',
+					'iphone14pro', 'iphone14promax'
+				]
+				const model = res.model.replace(/\s/g, "").toLowerCase()
+				const newModel = model.split('<')[0]
+				if (models.includes(model) || models.includes(newModel) || (res.safeAreaInsets && res.safeAreaInsets
+						.bottom > 0)) {
+					iphonex = true;
+				}
+				return iphonex;
+			},
+			// #endif
+			keyClick(index, idx, val) {
+				if (!this.show || !val) return;
+				if (index === 3 && idx === 0) {
+					this.$emit('spare', {
+						value: val
+					})
+				} else {
+					this.$emit('click', {
+						value: val
+					})
+				}
+			},
+			backspace() {
+				if (!this.show) return;
+				this.$emit('backspace', {})
+			},
+			confirm() {
+				if (this.disabled || !this.show) return;
+				this.$emit('confirm', {})
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	.fui-digital__keyboard-wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		visibility: hidden;
+		transform: translate3d(0, 100%, 0);
+		transition-property: transform, visibility;
+		transition-duration: .25s;
+		transition-timing-function: ease-in-out;
+		/* #endif */
+
+		/* #ifndef APP-NVUE || MP-TOUTIAO */
+		padding-bottom: constant(safe-area-inset-bottom);
+		padding-bottom: env(safe-area-inset-bottom);
+		/* #endif */
+		position: fixed;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		transform-origin: center center;
+		/* #ifdef APP-NVUE */
+		transform: translate(0, 100%);
+		opacity: 0.01;
+		border-top-style: solid;
+		border-top-width: 0.5px;
+		/* #endif */
+	}
+
+	/* #ifdef APP-NVUE || MP-TOUTIAO */
+	.fui-dk__safe-weex {
+		padding-bottom: 34px;
+	}
+
+	/* #endif */
+
+
+	.fui-dk__theme-light {
+		background: #F8F8F8;
+		/* #ifdef APP-NVUE */
+		border-top-color: rgba(51, 51, 51, .1);
+		/* #endif */
+	}
+
+	.fui-dk__theme-dark {
+		background: #1B1B1B;
+		/* #ifdef APP-NVUE */
+		border-top-color: #333;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-digital__keyboard-wrap::before {
+		content: " ";
+		position: absolute;
+		top: 0;
+		right: 0;
+		left: 0;
+		-webkit-transform: scaleY(0.5) translateZ(0);
+		transform: scaleY(0.5) translateZ(0);
+		transform-origin: 0 0;
+		z-index: 2;
+		pointer-events: none;
+	}
+
+	.fui-dk__theme-light::before {
+		border-top: 1px solid rgba(51, 51, 51, .1);
+	}
+
+	.fui-dk__theme-dark::before {
+		border-top: 1px solid #333;
+	}
+
+	/* #endif */
+
+	.fui-digital__keyboard__ani {
+		/* #ifndef APP-NVUE */
+		transform: translate3d(0, 0, 0);
+		visibility: visible;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		opacity: 1;
+		/* #endif */
+	}
+
+
+	.fui-digital__keyboard-grids {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+		flex-direction: row;
+		padding-top: 16rpx;
+	}
+
+	.fui-digital__keyboard-left {
+		flex: 3;
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		box-sizing: border-box;
+		/* #endif */
+		padding-right: 8rpx;
+	}
+
+	.fui-digital__keyboard-right {
+		flex: 1;
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: column;
+		padding-left: 8rpx;
+	}
+
+	.fui-dk__left-wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	.fui-dk__grid-left {
+		flex: 1;
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		box-sizing: border-box;
+		overflow: hidden;
+		/* #endif */
+		padding-left: 16rpx;
+		padding-bottom: 16rpx;
+	}
+
+	.fui-dk__grid-right {
+		padding-right: 16rpx;
+		padding-bottom: 16rpx;
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		box-sizing: border-box;
+		/* #endif */
+	}
+
+	.fui-dk__button-wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		flex-shrink: 0;
+		box-sizing: border-box;
+		display: flex;
+		/* #endif */
+		padding-right: 16rpx;
+		padding-bottom: 16rpx;
+		flex: 1;
+		flex-direction: column;
+		justify-content: center;
+	}
+
+	.fui-dk__button {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+		flex: 1;
+		align-items: center;
+		justify-content: center;
+		border-radius: 8rpx;
+		position: relative;
+	}
+
+	.fui-dk__button-ck {
+		position: absolute;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		border-radius: 8rpx;
+		background: transparent;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-dk__button-text {
+		text-align: center;
+	}
+
+	.fui-dk__btn-disabled {
+		opacity: 0.5;
+		/* #ifdef H5 */
+		cursor: not-allowed;
+		/* #endif */
+	}
+
+	.fui-digital__keyboard-key {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		flex-shrink: 0;
+		overflow: hidden;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+		font-size: 40rpx;
+		font-weight: 600;
+		height: 88rpx;
+		/* #ifdef APP-NVUE */
+		line-height: 88rpx;
+		/* #endif */
+		border-radius: 8rpx;
+		align-items: center;
+		justify-content: center;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+		text-align: center;
+	}
+
+	.fui-dk__key-light {
+		background-color: #fff;
+		color: #181818;
+	}
+
+	.fui-dk__key-dark {
+		background-color: #222;
+		color: #D1D1D1;
+	}
+
+	.fui-dk__highlight:active {
+		background-color: rgba(0, 0, 0, .2);
+	}
+
+	.fui-dk__highlight-dark:active {
+		background-color: #333 !important;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-dk__button-color {
+		background: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-digital-roller/fui-digital-roller.vue b/components/firstui/fui-digital-roller/fui-digital-roller.vue
new file mode 100644
index 0000000..cf0abdb
--- /dev/null
+++ b/components/firstui/fui-digital-roller/fui-digital-roller.vue
@@ -0,0 +1,188 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18 614 0   7   254 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-digital__roller-wrap">
+		<view class="fui-digital__roller" v-for="(items,index) in columns" :key="index" :style="getStyles">
+			<!-- #ifndef APP-NVUE -->
+			<view class="fui-digital__roller-column"
+				:style="{transform:`translate3d(0, -${(keys[index] || 0)* rollHeight}px, 0)`,transitionDuration:`${duration}s`}">
+				<text class="fui-digital__roller-item" :class="{'fui-digital__roller-color':!color}"
+					v-for="(item,idx) in items" :key="idx"
+					:style="{color:color,fontSize:size+'rpx',lineHeight:size+'rpx',fontWeight:fontWeight,height:rollHeight+'px'}">{{item}}</text>
+			</view>
+			<!-- #endif -->
+			<!-- #ifdef APP-NVUE -->
+			<view class="fui-digital__roller-column"
+				:style="{transform:`translateY(-${(keys[index] || 0) * rollHeight}px)`}">
+				<text class="fui-digital__roller-item" v-for="(item,idx) in items" :key="idx"
+					:style="{color:getColor,fontSize:size+'rpx',lineHeight:size+'rpx',fontWeight:fontWeight,height:rollHeight+'px'}">{{item}}</text>
+			</view>
+			<!-- #endif -->
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'fui-digital-roller',
+		props: {
+			value: {
+				type: [Number, String],
+				default: ''
+			},
+			color: {
+				type: String,
+				default: ''
+			},
+			size: {
+				type: [Number, String],
+				default: 32
+			},
+			fontWeight: {
+				type: [Number, String],
+				default: 400
+			},
+			width: {
+				type: [Number, String],
+				default: 0
+			},
+			height: {
+				type: [Number, String],
+				default: 32
+			},
+			duration: {
+				type: [Number, String],
+				default: 1.2
+			}
+		},
+		computed: {
+			getStyles() {
+				let styles = `height:${this.rollHeight}px;`;
+				if (this.width && this.width != 0) {
+					styles += `width:${this.width}rpx;`
+				}
+				return styles
+			},
+			getColor() {
+				let color = this.color;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color;
+			}
+		},
+		watch: {
+			value(val) {
+				this.initColumn(this.value)
+			},
+			height(val) {
+				this.initHeight(val)
+			}
+		},
+		data() {
+			return {
+				columns: [],
+				keys: [],
+				rollHeight: 0,
+				rows: ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9']
+			};
+		},
+		created() {
+			this.initHeight(this.height)
+			this.initColumn(this.value)
+		},
+		methods: {
+			initHeight(val) {
+				let height = Math.floor(uni.upx2px(val || 0))
+				height = height % 2 === 0 ? height : height + 1
+				this.rollHeight = height
+			},
+			initColumn(val) {
+				val = val + '';
+				let vals = val.split('');
+				let digit = vals.length,
+					arr = [];
+				for (let i = 0; i < digit; i++) {
+					if (~this.rows.indexOf(vals[i])) {
+						arr.push(this.rows)
+					} else {
+						arr.push([vals[i]])
+					}
+				}
+				this.columns = arr;
+				this.startRoll(vals)
+			},
+			startRoll(vals) {
+				let lengths = this.columns.length,
+					indexs = [];
+
+				while (vals.length) {
+					let num = vals.pop();
+					if (~this.rows.indexOf(num)) {
+						indexs.unshift(Number(num))
+					} else {
+						indexs.unshift(0)
+					}
+				}
+				while (indexs.length < lengths) {
+					indexs.unshift(0)
+				}
+				this.keys = indexs
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-digital__roller-wrap {
+		/* #ifndef APP-NVUE */
+		display: inline-flex;
+		/* #endif */
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+	}
+
+	.fui-digital__roller {
+		overflow: hidden;
+	}
+
+	.fui-digital__roller-column {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		transform: translate3d(0, 0, 0);
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		transform: translateY(0);
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		flex-direction: column;
+		transition-property: transform;
+		/* #ifndef APP-NVUE */
+		transition-timing-function: cubic-bezier(0, 1, 0, 1);
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		transition-timing-function: ease;
+		transition-duration: .8s;
+		/* #endif */
+	}
+
+	.fui-digital__roller-item {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-digital__roller-color {
+		color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-divider/fui-divider.vue b/components/firstui/fui-divider/fui-divider.vue
new file mode 100644
index 0000000..b38a0b9
--- /dev/null
+++ b/components/firstui/fui-divider/fui-divider.vue
@@ -0,0 +1,112 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  1  8614 0725     49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-divider__wrap" :style="{ height: height + 'rpx' }">
+		<view class="fui-divider__line" :style="{ width: width, background: dividerColor,top:getTop}">
+		</view>
+		<view class="fui-divider__text-box" :style="{backgroundColor: backgroundColor}">
+			<slot></slot>
+			<text class="fui-divider__text"
+				:style="{fontWeight: fontWeight,color: color, fontSize: size + 'rpx',lineHeight: size + 'rpx'}"
+				v-if="text">{{text}}</text>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'fui-divider',
+		props: {
+			text: {
+				type: String,
+				default: ''
+			},
+			//divider占据高度，单位rpx
+			height: {
+				type: [Number, String],
+				default: 100
+			},
+			//divider宽度
+			width: {
+				type: String,
+				default: '400rpx'
+			},
+			//divider颜色
+			dividerColor: {
+				type: String,
+				default: '#CCCCCC'
+			},
+			//文字颜色
+			color: {
+				type: String,
+				default: '#B2B2B2'
+			},
+			//文字大小 rpx
+			size: {
+				type: [Number, String],
+				default: 24
+			},
+			fontWeight: {
+				type: [Number, String],
+				default: 400
+			},
+			//背景颜色，和当前页面背景色保持一致
+			backgroundColor: {
+				type: String,
+				default: '#F1F4FA'
+			}
+		},
+		computed: {
+			getTop() {
+				return Number(this.height) / 2 + 'rpx'
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	.fui-divider__wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		position: relative;
+		text-align: center;
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+		overflow: hidden;
+	}
+
+	.fui-divider__line {
+		position: absolute;
+		/* #ifdef APP-NVUE */
+		height: 0.5px;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		height: 1px;
+		top: 50%;
+		left: 50%;
+		-webkit-transform: scaleY(0.5) translate3d(-50%, -50%, 0);
+		transform: scaleY(0.5) translate3d(-50%, -50%, 0);
+		/* #endif */
+	}
+
+	.fui-divider__text-box {
+		position: relative;
+		text-align: center;
+		padding: 0 6rpx;
+		z-index: 1;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.fui-divider__text {
+		padding: 0 12rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-drag/bindingx.js b/components/firstui/fui-drag/bindingx.js
new file mode 100644
index 0000000..e3144e4
--- /dev/null
+++ b/components/firstui/fui-drag/bindingx.js
@@ -0,0 +1,201 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  1  8 61 40 7 25  49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifdef APP-NVUE
+const animation = uni.requireNativePlugin('animation');
+export default {
+	watch: {
+		list(vals) {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this.getRefs(vals)
+				}, 50)
+			})
+		}
+	},
+	data() {
+		return {
+			current: -1,
+			startTouch: null,
+			tDragging: false,
+			sId: null,
+			preStartKey: null,
+			isAndroid: false,
+			divisor: 1/2
+		}
+	},
+	created() {
+		const res = uni.getSystemInfoSync();
+		this.isAndroid = res.platform.toLocaleLowerCase() == "android"
+		this.divisor = this.isAndroid ? 5/4 : 1/2
+		this.allRefs = []
+	},
+	methods: {
+		getEl(el) {
+			return el.ref || el[0].ref;
+		},
+		getRefs(vals) {
+			this.allRefs = []
+			if (!vals || vals.length === 0) return;
+			vals.forEach((item, index) => {
+				let ref = this.getEl(this.$refs[`f_drag_${index}`])
+				this.allRefs.push(ref)
+				this._animation(ref, index, item.transX, item.transY)
+			})
+		},
+		_animation(ref, index, x, y) {
+			animation.transition(ref, {
+				styles: {
+					transform: `translate(${x},${y})`
+				},
+				duration: this.current === index ? 0 : 250,
+				timingFunction: 'linear',
+				needLayout: false,
+				delay: 0
+			});
+		},
+		outOfRange(x1, y1, x2, y2, x3, y3) {
+			return x1 < 0 || x1 >= y1 || x2 < 0 || x2 >= y2 || x3 < 0 || x3 >= y3
+		},
+		listSort(sKey, eKey) {
+			let endRealKey = -1;
+			this.list.forEach((item) => {
+				if (item.sortKey === eKey) endRealKey = item.realKey;
+			});
+
+			return this.list.map((item) => {
+				let cKey = item.sortKey;
+				let rKey = item.realKey;
+				if (sKey < eKey) {
+					if (cKey > sKey && cKey <= eKey) {
+						--rKey;
+						--cKey;
+					} else if (cKey === sKey) {
+						rKey = endRealKey;
+						cKey = eKey;
+					}
+				} else if (sKey > eKey) {
+					if (cKey >= eKey && cKey < sKey) {
+						++rKey;
+						++cKey;
+					} else if (cKey === sKey) {
+						rKey = endRealKey;
+						cKey = eKey;
+					}
+				}
+				if (item.sortKey !== cKey) {
+					let columns = Number(this.columns)
+					item.transX = (cKey % columns) * this.cellWidth + "px";
+					item.transY = Math.floor(cKey / columns) * this.cellHeight + "px";
+					item.sortKey = cKey;
+					item.realKey = rKey;
+				}
+				return item;
+			});
+		},
+		emitsEvent(list, type) {
+			let changeList = [],
+				itemList = [];
+
+			list.forEach((item) => {
+				changeList[item.sortKey] = item;
+			});
+
+			changeList.forEach((item) => {
+				itemList.push(item.entity);
+			});
+			if (type == "change") {
+				this.change({
+					itemList: itemList
+				});
+			} else {
+				this.sortend({
+					itemList: itemList
+				});
+			}
+		},
+		getXY(touch) {
+			if (this.isAndroid) {
+				touch.pageX = touch.screenX
+				touch.pageY = touch.screenY
+			}
+			return touch
+		},
+		longPress(e) {
+			if (!this.isDrag) return;
+			let touch = e.changedTouches && e.changedTouches[0] ? e.changedTouches[0] : this.startTouch;
+			if (!touch) return;
+			this.current = Number(e.currentTarget.dataset.index);
+			if (this.tDragging) return;
+			let ref = this.allRefs[this.current]
+			if (!ref) return;
+			touch = this.getXY(touch)
+			let transX = this.columns == 1 ? 0 : touch.pageX - (this.cellWidth / 2 + this.wrapLeft) + 'px';
+			// this.initY = touch.pageY - (this.wrapTop + this.cellHeight * (Math.ceil(this.current / this.columns)))
+			let transY = touch.pageY - (this.cellHeight * this.divisor + this.wrapTop ) + 'px';
+			this._animation(ref, this.current, transX, transY)
+			this.sId = touch.identifier;
+			this.tDragging = true;
+		},
+		touchstart(e) {
+			if (!this.isDrag) return;
+			this.startTouch = e.changedTouches[0] || e.touches[0];
+		},
+		touchmove(e) {
+			if (!this.isDrag || !this.tDragging) return;
+			let touch = e.changedTouches[0] || e.touches[0];
+			// || this.sId !== touch.identifier
+			if (!touch) return;
+			touch = this.getXY(touch)
+			let transX = this.columns == 1 ? 0 : touch.pageX - (this.cellWidth / 2 + this.wrapLeft);
+			let transY = touch.pageY - (this.cellHeight * this.divisor + this.wrapTop);
+			if (touch.pageY > this.windowHeight - this.cellHeight) {
+				this.pageScroll({
+					scrollTop: touch.pageY + this.cellHeight - this.windowHeight
+				})
+			} else if (touch.pageY < this.cellHeight) {
+				this.pageScroll({
+					scrollTop: touch.pageY - this.cellHeight
+				})
+			}
+			let ref = this.allRefs[this.current]
+			if (!ref) return;
+			this._animation(ref, this.current, transX + 'px', transY + 'px')
+			let startKey = this.list[this.current].sortKey;
+			let curX = Math.round(transX / this.cellWidth);
+			let curY = Math.round(transY / this.cellHeight);
+			let endKey = curX + Number(this.columns) * curY;
+
+			if (this.outOfRange(curX, Number(this.columns), curY, this.rows, endKey, this.list.length)) return;
+			if (startKey === endKey || startKey === this.preStartKey) return;
+			this.preStartKey = startKey;
+			let list = this.listSort(startKey, endKey);
+			this.allRefs.forEach((ins, index) => {
+				var item = list[index];
+				if (index !== this.current) {
+					this._animation(ins, index, item.transX, item.transY)
+				}
+			});
+			this.listChange({
+				itemList: list
+			})
+			this.emitsEvent(list, "change");
+		},
+		touchend(e) {
+			if (!this.isDrag || !this.tDragging) return;
+			this.emitsEvent(this.list, "sortend");
+			let cur = this.current
+			this.current = -1;
+			let ref = this.allRefs[cur]
+			if (!ref) return
+			this._animation(ref, cur, this.list[cur].transX, this.list[cur].transY)
+			this.preStartKey = -1;
+			this.tDragging = false;
+
+		}
+	}
+}
+
+// #endif
+
+// #ifndef APP-NVUE
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-drag/f-drag-item.vue b/components/firstui/fui-drag/f-drag-item.vue
new file mode 100644
index 0000000..1bc7a34
--- /dev/null
+++ b/components/firstui/fui-drag/f-drag-item.vue
@@ -0,0 +1,209 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 861    4  0 72  549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-drag__item-outer" :style="{width:width+'px',height:height+'px'}">
+		<view class="fui-drag__item-wrap" :class="{'fui-drag__item-padding':type==2}"
+			:style="{width:width-(padding*2)+'px',height:height-(padding*2)+'px',background:background,'justify-content':type==1?'center':'space-between'}">
+			<view class="fui-drag__item-inner" :class="{'fui-drag__item-column':type==1}">
+				<view class="fui-drag__item-icon" @tap.stop="handleDel" :class="{'fui-drag__item-mr':type==2}"
+					v-if="type==2 && isDel">
+					<fui-icon name="minussign-fill" :color="delColor" :size="48"></fui-icon>
+				</view>
+				<image :draggable="false" :style="{width:width-(padding*2)+'px',height:height-(padding*2)+'px'}"
+					:src="src" class="fui-drag__item-img" :class="{'fui-drag__item-mr':type==2}"
+					v-if="src && src!==true && src!=='true' && type==1">
+				</image>
+				<view class="fui-drag__item-icon" @tap.stop="handleDel" :class="{'fui-drag__item-ab':type==1}"
+					v-if="type==1 && isDel">
+					<fui-icon name="clear-fill" :color="delColor" :size="48"></fui-icon>
+				</view>
+				<text class="fui-drag__item-text" :style="{color:color,fontSize:size+'rpx'}"
+					v-if="text!='' && text!==true && type==2">{{text}}</text>
+			</view>
+			<fui-icon v-if="type==2" name="menu" :size="48" :color="slideColor"></fui-icon>
+		</view>
+	</view>
+</template>
+
+<script>
+	//非easycom模式取消注释引入字体组件，按实际路径进行调整
+	// import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
+	export default {
+		name: "f-drag-item",
+		emits: ['delete'],
+		// components:{
+		// 	fuiIcon
+		// },
+		props: {
+			width: {
+				type: [Number, String],
+				default: 40
+			},
+			height: {
+				type: [Number, String],
+				default: 40
+			},
+			src: {
+				type: String,
+				default: ''
+			},
+			text: {
+				type: String,
+				default: ''
+			},
+			index: {
+				type: [Number, String],
+				default: 0
+			},
+			styles: {
+				type: Object,
+				default () {
+					return {}
+				}
+			}
+		},
+		data() {
+			return {
+				type: 1,
+				padding: 0,
+				background: "#fff",
+				size: 30,
+				color: '#181818',
+				isDel: false,
+				delColor: '#FF2B2B',
+				slideColor: '#B2B2B2'
+			}
+		},
+		watch: {
+			styles(vals) {
+				this.init(vals)
+			}
+		},
+		created() {
+			this.init(this.styles)
+		},
+		methods: {
+			init(styles) {
+				styles = styles || {}
+				this.type = styles.type || 1
+				this.padding = Number(styles.padding || 0)
+				this.background = styles.background || "#fff"
+				this.size = styles.size || 30
+				this.color = styles.color || '#181818'
+				this.isDel = styles.isDel || false
+				const app = uni && uni.$fui && uni.$fui.color;
+				const dangerColor = (app && app.danger) || '#FF2B2B';
+				this.delColor = styles.delColor || dangerColor
+				this.slideColor = styles.slideColor || '#B2B2B2'
+			},
+			handleDel() {
+				this.$emit('delete', {
+					index: this.index
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-drag__item-outer {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		transform: translate3d(0, 0, 0);
+		backface-visibility: hidden;
+		/* #endif */
+		justify-content: center;
+		align-items: center;
+	}
+
+	.fui-drag__item-wrap {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+	}
+
+	.fui-drag__item-padding {
+		padding: 0 32rpx;
+		position: absolute;
+		/* #ifdef APP-NVUE */
+		border-bottom-width: 0.5px;
+		border-bottom-style: solid;
+		border-bottom-color: #eee;
+		z-index: -1;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-drag__item-padding::after {
+		content: '';
+		position: absolute;
+		border-bottom: 1px solid #eee;
+		transform: scaleY(0.5) translateZ(0);
+		transform-origin: 0 100%;
+		left: 32rpx;
+		right: 0;
+		bottom: 0;
+		z-index: 1;
+	}
+
+	/* #endif */
+
+	.fui-drag__item-inner {
+		position: relative;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+	}
+
+	.fui-drag__item-icon {
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		/* #endif */
+	}
+
+	.fui-drag__item-ab {
+		position: absolute;
+		right: 0;
+		top: 0;
+		/* #ifndef APP-NVUE */
+		z-index: 2;
+		/* #endif */
+	}
+
+	.fui-drag__item-mr {
+		margin-right: 20rpx;
+	}
+
+	.fui-drag__itemicon {
+		position: absolute;
+	}
+
+	.fui-drag__item-img {
+		/* #ifndef APP-NVUE */
+		display: block;
+		pointer-events: none;
+		flex-shrink: 0;
+		transform: translate3d(0, 0, 0);
+		backface-visibility: hidden;
+		/* #endif */
+	}
+
+	.fui-drag__item-text {
+		font-size: 30rpx;
+		font-weight: normal;
+		flex: 1;
+		/* #ifdef APP-NVUE */
+		lines: 1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		white-space: nowrap;
+		overflow: hidden;
+		/* #endif */
+		text-overflow: ellipsis;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-drag/fui-drag.vue b/components/firstui/fui-drag/fui-drag.vue
new file mode 100644
index 0000000..a4e3fd7
--- /dev/null
+++ b/components/firstui/fui-drag/fui-drag.vue
@@ -0,0 +1,373 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186   14   072   5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<!-- #ifndef APP-VUE || MP-WEIXIN || H5  -->
+	<view class="fui-drag__wrap" ref="fui_drag" :id="elId"
+		:style="{width:wrapWidth+'px',height:(rows * cellHeight)+'px'}"
+		:class="[dragging?'fui-drag-item__show':'fui-drag-item__hidden']">
+		<!-- #endif -->
+		<!-- #ifdef APP-VUE || MP-WEIXIN || H5 -->
+			<!-- vue3下编译到小程序data数据与wxs混用中无法获取 $data数据无法直接应用到页面，uni-app官方编译bug-->
+			<view class="fui-drag__wrap" :catch:touchmove="wxDrag?true:''"
+				:class="[dragging?'fui-drag-item__show':'fui-drag-item__hidden']" ref="fui_drag" :id="elId"
+				:style="{width:wrapWidth+'px',height:(rows * cellHeight)+'px'}" :list="list"
+				:change:list="handler.listChange" :param="param" :change:param="handler.paramChange">
+				<view class="fui-drag-item__wrap" :style="{width:cellWidth+'px',height:cellHeight+'px'}"
+					v-for="(item, index) in list" :key="item.id" :data-index="index" @longpress="handler.longPress"
+					:data-param="param" :data-isdrag="isDrag && dragging?1:0" @touchstart="handler.touchStart"
+					@touchmove="handler.touchMove" @touchend="handler.touchEnd" @mousedown="handler.mousedown"
+					@tap="itemClick(index)">
+					<template v-if="custom">
+						<slot :model="item.entity" :width="cellWidth" :height="cellHeight" :index="index"></slot>
+					</template>
+					<template v-else>
+						<f-drag-item @delete="deleteItem" :src="(item.entity && item.entity.src) || 'true'"
+							:text="item.entity && item.entity.text" :width="cellWidth" :height="cellHeight"
+							:styles="styles" :index="index">
+						</f-drag-item>
+					</template>
+				</view>
+				<!-- #endif -->
+
+				<!-- #ifdef APP-NVUE -->
+				<view fireEventSync="true" class="fui-drag-item__wrap" v-for="(item, index) in list" :key="item.id"
+					:style="{width:cellWidth+'px',height:cellHeight+'px'}" @touchstart="touchstart"
+					@touchmove="touchmove" @touchend="touchend" @longpress="longPress" :data-index="index"
+					:ref="'f_drag_'+index">
+					<template v-if="custom">
+						<slot :model="item.entity" :width="cellWidth" :height="cellHeight" :index="index"></slot>
+					</template>
+					<template v-else>
+						<f-drag-item @delete="deleteItem" :src="item.entity && item.entity.src"
+							:text="item.entity && item.entity.text" :width="cellWidth" :height="cellHeight"
+							:styles="styles" :index="index">
+						</f-drag-item>
+					</template>
+				</view>
+				<!-- #endif -->
+
+				<!-- #ifndef APP-PLUS || MP-WEIXIN || H5-->
+				<view class="fui-drag-item__wrap"
+					:class="{'fui-drag__cur':current===index,'fui-drag__trans':current!==index}"
+					v-for="(item, index) in list" :key="item.id"
+					:style="{width:cellWidth+'px',height:cellHeight+'px',transform: `translate3d(${index === current ? transX : item.transX}, ${index === current ? transY: item.transY}, 0px)`}"
+					@touchstart="touchstart" @touchmove.stop.prevent="touchmove" @touchend="touchend"
+					@longpress="longPress" :data-index="index">
+					<template v-if="custom">
+						<slot :model="item.entity" :width="cellWidth" :height="cellHeight" :index="index"></slot>
+					</template>
+					<template v-else>
+						<f-drag-item @delete="deleteItem" :src="(item.entity && item.entity.src) || ''"
+							:text="item.entity && item.entity.text" :width="cellWidth" :height="cellHeight"
+							:styles="styles" :index="index">
+						</f-drag-item>
+					</template>
+				</view>
+				<!-- #endif -->
+			</view>
+</template>
+<!-- #ifdef APP-VUE || MP-WEIXIN || H5-->
+<script src="./index.wxs" module="handler" lang="wxs"></script>
+<!-- #endif -->
+<script>
+	// #ifdef APP-NVUE
+	const dom = uni.requireNativePlugin('dom');
+	// #endif
+	import fDragItem from './f-drag-item.vue'
+	import bindingx from './bindingx.js'
+	import mpjs from './mpjs.js'
+	export default {
+		name: "fui-drag",
+		mixins: [mpjs, bindingx],
+		emits: ['change', 'end', 'click', 'delete'],
+		components: {
+			fDragItem
+		},
+		props: {
+			itemList: {
+				type: Array,
+				default () {
+					return [];
+				}
+			},
+			width: {
+				type: [Number, String],
+				default: 0
+			},
+			// 每行显示个数
+			columns: {
+				type: [Number, String],
+				default: 1
+			},
+			//必传（square为true时失效）
+			itemHeight: {
+				type: [Number, String],
+				default: 0
+			},
+			// 是否正方形显示，为true时itemHeight失效
+			square: {
+				type: Boolean,
+				default: false
+			},
+			styles: {
+				type: Object,
+				default () {
+					return {}
+				}
+			},
+			// 页面滚动高度
+			scrollTop: {
+				type: Number,
+				default: 0
+			},
+			//是否可拖拽
+			isDrag: {
+				type: Boolean,
+				default: true
+			},
+			custom: {
+				type: Boolean,
+				default: false
+			}
+		},
+		watch: {
+			itemList(val) {
+				this.list = []
+				setTimeout(() => {
+					this.reset()
+				}, 0);
+			},
+			width(val) {
+				this.list = []
+				setTimeout(() => {
+					this.reset()
+				}, 0);
+			},
+			columns(val) {
+				this.list = []
+				setTimeout(() => {
+					this.reset()
+				}, 0);
+			}
+		},
+		data() {
+			const elId = `fui_${Math.ceil(Math.random() * 10e5).toString(36)}`
+			return {
+				elId,
+				// #ifdef APP-VUE || MP-WEIXIN || H5
+				param: {},
+				// #endif
+				windowHeight: 0,
+				wrapWidth: 0,
+				wrapHeight: 0,
+				cellWidth: 0,
+				cellHeight: 0,
+				changeList: [],
+				rows: 3,
+				options: [],
+				dragging: true,
+				wrapTop: 0,
+				wrapLeft: 0,
+				list: [],
+				wxDrag: true
+			};
+		},
+		mounted() {
+			this.$nextTick(() => {
+				this.reset();
+			})
+		},
+		methods: {
+			getId() {
+				return `${Math.ceil(Math.random() * 10e5).toString(36)}_${new Date().getTime()}`
+			},
+			getWidth(fn) {
+				let width = Number(this.width)
+				let sys = uni.getSystemInfoSync()
+				this.windowHeight = sys.windowHeight;
+				if (width === 0) {
+					width = sys.windowWidth
+				} else {
+					width = uni.upx2px(width)
+				}
+				this.wrapWidth = width
+				//此处小数会导致出现误差
+				this.cellWidth = width / Number(this.columns)
+				let cellHeight = uni.upx2px(this.itemHeight)
+				if (this.square) {
+					cellHeight = this.cellWidth
+				}
+				this.cellHeight = cellHeight
+				fn && fn()
+			},
+			reset() {
+				this.options = []
+				// #ifndef APP-NVUE
+				this.wxDrag = true;
+				this.dragging = false
+				// #endif
+				this.getWidth(() => {
+					setTimeout(() => {
+						this.init()
+					}, 0);
+				})
+			},
+			getDom(callback, index = 0) {
+				// #ifndef APP-NVUE
+				uni.createSelectorQuery()
+					// #ifndef MP-ALIPAY
+					.in(this)
+					// #endif
+					.select(`#${this.elId}`)
+					.boundingClientRect()
+					.exec(ret => {
+						if (index >= 10) return
+						if (!ret && !ret[0]) {
+							index++
+							this.getDom(callback, index)
+							return
+						}
+						let wrapTop = ret[0].top + this.scrollTop;
+						let wrapLeft = ret[0].left
+						callback && callback(wrapTop, wrapLeft)
+					})
+				// #endif
+				// #ifdef APP-NVUE
+				dom.getComponentRect(this.$refs['fui_drag'], (ret) => {
+					if (ret && ret.size) {
+						let wrapTop = ret.size.top + this.scrollTop;
+						let wrapLeft = ret.size.left
+						callback && callback(wrapTop, wrapLeft)
+					}
+				})
+				// #endif
+			},
+			init(index = 0) {
+				let options = JSON.parse(JSON.stringify(this.itemList));
+				let columns = Number(this.columns)
+				this.rows = Math.ceil(options.length / this.columns);
+				if (options.length === 0) return;
+				setTimeout(() => {
+					this.getDom((wrapTop, wrapLeft) => {
+						let list = options.map((item, index) => {
+							return {
+								id: this.getId(),
+								realKey: index,
+								sortKey: index,
+								//若有误差，cellWidth、cellHeight取整
+								transX: `${index%columns * this.cellWidth}px`,
+								transY: `${Math.floor(index/columns) * this.cellHeight}px`,
+								entity: item
+							}
+						});
+						this.changeList = list;
+						this.list = list
+						this.wrapTop = wrapTop;
+						this.wrapLeft = wrapLeft;
+						// #ifdef APP-VUE || MP-WEIXIN || H5
+						this.param = {
+							windowHeight: this.windowHeight,
+							columns: Number(this.columns),
+							rows: this.rows,
+							cellWidth: this.cellWidth,
+							cellHeight: this.cellHeight,
+							wrapLeft: this.wrapLeft,
+							wrapTop: this.wrapTop
+						};
+						// #endif
+						this.dragging = true
+					})
+				}, 500)
+			},
+			drag(e) {
+				this.wxDrag = e.wxdrag;
+			},
+			sortend(e) {
+				this.$emit('end', {
+					itemList: e.itemList
+				});
+			},
+			change(e) {
+				this.$emit('change', {
+					itemList: e.itemList
+				});
+			},
+			itemClick(index) {
+				if (!this.changeList || this.changeList.length === 0) return;
+				let item = this.changeList[index];
+				this.$emit('click', {
+					index: item.realKey,
+					item: item.entity
+				});
+			},
+			deleteItem(e) {
+				this.$emit('delete', {
+					index: e.index
+				});
+			},
+			listChange(e) {
+				this.changeList = e.itemList;
+			},
+			pageScroll(e) {
+				// #ifndef APP-NVUE
+				uni.pageScrollTo({
+					scrollTop: e.scrollTop,
+					duration: 0
+				});
+				// #endif
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-drag__wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		box-sizing: border-box;
+		transform: translate3d(0, 0, 0);
+		/* #endif */
+		position: relative;
+	}
+
+	.fui-drag-item__wrap {
+		position: absolute;
+		left: 0;
+		top: 0;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		overflow: hidden;
+		/* #endif */
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		z-index: 1;
+		/* #ifdef H5 */
+		cursor: grab;
+		/* #endif */
+	}
+
+	.fui-drag-item__hidden {
+		opacity: 0;
+		transition-property: opacity;
+		transition-duration: .35s;
+	}
+
+	.fui-drag-item__show {
+		opacity: 1 !important;
+	}
+
+	.fui-drag__trans {
+		transition-property: transform;
+		transition-duration: .35s;
+	}
+
+	.fui-drag__trans-end {
+		transition-property: transform;
+		transition-duration: .35s;
+	}
+
+	.fui-drag__cur {
+		z-index: 5 !important;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-drag/index.wxs b/components/firstui/fui-drag/index.wxs
new file mode 100644
index 0000000..d0ad877
--- /dev/null
+++ b/components/firstui/fui-drag/index.wxs
@@ -0,0 +1,290 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：   1861     4  072549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+var wrapParam = {}
+
+function isPC() {
+	if (typeof navigator !== 'object') return false;
+	var userAgentInfo = navigator.userAgent;
+	var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
+	var flag = true;
+	for (var v = 0; v < Agents.length - 1; v++) {
+		if (userAgentInfo.indexOf(Agents[v]) > 0) {
+			flag = false;
+			break;
+		}
+	}
+	return flag;
+}
+var isH5 = false
+if (typeof window === 'object') isH5 = true
+
+function outOfRange(x1, y1, x2, y2, x3, y3) {
+	return x1 < 0 || x1 >= y1 || x2 < 0 || x2 >= y2 || x3 < 0 || x3 >= y3
+};
+
+function listSort(sKey, eKey, st) {
+	var param = st.param
+	var endRealKey = -1;
+	st.list.forEach(function(item) {
+		if (item.sortKey === eKey) endRealKey = item.realKey;
+	});
+
+	return st.list.map(function(item) {
+		var cKey = item.sortKey;
+		var rKey = item.realKey;
+		if (sKey < eKey) {
+			if (cKey > sKey && cKey <= eKey) {
+				--rKey;
+				--cKey;
+			} else if (cKey === sKey) {
+				rKey = endRealKey;
+				cKey = eKey;
+			}
+		} else if (sKey > eKey) {
+			if (cKey >= eKey && cKey < sKey) {
+				++rKey;
+				++cKey;
+			} else if (cKey === sKey) {
+				rKey = endRealKey;
+				cKey = eKey;
+			}
+		}
+		if (item.sortKey !== cKey) {
+			item.transX = (cKey % param.columns) * param.cellWidth + "px";
+			item.transY = Math.floor(cKey / param.columns) * param.cellHeight + "px";
+			item.sortKey = cKey;
+			item.realKey = rKey;
+		}
+		return item;
+	});
+}
+
+function emitsEvent(list, type, ins) {
+	if (!ins) return;
+	var changeList = [],
+		itemList = [];
+
+	list.forEach(function(item) {
+		changeList[item.sortKey] = item;
+	});
+
+	changeList.forEach(function(item) {
+		itemList.push(item.entity);
+	});
+	if (type == "change") {
+		ins.callMethod("change", {
+			itemList: itemList
+		});
+	} else {
+		ins.callMethod("sortend", {
+			itemList: itemList
+		});
+	}
+}
+
+function longPress(e, ownerInstance) {
+	var ins = e.instance;
+	var dataset = ins.getDataset()
+	var st = ins.getState();
+	st.isDrag = +dataset.isdrag == 1 ? true : false
+	if (!st.isDrag) return;
+
+	if (!st.param || st.param == 'undefined') {
+		st.param = JSON.parse(dataset.param)
+	}
+	var param = st.param;
+	var touch = null
+	if (isH5 && isPC()) {
+		touch = e;
+	} else {
+		touch = e.changedTouches ? e.changedTouches[0] : st.startTouch
+	}
+	if (!touch) return;
+	st.cur = +dataset.index;
+
+	if (st.dragging) return;
+	// #ifdef MP-WEIXIN
+	ownerInstance.callMethod("drag", {
+		wxdrag: true
+	});
+	// #endif
+	st.transX = param.columns === 1 ? 0 : touch.pageX - (param.cellWidth / 2 + param.wrapLeft);
+	st.transY = touch.pageY - (param.cellHeight / 2 + param.wrapTop);
+	st.sId = touch.identifier;
+	st.prevIns && st.prevIns.removeClass("fui-drag__trans-end")
+	ins.setStyle({
+		'transform': 'translate3d(' + st.transX + 'px, ' + st.transY + 'px, 0)'
+	});
+	st.itemsInstance.forEach(function(item, index) {
+		item.removeClass("fui-drag__cur").removeClass("fui-drag__trans")
+		item.addClass(index === st.cur ? "fui-drag__cur" : "fui-drag__trans");
+	})
+	st.dragging = true;
+}
+
+function touchStart(e, ownerInstance) {
+	var ins = e.instance;
+	var st = ins.getState()
+	st.list = wrapParam.list
+	st.itemsInstance = wrapParam.itemsInstance
+	st.param = wrapParam.param
+	if (isH5 && isPC()) {
+		st.startTouch = e;
+	} else {
+		st.startTouch = e.changedTouches[0] || e.touches[0]
+	}
+	var dataset = ins.getDataset()
+	st.isDrag = +dataset.isdrag == 1 ? true : false
+	// #ifdef MP-WEIXIN
+	ownerInstance.callMethod("drag", {
+		wxdrag: false
+	});
+	// #endif
+}
+
+function touchMove(e, ownerInstance, event) {
+	var st = {}
+	var touch = null
+	var ins = null
+	if (isH5 && isPC()) {
+		touch = e;
+		st = event.instance.getState()
+		ins = event.instance;
+	} else {
+		touch = e.changedTouches[0] || e.touches[0]
+		st = e.instance.getState()
+		ins = e.instance
+	}
+	if (e.preventDefault && st.dragging) {
+		e.preventDefault()
+	}
+	var param = st.param;
+
+	if (!st.dragging || !st.isDrag) return;
+	if (!touch || st.sId !== touch.identifier) return;
+
+	var transX = param.columns === 1 ? 0 : touch.pageX - (param.cellWidth / 2 + param.wrapLeft);
+	var transY = touch.pageY - (param.cellHeight / 2 + param.wrapTop);
+
+	if (touch.clientY > param.windowHeight - param.cellHeight) {
+		ownerInstance.callMethod("pageScroll", {
+			scrollTop: touch.pageY + param.cellHeight - param.windowHeight
+		});
+	} else if (touch.clientY < param.cellHeight) {
+		ownerInstance.callMethod("pageScroll", {
+			scrollTop: touch.pageY - param.cellHeight
+		});
+	}
+
+	ins.setStyle({
+		'transform': 'translate3d(' + transX + 'px, ' + transY + 'px, 0)'
+	})
+
+	var startKey = st.list[st.cur].sortKey;
+	var curX = Math.round(transX / param.cellWidth);
+	var curY = Math.round(transY / param.cellHeight);
+	var endKey = curX + param.columns * curY;
+
+	if (outOfRange(curX, param.columns, curY, param.rows, endKey, st.list.length)) return;
+
+	if (startKey === endKey || startKey === st.preStartKey) return;
+	st.preStartKey = startKey;
+
+	var list = listSort(startKey, endKey, st);
+	st.itemsInstance.forEach(function(itemIns, index) {
+		var item = list[index];
+		if (index !== st.cur) {
+			itemIns.setStyle({
+				'transform': 'translate3d(' + item.transX + ',' + item.transY + ', 0)'
+			});
+		}
+	});
+	ownerInstance.callMethod("listChange", {
+		itemList: list
+	});
+	emitsEvent(list, "change", ownerInstance);
+}
+
+function touchEnd(e, ownerInstance, event) {
+	var ins = null
+	var st = {}
+	if (isH5 && isPC()) {
+		ins = event.instance
+		st = event.instance.getState()
+	} else {
+		st = e.instance.getState()
+		ins = e.instance
+	}
+	if (!st.dragging || !st.isDrag) return;
+	emitsEvent(st.list, "sortend", ownerInstance);
+	ins.addClass("fui-drag__trans-end")
+	ins.setStyle({
+		'transform': 'translate3d(' + st.list[st.cur].transX + ',' + st.list[st.cur].transY + ', 0)'
+	});
+	st.itemsInstance.forEach(function(item, index) {
+		item.removeClass("fui-drag__trans").removeClass("fui-drag__cur");
+	})
+	st.prevIns = ins
+	st.preStartKey = -1;
+	st.dragging = false;
+	// #ifdef MP-WEIXIN
+	ownerInstance.callMethod("drag", {
+		wxdrag: false
+	});
+	// #endif
+	st.cur = -1;
+	st.transX = 0;
+	st.transY = 0;
+}
+
+function paramChange(newVal, oldVal, ownerInstance, ins) {
+	wrapParam.param = newVal;
+}
+
+function listChange(newVal, oldVal, ownerInstance, ins) {
+	wrapParam.itemsInstance = ownerInstance.selectAllComponents('.fui-drag-item__wrap');
+	wrapParam.list = newVal || [];
+	if (!wrapParam.itemsInstance || wrapParam.itemsInstance.length === 0) return;
+
+	wrapParam.list.forEach(function(item, index) {
+		var itemIns = wrapParam.itemsInstance[index];
+		if (item && itemIns) {
+			itemIns.setStyle({
+				'transform': 'translate3d(' + item.transX + ',' + item.transY + ', 0)'
+			});
+		}
+	})
+}
+
+var movable = false;
+
+function mousedown(e, ins) {
+	if (!isH5 || !isPC()) return
+	touchStart(e, ins)
+	longPress(e, ins)
+	movable = true
+	window.onmousemove = function(event) {
+		if (!isH5 || !isPC() || !movable) return
+		touchMove(event, ins, e)
+	}
+	window.onmouseup = function(event) {
+		if (!isH5 || !isPC() || !movable) return
+		touchEnd(event, ins, e)
+		movable = false
+	}
+}
+
+
+function stopTouchMove(e) {
+	return true
+}
+
+module.exports = {
+	longPress: longPress,
+	touchStart: touchStart,
+	touchMove: touchMove,
+	touchEnd: touchEnd,
+	paramChange: paramChange,
+	listChange: listChange,
+	mousedown: mousedown,
+	stopTouchMove:stopTouchMove
+}
\ No newline at end of file
diff --git a/components/firstui/fui-drag/mpjs.js b/components/firstui/fui-drag/mpjs.js
new file mode 100644
index 0000000..8b773d9
--- /dev/null
+++ b/components/firstui/fui-drag/mpjs.js
@@ -0,0 +1,145 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1  8   614  0 7 2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifndef APP-PLUS || MP-WEIXIN || H5
+
+export default {
+	data() {
+		return {
+			current: -1,
+			transX: '0px',
+			transY: '0px',
+			startTouch: null,
+			tDragging: false,
+			sId: null,
+			preStartKey: null
+		}
+	},
+	methods: {
+		outOfRange(x1, y1, x2, y2, x3, y3) {
+			return x1 < 0 || x1 >= y1 || x2 < 0 || x2 >= y2 || x3 < 0 || x3 >= y3
+		},
+		listSort(sKey, eKey) {
+			let endRealKey = -1;
+			this.list.forEach((item) => {
+				if (item.sortKey === eKey) endRealKey = item.realKey;
+			});
+
+			return this.list.map((item) => {
+				let cKey = item.sortKey;
+				let rKey = item.realKey;
+				if (sKey < eKey) {
+					if (cKey > sKey && cKey <= eKey) {
+						--rKey;
+						--cKey;
+					} else if (cKey === sKey) {
+						rKey = endRealKey;
+						cKey = eKey;
+					}
+				} else if (sKey > eKey) {
+					if (cKey >= eKey && cKey < sKey) {
+						++rKey;
+						++cKey;
+					} else if (cKey === sKey) {
+						rKey = endRealKey;
+						cKey = eKey;
+					}
+				}
+				if (item.sortKey !== cKey) {
+					let columns = Number(this.columns)
+					item.transX = (cKey % columns) * this.cellWidth + "px";
+					item.transY = Math.floor(cKey / columns) * this.cellHeight + "px";
+					item.sortKey = cKey;
+					item.realKey = rKey;
+				}
+				return item;
+			});
+		},
+		emitsEvent(list, type) {
+			let changeList = [],
+				itemList = [];
+
+			list.forEach((item) => {
+				changeList[item.sortKey] = item;
+			});
+
+			changeList.forEach((item) => {
+				itemList.push(item.entity);
+			});
+			if (type == "change") {
+				this.change({
+					itemList: itemList
+				});
+			} else {
+				this.sortend({
+					itemList: itemList
+				});
+			}
+		},
+		longPress(e) {
+			if (!this.isDrag) return;
+			let touch = e.changedTouches && e.changedTouches[0] ? e.changedTouches[0] : this.startTouch;
+			if (!touch) return;
+			this.current = Number(e.currentTarget.dataset.index);
+
+			if (this.tDragging) return;
+			//pageX
+			this.transX = this.columns == 1 ? 0 : touch.clientX - (this.cellWidth / 2 + this.wrapLeft) + 'px';
+			this.transY = touch.clientY - (this.cellHeight / 2 + this.wrapTop) + 'px';
+			this.sId = touch.identifier;
+			this.tDragging = true;
+		},
+		touchstart(e) {
+			if (!this.isDrag) return;
+			this.startTouch = e.changedTouches[0] || e.touches[0];
+		},
+		touchmove(e) {
+			if (!this.isDrag || !this.tDragging) return;
+			let touch = e.changedTouches[0] || e.touches[0];
+			if (!touch || this.sId !== touch.identifier) return;
+			let transX = this.columns == 1 ? 0 : touch.clientX - (this.cellWidth / 2 + this.wrapLeft);
+			let transY = touch.clientY - (this.cellHeight / 2 + this.wrapTop);
+
+			if (touch.clientY > this.windowHeight - this.cellHeight) {
+				this.pageScroll({
+					scrollTop: touch.pageY + this.cellHeight - this.windowHeight
+				})
+			} else if (touch.clientY < this.cellHeight) {
+				this.pageScroll({
+					scrollTop: touch.pageY - this.cellHeight
+				})
+			}
+			this.transX = transX + 'px'
+			this.transY = transY + 'px'
+
+			let startKey = this.list[this.current].sortKey;
+			let curX = Math.round(transX / this.cellWidth);
+			let curY = Math.round(transY / this.cellHeight);
+			let endKey = curX + Number(this.columns) * curY;
+
+			if (this.outOfRange(curX, Number(this.columns), curY, this.rows, endKey, this.list.length)) return;
+
+			if (startKey === endKey || startKey === this.preStartKey) return;
+			this.preStartKey = startKey;
+
+			let list = this.listSort(startKey, endKey);
+			this.listChange({
+				itemList: list
+			})
+			this.emitsEvent(list, "change");
+		},
+		touchend(e) {
+			if (!this.isDrag || !this.tDragging) return;
+			this.emitsEvent(this.list, "sortend");
+			this.preStartKey = -1;
+			this.tDragging = false;
+			this.current = -1;
+			this.transX = '0px';
+			this.transY = '0px';
+		}
+	}
+}
+
+// #endif
+
+// #ifdef APP-PLUS|| MP-WEIXIN || H5
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-drawer/fui-drawer.vue b/components/firstui/fui-drawer/fui-drawer.vue
new file mode 100644
index 0000000..7c47f79
--- /dev/null
+++ b/components/firstui/fui-drawer/fui-drawer.vue
@@ -0,0 +1,250 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8 6 140 7 2    5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-drawer__popup-wrap" :class="{'fui-drawer__wrap-show':show}"
+		:style="{ zIndex: zIndex,background:maskBackground,alignItems:direction==='left'?'flex-start':'flex-end' }"
+		@tap.stop="handleClose" @touchmove.stop.prevent="stop" v-if="isShow || !isNvue" ref="fui_dwr_mk_ani">
+		<view ref="fui_dwr_ani" class="fui-drawer__popup" :class="['fui-drawer_'+direction,show?'fui-drawer__show':'']"
+			:style="{background: background,borderTopLeftRadius:(direction==='right'? radius:0)+'rpx',borderBottomLeftRadius:(direction==='right'? radius:0)+'rpx',borderTopRightRadius:(direction==='left'? radius:0)+'rpx',borderBottomRightRadius:(direction==='left'? radius:0)+'rpx'}"
+			@tap.stop="stop($event,true)">
+			<slot></slot>
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const dom = weex.requireModule('dom');
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	/*顶部状态栏部分可使用fui-status-bar组件占位*/
+	export default {
+		name: 'fui-drawer',
+		emits: ['close'],
+		props: {
+			show: {
+				type: Boolean,
+				default: false
+			},
+			//left/right
+			direction: {
+				type: String,
+				default: 'right'
+			},
+			//背景颜色
+			background: {
+				type: String,
+				default: '#fff'
+			},
+			zIndex: {
+				type: [Number, String],
+				default: 996
+			},
+			//点击遮罩 是否可关闭
+			maskClosable: {
+				type: Boolean,
+				default: true
+			},
+			maskBackground: {
+				type: String,
+				default: 'rgba(0,0,0,.6)'
+			},
+			//圆角值，左侧打开时为右侧圆角，右侧打开时为左侧圆角
+			radius: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				isNvue: isNvue,
+				isShow: false,
+				width: 0,
+				isMounted: false
+			}
+		},
+		// #ifdef APP-NVUE
+		watch: {
+			show: {
+				handler(newVal) {
+					if (newVal) {
+						this.open();
+					} else {
+						this.close();
+					}
+				},
+				immediate: true
+			}
+		},
+		// #endif
+		mounted() {
+			this.isMounted = true
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this._getSize((width) => {
+						this.width = width
+					})
+				}, 100)
+			})
+		},
+		// #ifdef H5
+		updated() {
+			if(!this.isMounted && !this.width){
+				setTimeout(() => {
+					this._getSize((width) => {
+						this.width = width
+					})
+				}, 50)
+			}
+		},
+		// #endif
+		methods: {
+			_getSize(callback) {
+				// #ifndef APP-NVUE
+				uni.createSelectorQuery()
+					// #ifndef MP-ALIPAY
+					.in(this)
+					// #endif
+					.select('.fui-drawer__popup')
+					.boundingClientRect()
+					.exec(ret => {
+						if (ret) {
+							callback && callback(ret[0].width || 0)
+						}
+					})
+				// #endif
+				// #ifdef APP-NVUE
+				dom.getComponentRect(this.$refs['fui_dwr_ani'], (ret) => {
+					const size = ret.size
+					if (size) {
+						callback && callback(size.width)
+					}
+				})
+				// #endif
+			},
+			handleClose(e) {
+				if (!this.maskClosable) return;
+				this.$emit('close', {});
+			},
+			// #ifdef APP-NVUE
+			open() {
+				this.isShow = true;
+				this.$nextTick(() => {
+					setTimeout(() => {
+						this._animation(true);
+					}, 50);
+				})
+			},
+			close() {
+				this._animation(false);
+			},
+			_animation(type) {
+				if (!this.$refs['fui_dwr_ani'] || !this.$refs['fui_dwr_mk_ani']) return;
+				animation.transition(
+					this.$refs['fui_dwr_mk_ani'].ref, {
+						styles: {
+							opacity: type ? 1 : 0
+						},
+						duration: 250,
+						timingFunction: 'ease-in-out',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {
+						if (!type) {
+							this.isShow = false
+						}
+					}
+				);
+				let translateX = this.direction === 'left' ? '-100%' : '100%'
+				animation.transition(
+					this.$refs['fui_dwr_ani'].ref, {
+						styles: {
+							transform: `translateX(${type ? '0' : translateX})`
+						},
+						duration: 250,
+						timingFunction: 'ease-in-out',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {}
+				);
+			},
+			// #endif
+			stop(e, tap) {
+				// #ifdef APP-NVUE
+				tap && e.stopPropagation();
+				// #endif
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	.fui-drawer__popup-wrap {
+		position: fixed;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		z-index: 1001;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: column;
+		/* #ifndef APP-NVUE */
+		transition: all ease-in-out .3s;
+		visibility: hidden;
+		/* #endif */
+		opacity: 0;
+		overflow: hidden;
+	}
+
+
+	/* #ifndef APP-NVUE */
+	.fui-drawer__wrap-show {
+		opacity: 1;
+		visibility: visible;
+	}
+
+	/* #endif */
+	.fui-drawer__popup {
+		/* #ifndef APP-NVUE */
+		height: 100%;
+		transition: all 0.3s ease-in-out;
+		min-width: 40rpx;
+		display: flex;
+		/* #endif */
+		flex: 1;
+		flex-direction: column;
+		overflow: hidden;
+	}
+
+	.fui-drawer_left {
+		/* #ifndef APP-NVUE */
+		transform: translate3d(-100%, 0, 0);
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		transform: translateX(-100%);
+		/* #endif */
+	}
+
+	.fui-drawer_right {
+		/* #ifndef APP-NVUE */
+		transform: translate3d(100%, 0, 0);
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		transform: translateX(100%);
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-drawer__show {
+		transform: translate3d(0, 0, 0);
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-dropdown-list/fui-dropdown-list.vue b/components/firstui/fui-dropdown-list/fui-dropdown-list.vue
new file mode 100644
index 0000000..2c59ec1
--- /dev/null
+++ b/components/firstui/fui-dropdown-list/fui-dropdown-list.vue
@@ -0,0 +1,468 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8 61407 2    5  4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-dropdown__list-wrap" :class="{'fui-dropdown__list-show':isShow}"
+		:style="{background:maskBackground,zIndex:zIndex}" v-if="isShow || !isNvue" ref="fui_ddl_ani" @tap="close(1)">
+		<view class="fui-dropdown__list" :style="{borderRadius:radius+'rpx',background:background}">
+			<scroll-view :show-scrollbar="false" class="fui-ddl__scroll" scroll-y :style="getStyles">
+				<!-- #ifdef APP-NVUE -->
+				<view>
+					<!-- #endif -->
+					<view class="fui-dropdown__list-item"
+						:style="{background:background,paddingTop:padding[0] || 0,paddingRight:padding[1] || 0,paddingBottom:padding[2] || padding[0] || 0,paddingLeft:padding[3] || padding[1] || 0,borderBottomColor:lineColor}"
+						:class="{'fui-ddl__reverse':isReverse,'fui-ddl__item-line':splitLine && itemList.length-1!==index}"
+						v-for="(model,index) in itemList" :key="index" @tap.stop.prevent="itemClick($event,index)">
+						<view class="fui-ddl__checkbox"
+							:class="{'fui-is__checkmark':isCheckMark,'fui-ddl__checkbox-color':(!checkboxColor || checkboxColor===true) && model.checked && !isCheckMark}"
+							:style="{background:model.checked && !isCheckMark ?getChkColor:'transparent',borderColor:model.checked && !isCheckMark ?getChkColor:borderColor}"
+							v-if="isCheckbox">
+							<view class="fui-ddl__checkmark"
+								:style="{borderBottomColor:checkmarkColor,borderRightColor:checkmarkColor}"
+								v-if="model.checked"></view>
+						</view>
+						<view class="fui-ddl__flex">
+							<view class="fui-ddl__icon-box"
+								:class="{'fui-ddl__icon-ml':!isReverse && isCheckbox,'fui-ddl__icon-mr':isReverse}"
+								:style="{width:iconWidth+'rpx',height:iconWidth+'rpx'}" v-if="model.src">
+								<image :src="model.src" :style="{width:iconWidth+'rpx',height:iconWidth+'rpx'}"></image>
+							</view>
+							<text class="fui-ddl__item-text"
+								:class="{'fui-ddl__text-pl':!isReverse && (isCheckbox || model.src),'fui-ddl__text-pr':isReverse && (isCheckbox || model.src)}"
+								:style="{fontSize:size+'rpx',color:selectedColor && model.checked?selectedColor:color}">{{model.text}}</text>
+						</view>
+					</view>
+					<!-- #ifdef APP-NVUE -->
+				</view>
+				<!-- #endif -->
+			</scroll-view>
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	export default {
+		name: "fui-dropdown-list",
+		emits: ['click', 'close'],
+		props: {
+			options: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			height: {
+				type: [Number, String],
+				default: 0
+			},
+			width: {
+				type: [Number, String],
+				default: 0
+			},
+			background: {
+				type: String,
+				default: '#fff'
+			},
+			radius: {
+				type: [Number, String],
+				default: 0
+			},
+			padding: {
+				type: Array,
+				default () {
+					return ['32rpx', '32rpx']
+				}
+			},
+			isCheckbox: {
+				type: Boolean,
+				default: true
+			},
+			checkboxColor: {
+				type: String,
+				default: ''
+			},
+			borderColor: {
+				type: String,
+				default: '#ccc'
+			},
+			isCheckMark: {
+				type: Boolean,
+				default: false
+			},
+			checkmarkColor: {
+				type: String,
+				default: '#fff'
+			},
+			isReverse: {
+				type: Boolean,
+				default: false
+			},
+			splitLine: {
+				type: Boolean,
+				default: false
+			},
+			//仅Nvue端有效
+			lineColor: {
+				type: String,
+				default: '#eee'
+			},
+			iconWidth: {
+				type: [Number, String],
+				default: 48
+			},
+			size: {
+				type: [Number, String],
+				default: 32
+			},
+			color: {
+				type: String,
+				default: '#181818'
+			},
+			selectedColor: {
+				type: String,
+				default: ''
+			},
+			//点击遮罩 是否可关闭
+			maskClosable: {
+				type: Boolean,
+				default: true
+			},
+			maskBackground: {
+				type: String,
+				default: 'rgba(0, 0, 0, 0.6)'
+			},
+			zIndex: {
+				type: Number,
+				default: 1001
+			}
+		},
+		computed: {
+			getStyles() {
+				let styles = '';
+				let height = Number(this.height || 0)
+				let width = Number(this.width || 0)
+				if (height > 0) {
+					styles += `height:${height}rpx;`
+				}
+				if (width > 0) {
+					styles += `width:${width}rpx;`
+				}
+				return styles
+			},
+			getChkColor() {
+				let color = this.checkboxColor;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color;
+			}
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				isNvue: isNvue,
+				itemList: [],
+				isShow: false
+			};
+		},
+		watch: {
+			options(newVal) {
+				this.initData(newVal)
+			}
+		},
+		created() {
+			this.initData(this.options)
+		},
+		methods: {
+			// #ifdef APP-NVUE
+			_animation(type) {
+				if (!this.$refs['fui_ddl_ani']) return;
+				animation.transition(
+					this.$refs['fui_ddl_ani'].ref, {
+						styles: {
+							opacity: type ? 1 : 0
+						},
+						duration: 300, //ms
+						timingFunction: 'ease-in-out',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {
+						if (!type) {
+							this.isShow = false;
+						}
+					}
+				);
+			},
+			// #endif
+			initData(vals) {
+				if (vals && vals.length > 0) {
+					if (typeof vals[0] !== 'object') {
+						vals = vals.map(item => {
+							return {
+								text: item,
+								checked: false
+							}
+						})
+					} else {
+						vals.map(item => {
+							item.checked = item.checked || false
+						})
+					}
+					this.itemList = vals;
+				}
+			},
+			itemClick(e, index) {
+				// #ifdef APP-NVUE
+				e.stopPropagation();
+				// #endif
+				let item = this.itemList[index]
+				let vals = [...this.itemList]
+				vals.forEach((item, idx) => {
+					if (index === idx) {
+						item.checked = true
+					} else {
+						item.checked = false
+					}
+				})
+				this.itemList = vals;
+				this.$emit('click', {
+					index: index,
+					...item
+				})
+				this.close(2)
+			},
+			close(type) {
+				// #ifndef APP-NVUE
+				this.isShow = false;
+				// #endif
+
+				// #ifdef APP-NVUE
+				this._animation(false)
+				// #endif
+
+				if (type === 1 && this.maskClosable) {
+					this.$emit('close', {})
+				}
+			},
+			show() {
+				this.isShow = true;
+				// #ifdef APP-NVUE
+				this.$nextTick(() => {
+					setTimeout(() => {
+						this._animation(true)
+					}, 50);
+				});
+				// #endif
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-dropdown__list-wrap {
+		position: fixed;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		padding: 64rpx;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		visibility: hidden;
+		box-sizing: border-box;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		/* #ifndef APP-NVUE */
+		transition-property: opacity, visibility;
+		transition-timing-function: ease-in-out;
+		transition-duration: 0.3s;
+		/* #endif */
+		opacity: 0;
+	}
+
+	.fui-ddl__scroll {
+		/* #ifndef APP-NVUE */
+		width: auto;
+		/* #endif */
+		flex: 1;
+	}
+
+	.fui-dropdown__list {
+		box-shadow: 0 0 10rpx rgba(2, 4, 38, 0.05);
+		/* #ifndef APP-NVUE */
+		overflow: hidden;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-dropdown__list-show {
+		visibility: visible;
+		opacity: 1;
+	}
+
+	/* #endif */
+	.fui-dropdown__list-item {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		align-items: center;
+		background-color: #FFFFFF;
+		position: relative;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-ddl__flex {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		align-items: center;
+	}
+
+	.fui-ddl__item-line {
+		position: relative;
+		/* #ifdef APP-NVUE */
+		border-bottom-width: 0.5px;
+		border-bottom-style: solid;
+		border-bottom-color: #EEEEEE;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		border-bottom-width: 0;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-ddl__item-line::after {
+		content: '';
+		position: absolute;
+		border-bottom: 1px solid var(--fui-color-border, #EEEEEE);
+		transform: scaleY(0.5) translateZ(0);
+		transform-origin: 0 100%;
+		bottom: 0;
+		right: 0;
+		left: 32rpx;
+		pointer-events: none;
+	}
+
+	/* #endif */
+
+	.fui-dropdown__list-item:active {
+		/* #ifdef APP-NVUE */
+		background-color: rgba(0, 0, 0, .2) !important;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		background-color: var(--fui-bg-color-hover, rgba(0, 0, 0, .2)) !important;
+		/* #endif */
+	}
+
+	.fui-ddl__reverse {
+		justify-content: space-between;
+		flex-direction: row-reverse;
+	}
+
+	.fui-ddl__checkbox {
+		font-size: 0;
+		color: rgba(0, 0, 0, 0);
+		width: 40rpx;
+		height: 40rpx;
+		border-width: 1px;
+		border-style: solid;
+		/* #ifdef APP-NVUE */
+		border-radius: 40rpx;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		display: inline-flex;
+		box-sizing: border-box;
+		border-radius: 50%;
+		vertical-align: top;
+		flex-shrink: 0;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		overflow: hidden;
+		position: relative;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-ddl__checkbox-color {
+		background: var(--fui-color-primary, #465CFF) !important;
+		border-color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+
+	.fui-is__checkmark {
+		border-width: 0 !important;
+		background-color: transparent !important;
+	}
+
+	.fui-ddl__checkmark {
+		width: 20rpx;
+		height: 40rpx;
+		border-bottom-style: solid;
+		border-bottom-width: 3px;
+		border-bottom-color: #FFFFFF;
+		border-right-style: solid;
+		border-right-width: 3px;
+		border-right-color: #FFFFFF;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		transform: rotate(45deg) scale(0.5) translateZ(0);
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		transform: rotate(45deg) scale(0.5);
+		/* #endif */
+		transform-origin: 54% 48%;
+	}
+
+	.fui-ddl__item-text {
+		/* #ifndef APP-NVUE */
+		word-break: break-all;
+		/* #endif */
+		font-weight: normal;
+	}
+
+	.fui-ddl__text-pl {
+		padding-left: 24rpx;
+	}
+
+	.fui-ddl__text-pr {
+		padding-right: 24rpx;
+	}
+
+	.fui-ddl__icon-box {
+		overflow: hidden;
+		background-color: #F1F4FA;
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		/* #endif */
+	}
+
+	.fui-ddl__icon-ml {
+		margin-left: 24rpx;
+	}
+
+	.fui-ddl__icon-mr {
+		margin-right: 24rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-dropdown-menu/fui-dropdown-menu.vue b/components/firstui/fui-dropdown-menu/fui-dropdown-menu.vue
new file mode 100644
index 0000000..8d05d54
--- /dev/null
+++ b/components/firstui/fui-dropdown-menu/fui-dropdown-menu.vue
@@ -0,0 +1,562 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  1  8 6   140725 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-dropdown__menu" ref="fui_dm_wrap" @tap="resetCalc">
+		<slot></slot>
+		<view class="fui-ddm__mask" :style="{background:maskBackground}" v-if="isShow && isMask" @tap="close(1)">
+		</view>
+		<view class="fui-dropdown__menu-list"
+			:class="{'fui-ddm__down':direction!=='up','fui-ddm__up':direction==='up','fui-ddm__down-show':isShow && direction!=='up','fui-ddm__up-show':isShow && direction==='up'}"
+			:style="getStyles" v-if="isNvueShow || !isNvue" ref="fui_ddm_list">
+			<scroll-view :show-scrollbar="false" class="fui-ddm__scroll" scroll-y
+				:style="{height:isNvue?maxHeight+'rpx':'auto', maxHeight:maxHeight+'rpx',minWidth:minWidth+'rpx'}">
+				<view>
+					<view class="fui-dropdown__menu-item"
+						:style="{background:background,padding:padding,borderBottomColor:splitLine && isNvue?lineColor:'transparent'}"
+						:class="{'fui-ddm__reverse':isReverse,'fui-ddm__item-line':splitLine && itemList.length-1!==index}"
+						v-for="(model,index) in itemList" :key="index" @tap.stop="itemClick(index)">
+						<view class="fui-ddm__checkbox"
+							:class="{'fui-is__checkmark':isCheckMark,'fui-ddm__checkbox-color':(!checkboxColor || checkboxColor===true) && model.checked && !isCheckMark}"
+							:style="{background:model.checked && !isCheckMark ?getChkColor:'transparent',borderColor:model.checked && !isCheckMark ?getChkColor:borderColor}"
+							v-if="isCheckbox">
+							<view class="fui-ddm__checkmark"
+								:style="{borderBottomColor:checkmarkColor,borderRightColor:checkmarkColor}"
+								v-if="model.checked"></view>
+						</view>
+						<view class="fui-ddm__flex">
+							<view class="fui-ddm__icon-box"
+								:class="{'fui-ddm__icon-ml':!isReverse && isCheckbox,'fui-ddm__icon-mr':isReverse}"
+								:style="{width:iconWidth+'rpx',height:iconWidth+'rpx'}" v-if="model.src">
+								<image :src="model.src" :style="{width:iconWidth+'rpx',height:iconWidth+'rpx'}"></image>
+							</view>
+							<text class="fui-ddm__item-text"
+								:class="{'fui-ddm__text-pl':!isReverse && (isCheckbox || model.src),'fui-ddm__text-pr':isReverse && (isCheckbox || model.src)}"
+								:style="{fontSize:size+'rpx',color:selectedColor && model.checked?selectedColor:color}">{{model.text}}</text>
+						</view>
+					</view>
+				</view>
+			</scroll-view>
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const dom = weex.requireModule('dom')
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	export default {
+		name: "fui-dropdown-menu",
+		emits: ['click', 'close'],
+		props: {
+			options: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			maxHeight: {
+				type: [Number, String],
+				default: 400
+			},
+			minWidth: {
+				type: [Number, String],
+				default: 0
+			},
+			left: {
+				type: [Number, String],
+				default: 0
+			},
+			//right大于等于0时生效，left失效
+			right: {
+				type: [Number, String],
+				default: -1
+			},
+			background: {
+				type: String,
+				default: '#fff'
+			},
+			radius: {
+				type: [Number, String],
+				default: 0
+			},
+			padding: {
+				type: String,
+				default: '32rpx'
+			},
+			isCheckbox: {
+				type: Boolean,
+				default: true
+			},
+			//选择框选中后颜色
+			checkboxColor: {
+				type: String,
+				default: ''
+			},
+			//选择框未选中时边框颜色
+			borderColor: {
+				type: String,
+				default: '#ccc'
+			},
+			//是否只展示对号，无边框背景
+			isCheckMark: {
+				type: Boolean,
+				default: false
+			},
+			//对号颜色
+			checkmarkColor: {
+				type: String,
+				default: '#fff'
+			},
+			//选择框与内容是否颠倒排列
+			isReverse: {
+				type: Boolean,
+				default: false
+			},
+			//是否需要分割线条
+			splitLine: {
+				type: Boolean,
+				default: false
+			},
+			lineColor: {
+				type: String,
+				default: '#eee'
+			},
+			iconWidth: {
+				type: [Number, String],
+				default: 48
+			},
+			size: {
+				type: [Number, String],
+				default: 32
+			},
+			color: {
+				type: String,
+				default: '#181818'
+			},
+			selectedColor: {
+				type: String,
+				default: ''
+			},
+			isMask: {
+				type: Boolean,
+				default: true
+			},
+			maskBackground: {
+				type: String,
+				default: 'transparent'
+			},
+			//down/up
+			direction: {
+				type: String,
+				default: 'down'
+			}
+		},
+		watch: {
+			// #ifdef APP-NVUE
+			isShow(val) {
+				if (val) {
+					this.isNvueShow = true;
+					this.$nextTick(() => {
+						setTimeout(() => {
+							this._animationFn(true);
+						}, 50);
+					});
+				} else {
+					this._animationFn(false);
+				}
+			},
+			// #endif
+			options(newVal) {
+				this.initData(newVal)
+			}
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				isNvue,
+				isNvueShow: false,
+				// #ifdef APP-NVUE
+				n_left: 0,
+				n_top: 20,
+				// #endif
+				itemList: [],
+				isShow: false
+			};
+		},
+		computed: {
+			getStyles() {
+				let styles = `border-radius:${this.radius}rpx;background:${this.background};`
+				let right = Number(this.right || 0)
+				let left = Number(this.left || 0)
+				if (right >= 0) {
+					styles += 'right:0;'
+				} else {
+					// #ifndef APP-NVUE
+					styles += `left:${left}rpx;`
+					// #endif
+				}
+				// #ifdef APP-NVUE
+				left = Math.floor(uni.upx2px(left))
+				styles += `left:${this.n_left+left}px;top:${this.n_top}px;height:${this.maxHeight}rpx;`
+				// if (this.direction === 'up') {
+				// 	styles += `transform: translate(0, -${this.maxHeight}rpx);`
+				// }
+				// #endif
+				return styles
+			},
+			getChkColor() {
+				let color = this.checkboxColor;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color;
+			}
+		},
+		created() {
+			this.initData(this.options)
+		},
+		// #ifdef APP-NVUE
+		mounted() {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this.resetCalc()
+				}, 100)
+			})
+		},
+		// #endif
+		methods: {
+			resetCalc(callback, height) {
+				// #ifdef APP-NVUE
+				if (!this.$refs['fui_dm_wrap']) return;
+				dom.getComponentRect(this.$refs['fui_dm_wrap'], option => {
+					if (option && option.result && option.size) {
+						let cbk = callback && typeof callback === 'function'
+						let height = option.size.height
+						if (cbk && height) {
+							height = height
+						}
+						let top = option.size.top
+						this.n_left = option.size.left;
+						this.n_top = this.direction === 'down' ? height + top : top
+						if (cbk) {
+							callback(true)
+						}
+					}
+				})
+				// #endif
+			},
+			// #ifdef APP-NVUE
+			_animationFn(type) {
+				if (!this.$refs['fui_ddm_list']) return;
+				let styles = {
+					opacity: type ? 1 : 0
+				}
+				if (this.direction === 'up') {
+					styles.transform = `translate(0, -100%)`
+				}
+				animation.transition(
+					this.$refs['fui_ddm_list'].ref, {
+						styles,
+						duration: 300, //ms
+						timingFunction: 'ease',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {
+						if (!type) {
+							this.isNvueShow = false;
+						}
+					}
+				);
+			},
+			// #endif
+			initData(vals) {
+				if (vals && vals.length > 0) {
+					if (typeof vals[0] !== 'object') {
+						vals = vals.map(item => {
+							return {
+								text: item,
+								checked: false
+							}
+						})
+					} else {
+						vals.map(item => {
+							item.checked = item.checked || false
+						})
+					}
+					this.itemList = vals;
+				}
+			},
+			itemClick(index) {
+				let item = this.itemList[index]
+				let vals = [...this.itemList]
+				vals.forEach((item, idx) => {
+					if (index === idx) {
+						item.checked = true
+					} else {
+						item.checked = false
+					}
+				})
+				this.itemList = vals;
+				this.$emit('click', {
+					index: index,
+					...item
+				})
+				this.close(2)
+			},
+			close(type) {
+				this.isShow = false;
+				if (type === 1) {
+					this.$emit('close', {})
+				}
+			},
+			show() {
+				this.isShow = true;
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-dropdown__menu {
+		flex: 1;
+		position: relative;
+	}
+
+	.fui-ddm__scroll {
+		/* #ifndef APP-NVUE */
+		width: auto;
+		/* #endif */
+		flex: 1;
+	}
+
+	.fui-dropdown__menu-list {
+		/* #ifndef APP-NVUE */
+		position: absolute;
+		overflow: hidden;
+		z-index: 992;
+		visibility: hidden;
+		transition: all 0.3s ease-in-out;
+		/* #endif */
+		box-shadow: 0 0 10rpx rgba(2, 4, 38, 0.05);
+		opacity: 0;
+		/* #ifdef APP-NVUE */
+		position: fixed;
+		flex-direction: row;
+		transition: opacity 0.3s ease-in-out;
+		/* #endif */
+	}
+
+	.fui-ddm__down {
+		transform-origin: 0 0;
+		/* #ifndef APP-NVUE */
+		bottom: 0;
+		transform: translate3d(0, 100%, 0) scaleY(0);
+		/* #endif */
+	}
+
+	.fui-ddm__down-show {
+		/* #ifndef APP-NVUE */
+		transform: translate3d(0, 100%, 0) scaleY(1);
+		visibility: visible;
+		opacity: 1;
+		/* #endif */
+	}
+
+	.fui-ddm__up {
+		transform-origin: 0 100%;
+		/* #ifndef APP-NVUE */
+		top: 0;
+		transform: translate3d(0, -100%, 0) scaleY(0);
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		transform: translate(0, -100%);
+		/* #endif */
+	}
+
+	.fui-ddm__up-show {
+		/* #ifndef APP-NVUE */
+		transform: translate3d(0, -100%, 0) scaleY(1);
+		visibility: visible;
+		opacity: 1;
+		/* #endif */
+	}
+
+	.fui-ddm__mask {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		z-index: 990;
+	}
+
+	.fui-dropdown__menu-item {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: border-box;
+		transform: scale(1) translateZ(0);
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		background-color: #FFFFFF;
+		position: relative;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-ddm__flex {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		align-items: center;
+	}
+
+	.fui-ddm__item-line {
+		position: relative;
+		/* #ifdef APP-NVUE */
+		border-bottom-width: 0.5px;
+		border-bottom-style: solid;
+		border-bottom-color: #EEEEEE;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		border-bottom-width: 0;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-ddm__item-line::after {
+		content: '';
+		position: absolute;
+		border-bottom: 1px solid var(--fui-color-border, #EEEEEE);
+		/* #ifdef H5 */
+		transform: scaleY(0.5);
+		/* #endif */
+
+		/* #ifndef H5 */
+		transform: scaleY(0.5) translateZ(0);
+		/* #endif */
+		transform-origin: 0 100%;
+		bottom: 0;
+		right: 0;
+		left: 32rpx;
+		pointer-events: none;
+	}
+
+	/* #endif */
+
+	.fui-dropdown__menu-item:active {
+		/* #ifdef APP-NVUE */
+		background-color: rgba(0, 0, 0, .2) !important;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		background-color: var(--fui-bg-color-hover, rgba(0, 0, 0, .2)) !important;
+		/* #endif */
+	}
+
+	.fui-ddm__reverse {
+		justify-content: space-between;
+		flex-direction: row-reverse;
+	}
+
+	.fui-ddm__checkbox {
+		font-size: 0;
+		color: rgba(0, 0, 0, 0);
+		width: 40rpx;
+		height: 40rpx;
+		border-width: 1px;
+		border-style: solid;
+		/* #ifdef APP-NVUE */
+		border-radius: 40rpx;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		display: inline-flex;
+		box-sizing: border-box;
+		border-radius: 50%;
+		vertical-align: top;
+		flex-shrink: 0;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		overflow: hidden;
+		position: relative;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-ddm__checkbox-color {
+		background: var(--fui-color-primary, #465CFF) !important;
+		border-color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+
+	.fui-is__checkmark {
+		border-width: 0 !important;
+		background-color: transparent !important;
+	}
+
+	.fui-ddm__checkmark {
+		width: 20rpx;
+		height: 40rpx;
+		border-bottom-style: solid;
+		border-bottom-width: 3px;
+		border-bottom-color: #FFFFFF;
+		border-right-style: solid;
+		border-right-width: 3px;
+		border-right-color: #FFFFFF;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		transform: rotate(45deg) scale(0.5) translateZ(0);
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		transform: rotate(45deg) scale(0.5);
+		/* #endif */
+		transform-origin: 54% 48%;
+	}
+
+	.fui-ddm__item-text {
+		/* #ifndef APP-NVUE */
+		word-break: break-all;
+		/* #endif */
+		font-weight: normal;
+	}
+
+	.fui-ddm__text-pl {
+		padding-left: 24rpx;
+	}
+
+	.fui-ddm__text-pr {
+		padding-right: 24rpx;
+	}
+
+	.fui-ddm__icon-box {
+		overflow: hidden;
+		background-color: #F1F4FA;
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		/* #endif */
+	}
+
+	.fui-ddm__icon-ml {
+		margin-left: 24rpx;
+	}
+
+	.fui-ddm__icon-mr {
+		margin-right: 24rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-empty/fui-empty.vue b/components/firstui/fui-empty/fui-empty.vue
new file mode 100644
index 0000000..347ab23
--- /dev/null
+++ b/components/firstui/fui-empty/fui-empty.vue
@@ -0,0 +1,131 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1  8  61 4  07 25 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-empty__wrap" :class="{'fui-empty__fixed':isFixed}" :style="{marginTop:marginTop+'rpx'}">
+		<image :src="src" :style="{width:width+'rpx',height:height+'rpx'}" mode="widthFix" v-if="src"></image>
+		<text class="fui-empty__title" :class="{'fui-empty__title-color':!color}"
+			:style="{color:color,fontSize:size+'rpx'}" v-if="title">{{title}}</text>
+		<text class="fui-empty__desc" :class="{'fui-empty__descr-color':!descrColor}"
+			:style="{color:descrColor,fontSize:descrSize+'rpx'}" v-if="descr">{{descr}}</text>
+		<slot></slot>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-empty",
+		props: {
+			src: {
+				type: String,
+				default: ''
+			},
+			width: {
+				type: [Number, String],
+				default: 576
+			},
+			height: {
+				type: [Number, String],
+				default: 318
+			},
+			title: {
+				type: String,
+				default: ''
+			},
+			// #ifdef APP-NVUE
+			color: {
+				type: String,
+				default: '#333333'
+			},
+			// #endif
+			// #ifndef APP-NVUE
+			color: {
+				type: String,
+				default: ''
+			},
+			// #endif
+			size: {
+				type: [Number, String],
+				default: 32
+			},
+			descr: {
+				type: String,
+				default: ''
+			},
+			// #ifdef APP-NVUE
+			descrColor: {
+				type: String,
+				default: '#B2B2B2'
+			},
+			// #endif
+			// #ifndef APP-NVUE
+			descrColor: {
+				type: String,
+				default: ''
+			},
+			// #endif
+			descrSize: {
+				type: [Number, String],
+				default: 24
+			},
+			isFixed: {
+				type: Boolean,
+				default: false
+			},
+			marginTop: {
+				type: [Number, String],
+				default: 0
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-empty__wrap {
+		flex: 1;
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.fui-empty__fixed {
+		position: fixed;
+		left: 0;
+		/* #ifndef APP-NVUE */
+		top: 50%;
+		transform: translateY(-50%);
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		top: 0;
+		right: 0;
+		bottom: 0;
+		/* #endif */
+		z-index: 99;
+	}
+
+	.fui-empty__title {
+		text-align: center;
+		font-weight: 500;
+		padding-top: 48rpx;
+	}
+
+	.fui-empty__desc {
+		text-align: center;
+		font-weight: normal;
+		padding-top: 8rpx;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-empty__title-color {
+		color: var(--fui-color-section, #333333) !important;
+	}
+
+	.fui-empty__descr-color {
+		color: var(--fui-color-label, #B2B2B2) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-fab/bindingx.js b/components/firstui/fui-fab/bindingx.js
new file mode 100644
index 0000000..323be7e
--- /dev/null
+++ b/components/firstui/fui-fab/bindingx.js
@@ -0,0 +1,83 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：      186 1 407 25 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifdef APP-NVUE
+const animation = uni.requireNativePlugin('animation');
+export default {
+	data() {
+		return {
+			startX: 0,
+			startY: 0,
+			lastLeft: 0,
+			lastTop: 0,
+			isMove: false
+		}
+	},
+	created() {
+		this.refFab = null;
+		this.loop = null
+	},
+	mounted() {
+		this.$nextTick(() => {
+			setTimeout(() => {
+				this.refFab = this.getEl(this.$refs['fui_fab_move_ref'])
+			}, 50)
+		})
+	},
+	methods: {
+		getEl(el) {
+			return el.ref || el[0].ref;
+		},
+		_aniMove(x, y) {
+			if (!this.refFab || !this.isDrag) return
+			animation.transition(this.refFab, {
+				styles: {
+					transform: `translate(${x}px,${y}px)`
+				},
+				duration: 0,
+				timingFunction: 'linear',
+				needLayout: false,
+				delay: 0
+			}, () => {
+				if (Math.abs(x) > 0.1 || Math.abs(y) > 0.1) {
+					this.isMove = true;
+				}
+			});
+		},
+		touchstart(e) {
+			if (!this.isDrag) return;
+			var touch = e.touches || e.changedTouches
+			this.startX = touch[0].screenX
+			this.startY = touch[0].screenY
+		},
+		touchmove(e) {
+			if (!this.isDrag) return;
+			var touch = e.touches || e.changedTouches
+			let pageX = touch[0].screenX,
+				pageY = touch[0].screenY;
+			var left = pageX - this.startX + this.lastLeft;
+			left = left < -this.eLeft ? -this.eLeft : left;
+			left = left > this.maxWidth ? this.maxWidth : left;
+			this.startX = pageX
+
+			var top = pageY - this.startY + this.lastTop;
+			top = top < -this.eTop ? -this.eTop : top;
+			top = top > this.maxHeight ? this.maxHeight : top;
+			this.startY = pageY
+
+			this.lastLeft = left
+			this.lastTop = top
+			this._aniMove(left, top)
+		},
+		touchend(e) {
+			clearTimeout(this.loop)
+			this.loop = setTimeout(() => {
+				this.isMove = false
+			}, 50)
+		}
+	}
+}
+
+// #endif
+
+// #ifndef APP-NVUE
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-fab/fui-fab.vue b/components/firstui/fui-fab/fui-fab.vue
new file mode 100644
index 0000000..4baac34
--- /dev/null
+++ b/components/firstui/fui-fab/fui-fab.vue
@@ -0,0 +1,607 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186 1   4 0     72549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view @touchmove.stop.prevent="stop">
+		<view class="fui-fab__mask" :class="{'fui-fab__mask-show':isShow}" :style="getStyle" ref="fui_mask_ani"
+			v-if="mask" @tap.stop="maskClick"></view>
+
+		<!-- #ifdef APP-VUE || MP-WEIXIN || H5-->
+		<view class="fui-fab__btn-wrap" :data-disabled="isDrag?0:1" :data-width="maxWidth" :data-height="maxHeight"
+			:data-left="eLeft" :data-top="eTop" :prop="resetNum" :change:prop="handler.fabreset"
+			@touchstart="handler.touchstart" @touchmove="handler.touchmove" @mousedown="handler.mousedown"
+			:class="[position==='left'?'fui-fab__wrap-left':'fui-fab__wrap-right']" :style="getStyles">
+			<view class="fui-fab__btn-list"
+				:class="{'fui-fab__btn-hidden':isHidden,'fui-fab__list-ani':isShow,'fui-fab__list-left':position==='left','fui-fab__list-right':position==='right'}"
+				ref="fui_fab_ani">
+				<view class="fui-fab__button-box"
+					:class="[position==='left'?'fui-fab__button-left':'fui-fab__button-right']"
+					v-for="(btn,idx) in fabs" :key="idx" @tap.stop="handleClick($event,idx)">
+					<text class="fui-fab__btn-text" v-if="btn.text"
+						:style="{fontSize:(btn.size || 32)+'rpx',color:btn.color || '#fff',textAlign:position==='left'?'left':'right'}">{{btn.text}}</text>
+					<view class="fui-fab__button" :class="{'fui-fab__btn-color':!getBgColor && !btn.background }"
+						:style="{width:width+'rpx',height:width+'rpx',background:btn.background || getBgColor}">
+						<fui-icon :name="btn.name" v-if="btn.name" :color="btn.abbrColor || '#fff'"
+							:size="btn.abbrSize || 64"></fui-icon>
+						<image :src="btn.src"
+							:style="{width:(btn.width || 56)+'rpx',height:(btn.height || 56)+'rpx',borderRadius:(btn.radius || 0)+'rpx'}"
+							v-if="!btn.name && btn.src" mode="widthFix"></image>
+						<text class="fui-fab__btn-abbr"
+							:style="{fontSize:(btn.abbrSize || 36)+'rpx',lineHeight:(btn.abbrSize || 36)+'rpx',color:btn.abbrColor || '#fff'}"
+							v-if="!btn.name && !btn.src && btn.abbr">{{btn.abbr}}</text>
+					</view>
+				</view>
+			</view>
+			<view class="fui-fab__btn-main" :class="{'fui-fab__btn-color':!getBgColor}"
+				:style="{width:width+'rpx',height:width+'rpx',background:getBgColor}"
+				@tap.stop="handleClick($event,-1)">
+				<view class="fui-fab__btn-inner" :class="{'fui-fab__btn-ani':isShow}" ref="fui_fm_ani">
+					<slot>
+						<fui-icon name="plus" :color="color" :size="80"></fui-icon>
+					</slot>
+				</view>
+			</view>
+		</view>
+		<!-- #endif -->
+
+		<!-- #ifdef APP-NVUE -->
+		<view class="fui-fab__btn-wrap" @touchstart="touchstart" @touchmove.stop.prevent="touchmove"
+			@touchend="touchend" @touchcancel="touchend" ref="fui_fab_move_ref"
+			:class="[position==='left'?'fui-fab__wrap-left':'fui-fab__wrap-right']" :style="getStyles">
+			<view class="fui-fab__btn-list"
+				:class="{'fui-fab__btn-hidden':isHidden,'fui-fab__list-ani':isShow,'fui-fab__list-left':position==='left','fui-fab__list-right':position==='right'}"
+				ref="fui_fab_ani">
+				<view class="fui-fab__button-box"
+					:class="[position==='left'?'fui-fab__button-left':'fui-fab__button-right']"
+					v-for="(btn,idx) in fabs" :key="idx" @tap.stop="handleClick($event,idx)">
+					<text class="fui-fab__btn-text" v-if="btn.text"
+						:style="{fontSize:(btn.size || 32)+'rpx',color:btn.color || '#fff',textAlign:position==='left'?'left':'right'}">{{btn.text}}</text>
+					<view class="fui-fab__button" :class="{'fui-fab__btn-color':!getBgColor && !btn.background }"
+						:style="{width:width+'rpx',height:width+'rpx',background:btn.background || getBgColor}">
+						<fui-icon :name="btn.name" v-if="btn.name" :color="btn.abbrColor || '#fff'"
+							:size="btn.abbrSize || 64"></fui-icon>
+						<image :src="btn.src"
+							:style="{width:(btn.width || 56)+'rpx',height:(btn.height || 56)+'rpx',borderRadius:(btn.radius || 0)+'rpx'}"
+							v-if="!btn.name && btn.src" mode="widthFix"></image>
+						<text class="fui-fab__btn-abbr"
+							:style="{fontSize:(btn.abbrSize || 36)+'rpx',lineHeight:(btn.abbrSize || 36)+'rpx',color:btn.abbrColor || '#fff'}"
+							v-if="!btn.name && !btn.src && btn.abbr">{{btn.abbr}}</text>
+					</view>
+				</view>
+			</view>
+			<view class="fui-fab__btn-main" :class="{'fui-fab__btn-color':!getBgColor}"
+				:style="{width:width+'rpx',height:width+'rpx',background:getBgColor}"
+				@tap.stop="handleClick($event,-1)">
+				<view class="fui-fab__btn-inner" :class="{'fui-fab__btn-ani':isShow}" ref="fui_fm_ani">
+					<slot>
+						<fui-icon name="plus" :color="color" :size="80"></fui-icon>
+					</slot>
+				</view>
+			</view>
+		</view>
+		<!-- #endif -->
+
+		<!-- #ifndef APP-PLUS  || MP-WEIXIN || H5 -->
+		<view class="fui-fab__btn-wrap" @touchstart="touchstart" @touchmove.stop.prevent="touchmove"
+			:class="[position==='left'?'fui-fab__wrap-left':'fui-fab__wrap-right']" :style="getStyles">
+			<view class="fui-fab__btn-list"
+				:class="{'fui-fab__btn-hidden':isHidden,'fui-fab__list-ani':isShow,'fui-fab__list-left':position==='left','fui-fab__list-right':position==='right'}"
+				ref="fui_fab_ani">
+				<view class="fui-fab__button-box"
+					:class="[position==='left'?'fui-fab__button-left':'fui-fab__button-right']"
+					v-for="(btn,idx) in fabs" :key="idx" @tap.stop="handleClick($event,idx)">
+					<text class="fui-fab__btn-text" v-if="btn.text"
+						:style="{fontSize:(btn.size || 32)+'rpx',color:btn.color || '#fff',textAlign:position==='left'?'left':'right'}">{{btn.text}}</text>
+					<view class="fui-fab__button" :class="{'fui-fab__btn-color':!getBgColor && !btn.background }"
+						:style="{width:width+'rpx',height:width+'rpx',background:btn.background || getBgColor}">
+						<fui-icon :name="btn.name" v-if="btn.name" :color="btn.abbrColor || '#fff'"
+							:size="btn.abbrSize || 64"></fui-icon>
+						<image :src="btn.src"
+							:style="{width:(btn.width || 56)+'rpx',height:(btn.height || 56)+'rpx',borderRadius:(btn.radius || 0)+'rpx'}"
+							v-if="!btn.name && btn.src" mode="widthFix"></image>
+						<text class="fui-fab__btn-abbr"
+							:style="{fontSize:(btn.abbrSize || 36)+'rpx',lineHeight:(btn.abbrSize || 36)+'rpx',color:btn.abbrColor || '#fff'}"
+							v-if="!btn.name && !btn.src && btn.abbr">{{btn.abbr}}</text>
+					</view>
+				</view>
+			</view>
+			<view class="fui-fab__btn-main" :class="{'fui-fab__btn-color':!getBgColor}"
+				:style="{width:width+'rpx',height:width+'rpx',background:getBgColor}"
+				@tap.stop="handleClick($event,-1)">
+				<view class="fui-fab__btn-inner" :class="{'fui-fab__btn-ani':isShow}" ref="fui_fm_ani">
+					<slot>
+						<fui-icon name="plus" :color="color" :size="80"></fui-icon>
+					</slot>
+				</view>
+			</view>
+		</view>
+		<!-- #endif -->
+
+	</view>
+</template>
+<!-- #ifdef APP-VUE || MP-WEIXIN || H5-->
+<script src="./index.wxs" module="handler" lang="wxs"></script>
+<!-- #endif -->
+<script>
+	//非easycom模式取消注释引入字体组件，按实际路径进行调整
+	// import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	const dom = uni.requireNativePlugin('dom');
+	// #endif
+	import mpjs from './mpjs.js'
+	import bindingx from './bindingx.js'
+	export default {
+		name: "fui-fab",
+		mixins: [mpjs, bindingx],
+		emits: ['click', 'change'],
+		// components:{
+		// 	fuiIcon
+		// },
+		props: {
+			fabs: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			position: {
+				type: String,
+				default: 'right'
+			},
+			distance: {
+				type: [Number, String],
+				default: 80
+			},
+			bottom: {
+				type: [Number, String],
+				default: 120
+			},
+			width: {
+				type: [Number, String],
+				default: 108
+			},
+			background: {
+				type: String,
+				default: ""
+			},
+			color: {
+				type: String,
+				default: "#fff"
+			},
+			mask: {
+				type: Boolean,
+				default: true
+			},
+			maskBackground: {
+				type: String,
+				default: 'rgba(0,0,0,.6)'
+			},
+			maskClosable: {
+				type: Boolean,
+				default: false
+			},
+			zIndex: {
+				type: [Number, String],
+				default: 99
+			},
+			//V1.9.8+
+			isDrag: {
+				type: Boolean,
+				default: false
+			}
+		},
+		computed: {
+			getStyles() {
+				let styles = `bottom:${this.bottom}rpx;z-index:${this.zIndex};`
+				if (this.position === 'left') {
+					styles += `left:${this.distance}rpx;`
+				} else {
+					styles += `right:${this.distance}rpx;`
+				}
+				// #ifndef APP-PLUS || MP-WEIXIN || H5
+				if (this.isDrag) {
+					styles += `transform:${this.transform};`
+				}
+				// #endif
+				return styles;
+			},
+			getStyle() {
+				return `background:${this.maskBackground};z-index:${Number(this.zIndex)-10};`
+			},
+			getBgColor() {
+				let color = this.background;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color;
+			}
+		},
+		watch: {
+			isShow(val) {
+				this.$emit("change", {
+					isShow: val
+				})
+			},
+			position(val) {
+				this.resetNum++;
+				this.$nextTick(() => {
+					setTimeout(() => {
+						this._getSize()
+					}, 80);
+				})
+			}
+		},
+		data() {
+			return {
+				isShow: false,
+				isHidden: true,
+				timer: null,
+				maxWidth: 0,
+				maxHeight: 0,
+				eLeft: 0,
+				eTop: 0,
+				resetNum: 0
+			};
+		},
+		// #ifndef APP-NVUE
+		// #ifndef VUE3
+		beforeDestroy() {
+			clearTimeout(this.timer)
+			this.timer = null
+		},
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+			clearTimeout(this.timer)
+			this.timer = null
+		},
+		// #endif
+		// #endif
+
+		mounted() {
+			this.$nextTick(() => {
+				// #ifdef APP-NVUE
+				if (!this.$refs['fui_fab_ani']) return;
+				let styles = {
+					transform: 'scale(0)',
+					opacity: 0
+				}
+				animation.transition(
+					this.$refs['fui_fab_ani'].ref, {
+						styles,
+						duration: 0,
+						needLayout: false,
+						delay: 0
+					},
+					() => {}
+				);
+				// #endif
+				setTimeout(() => {
+					this._getSize()
+				}, 50);
+			})
+		},
+
+		methods: {
+			stop() {},
+			_getSize() {
+				if (!this.isDrag) return;
+				const sys = uni.getSystemInfoSync()
+				// #ifndef APP-NVUE
+				uni.createSelectorQuery()
+					// #ifndef MP-ALIPAY
+					.in(this)
+					// #endif
+					.select('.fui-fab__btn-wrap')
+					.boundingClientRect()
+					.exec(ret => {
+						if (ret) {
+							this.maxWidth = sys.windowWidth - ret[0].width - ret[0].left;
+							this.maxHeight = sys.windowHeight - ret[0].height - ret[0].top;
+							this.eLeft = ret[0].left || 0;
+							this.eTop = ret[0].top || 0;
+						}
+					})
+				// #endif
+				// #ifdef APP-NVUE
+				dom.getComponentRect(this.$refs['fui_fab_move_ref'], (ret) => {
+					const size = ret.size
+					if (size) {
+						this.maxWidth = sys.windowWidth - size.width - size.left;
+						this.maxHeight = sys.windowHeight - size.height - size.top;
+						this.eLeft = size.left || 0;
+						this.eTop = size.top || 0;
+					}
+				})
+				// #endif
+			},
+			// #ifdef APP-NVUE
+			_animation(type) {
+				let styles = {
+					transform: `scale(${type ? 1 : 0})`,
+					opacity: type ? 1 : 0
+				}
+				if (!this.$refs['fui_fab_ani'] || !this.$refs['fui_fm_ani']) return;
+
+				if (this.mask && this.$refs['fui_mask_ani']) {
+					animation.transition(
+						this.$refs['fui_mask_ani'].ref, {
+							styles: {
+								transform: `translateX(${type ? '0' : '-100%'})`
+							},
+							duration: 0,
+							needLayout: false,
+							delay: 0 //ms
+						},
+						() => {}
+					);
+				}
+				animation.transition(
+					this.$refs['fui_fm_ani'].ref, {
+						styles: {
+							transform: `rotate(${type ? '135deg' : '0deg'})`
+						},
+						duration: 250,
+						timingFunction: 'ease-in-out',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {
+						if (!type) {
+							this.isHidden = true
+						}
+					}
+				);
+				animation.transition(
+					this.$refs['fui_fab_ani'].ref, {
+						styles,
+						duration: 250,
+						timingFunction: 'ease-in-out',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {}
+				);
+			},
+			// #endif
+			handleClick: function(e, index) {
+				// #ifdef APP-NVUE
+				e.stopPropagation();
+				// #endif
+
+				// #ifdef APP-NVUE
+				if (this.isMove) {
+					this.isMove = false;
+					return;
+				};
+				// #endif
+
+				this.isHidden = false
+				clearTimeout(this.timer)
+				this.$nextTick(() => {
+					if (index === -1 && this.fabs.length > 0) {
+						this.isShow = !this.isShow
+						// #ifdef APP-NVUE
+						this._animation(this.isShow)
+						// #endif
+					} else {
+						this.$emit("click", {
+							index: index
+						})
+						this.isShow = false
+						// #ifdef APP-NVUE
+						this._animation(this.isShow)
+						// #endif
+					}
+					// #ifndef APP-NVUE
+					if (!this.isShow) {
+						this.timer = setTimeout(() => {
+							this.isHidden = true
+						}, 250)
+					}
+					// #endif
+				})
+			},
+			maskClick(e) {
+				// #ifdef APP-NVUE
+				e.stopPropagation();
+				// #endif
+				if (!this.maskClosable) return;
+				this.isShow = false
+				// #ifndef APP-NVUE
+				this.timer = setTimeout(() => {
+					this.isHidden = true
+				}, 250)
+				// #endif
+
+				// #ifdef APP-NVUE
+				this._animation(this.isShow)
+				// #endif
+
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-fab__mask {
+		position: fixed;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		opacity: 0;
+		/* #ifndef APP-NVUE */
+		visibility: hidden;
+		transition-property: visibility, opacity;
+		/* #endif */
+		transition-duration: .25s;
+		/* #ifdef APP-NVUE */
+		transition-property: opacity;
+		transition-timing-function: ease-in-out;
+		transform: translateX(-100%);
+		/* #endif */
+	}
+
+	.fui-fab__mask-show {
+		opacity: 1;
+		/* #ifdef APP-NVUE */
+		transform: translateX(0);
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		visibility: visible;
+		/* #endif */
+	}
+
+	.fui-fab__btn-wrap {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: column;
+		justify-content: center;
+		position: fixed;
+		bottom: 120rpx;
+	}
+
+	.fui-fab__wrap-left {
+		align-items: flex-start;
+		left: 80rpx;
+	}
+
+	.fui-fab__wrap-right {
+		align-items: flex-end;
+		right: 80rpx;
+	}
+
+	.fui-fab__btn-list {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		visibility: hidden;
+		transition: all 0.25s ease-in-out;
+		transform: scale3d(0, 0, 1);
+		opacity: 0;
+		/* #endif */
+		flex-direction: column;
+	}
+
+	.fui-fab__list-left {
+		transform-origin: 0 100%;
+		align-items: flex-start;
+	}
+
+	.fui-fab__list-right {
+		transform-origin: 100% 100%;
+		align-items: flex-end;
+	}
+
+	.fui-fab__btn-hidden {
+		width: 0;
+		height: 0;
+	}
+
+	.fui-fab__list-ani {
+		/* #ifndef APP-NVUE */
+		opacity: 1;
+		transform: scale3d(1, 1, 1);
+		visibility: visible;
+		/* #endif */
+	}
+
+	.fui-fab__button-box {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		justify-content: flex-end;
+		align-items: center;
+		margin-bottom: 32rpx;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-fab__button-left {
+		flex-direction: row-reverse;
+		justify-content: flex-start;
+	}
+
+	.fui-fab__button-right {
+		flex-direction: row;
+		justify-content: flex-end;
+	}
+
+
+	.fui-fab__btn-text {
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+		padding-left: 24rpx;
+		padding-right: 24rpx;
+		font-weight: normal;
+	}
+
+	.fui-fab__button {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		border-radius: 50%;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		border-radius: 100px;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.fui-fab__btn-abbr {
+		text-align: center;
+		font-weight: normal;
+	}
+
+	.fui-fab__btn-main {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		border-radius: 50%;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		border-radius: 100px;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		box-shadow: 0 10rpx 14rpx 0 rgba(0, 0, 0, 0.1);
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		transform: rotate(0deg);
+		overflow: hidden;
+
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-fab__btn-inner {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		transform: rotate(0deg);
+		transition: transform .25s;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-fab__btn-ani {
+		transform: rotate(135deg);
+	}
+
+	/* #endif */
+
+	/* #ifndef APP-NVUE */
+	.fui-fab__btn-color {
+		background: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-fab/index.wxs b/components/firstui/fui-fab/index.wxs
new file mode 100644
index 0000000..84f7304
--- /dev/null
+++ b/components/firstui/fui-fab/index.wxs
@@ -0,0 +1,120 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 186140  7 2      549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+var movable = {
+	width: 100,
+	height: 100,
+	disabled: false,
+	left: 0,
+	top: 0
+}
+
+function isPC() {
+	if (typeof navigator !== 'object') return false;
+	var userAgentInfo = navigator.userAgent;
+	var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
+	var flag = true;
+	for (var v = 0; v < Agents.length - 1; v++) {
+		if (userAgentInfo.indexOf(Agents[v]) > 0) {
+			flag = false;
+			break;
+		}
+	}
+	return flag;
+}
+var isH5 = false
+if (typeof window === 'object') isH5 = true
+
+function setInitValue(dataset) {
+	movable.width = +dataset.width
+	movable.height = +dataset.height
+	movable.top = +dataset.top
+	movable.left = +dataset.left
+	//H5获取bool值为undefined
+	movable.disabled = (+dataset.disabled) == 1 ? true : false
+}
+
+function touchstart(e, ins) {
+	var state = e.instance.getState()
+	var touch = e.touches[0] || e.changedTouches[0];
+	if (isH5 && isPC()) {
+		touch = e;
+	}
+	var dataset = e.instance.getDataset()
+	state.startX = touch.clientX
+	state.startY = touch.clientY
+	setInitValue(dataset)
+}
+
+function styleChange(left, top, ins) {
+	if (!ins) return;
+	var mview = ins.selectComponent('.fui-fab__btn-wrap');
+	if (!mview) return;
+	mview.setStyle({
+		transform: 'translate3d(' + left + 'px,' + top + 'px,0)'
+	})
+}
+
+function touchmove(e, ins, event) {
+	if (movable.disabled) return;
+	if (e.preventDefault) {
+		// 阻止页面滚动
+		e.preventDefault()
+	}
+	var state = {}
+	var touch = {}
+	if (isH5 && isPC()) {
+		touch = e;
+		state = event.instance.getState()
+	} else {
+		touch = e.touches[0] || e.changedTouches[0]
+		state = e.instance.getState()
+	}
+	var pageX = touch.clientX;
+	var pageY = touch.clientY;
+	var left = pageX - state.startX + (state.lastLeft || 0);
+	left = left < -movable.left ? -movable.left : left;
+	left = left > movable.width ? movable.width : left;
+	state.startX = pageX
+
+	var top = pageY - state.startY + (state.lastTop || 0);
+	top = top < -movable.top ? -movable.top : top;
+	top = top > movable.height ? movable.height : top;
+	state.startY = pageY
+
+	state.lastLeft = left
+	state.lastTop = top
+	styleChange(left, top, ins)
+}
+
+var _movable = false;
+
+function mousedown(e, ins) {
+	if (!isH5 || !isPC()) return
+	touchstart(e, ins)
+	_movable = true
+	window.onmousemove = function(event) {
+		if (!isH5 || !isPC() || !_movable) return
+		touchmove(event, ins, e)
+	}
+	window.onmouseup = function(event) {
+		if (!isH5 || !isPC() || !_movable) return
+		_movable = false
+	}
+}
+
+function fabreset(reset, oldreset, owner, ins) {
+	if (reset > 0) {
+		var state = ins.getState()
+		state.startY = 0;
+		state.startX = 0;
+		state.lastLeft = 0;
+		state.lastTop = 0;
+		styleChange(0, 0, owner)
+	}
+}
+
+module.exports = {
+	touchstart: touchstart,
+	touchmove: touchmove,
+	mousedown: mousedown,
+	fabreset: fabreset
+}
\ No newline at end of file
diff --git a/components/firstui/fui-fab/mpjs.js b/components/firstui/fui-fab/mpjs.js
new file mode 100644
index 0000000..9958abf
--- /dev/null
+++ b/components/firstui/fui-fab/mpjs.js
@@ -0,0 +1,59 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18     6140  72  54 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifndef APP-PLUS || MP-WEIXIN || H5
+export default {
+	data() {
+		return {
+			startX: 0,
+			startY: 0,
+			lastLeft: 0,
+			lastTop: 0,
+			transform: ''
+		}
+	},
+	watch: {
+		resetNum(val) {
+			if (val > 0) {
+				this.startX = 0;
+				this.startY = 0;
+				this.lastLeft = 0;
+				this.lastTop = 0;
+				this.transform = 'translate3d(0,0,0)'
+			}
+		}
+	},
+	methods: {
+		touchstart(e) {
+			if (!this.isDrag) return;
+			const touch = e.touches || e.changedTouches
+			this.startX = touch[0].clientX
+			this.startY = touch[0].clientY
+		},
+		touchmove(e) {
+			if (!this.isDrag) return;
+			const touch = e.touches || e.changedTouches
+			let pageX = touch[0].clientX,
+				pageY = touch[0].clientY;
+
+			var left = pageX - this.startX + this.lastLeft;
+			left = left < -this.eLeft ? -this.eLeft : left;
+			left = left > this.maxWidth ? this.maxWidth : left;
+			this.startX = pageX
+
+			var top = pageY - this.startY + this.lastTop;
+			top = top < -this.eTop ? -this.eTop : top;
+			top = top > this.maxHeight ? this.maxHeight : top;
+			this.startY = pageY
+
+
+			this.lastLeft = left
+			this.lastTop = top
+			this.transform = `translate3d(${left}px,${top}px,0)`
+		}
+	}
+}
+
+// #endif
+
+// #ifdef APP-PLUS|| MP-WEIXIN || H5
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-filter-bar/fui-filter-bar.vue b/components/firstui/fui-filter-bar/fui-filter-bar.vue
new file mode 100644
index 0000000..c22c31a
--- /dev/null
+++ b/components/firstui/fui-filter-bar/fui-filter-bar.vue
@@ -0,0 +1,230 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  186    140    72549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-filter__bar-wrap" :style="{height:height+'rpx',background:background}">
+		<view class="fui-filter__bar-item" :style="{height:height+'rpx'}" @tap.stop="handleClick(index)"
+			v-for="(item,index) in itemList" :key="index">
+			<text class="fui-filter__bar-text" :class="{'fui-fb__text-hidden':item.text.length>4}"
+				:style="{fontSize:size+'rpx',lineHeight:size+'rpx',color:item.value?activeColor:color}"
+				v-if="item.type!=='switch'">{{item.text}}</text>
+			<view v-if="item.type==='dropdown'" class="fui-filter__bar-icon"
+				:class="{'fui-fb__icon-rotate':item.active}">
+				<fui-icon name="arrowdown" :color="item.value?activeColor:color" :size="item.size || 32"></fui-icon>
+			</view>
+			<fui-icon name="screen" :size="item.size || 28" :color="item.value?activeColor:color"
+				v-if="item.type==='filter'"></fui-icon>
+			<!-- #ifndef APP-NVUE -->
+			<fui-icon v-if="item.type==='switch'" :name="item.switch===1?'classify':'list'"
+				:size="item.size || (item.switch===1?46:60)" :color="item.active?activeColor:color"></fui-icon>
+			<!-- #endif -->
+			<!-- #ifdef APP-NVUE -->
+			<fui-icon v-if="item.type==='switch'" :name="item.switch===1?'classify':'list'" :size="item.size || 48"
+				:color="item.active?activeColor:color"></fui-icon>
+			<!-- #endif -->
+			<fui-icon v-if="item.type==='sort'" :name="item.sort===1?'turningup':'turningdown'"
+				:color="item.value?activeColor:color" :size="item.size || 28"></fui-icon>
+		</view>
+		<view class="fui-filter__bar-line" v-if="isLine" :style="{background:lineColor}"></view>
+	</view>
+</template>
+
+<script>
+	//非easycom模式取消注释引入字体组件，按实际路径进行调整
+	// import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
+	export default {
+		name: "fui-filter-bar",
+		emits: ['change'],
+		// components:{
+		// 	fuiIcon
+		// },
+		props: {
+			items: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			coexist: {
+				type: Boolean,
+				default: false
+			},
+			height: {
+				type: [Number, String],
+				default: 88
+			},
+			background: {
+				type: String,
+				default: '#fff'
+			},
+			isLine: {
+				type: Boolean,
+				default: true
+			},
+			lineColor: {
+				type: String,
+				default: '#eee'
+			},
+			color: {
+				type: String,
+				default: '#7F7F7F'
+			},
+			activeColor: {
+				type: String,
+				default: '#181818'
+			},
+			size: {
+				type: [Number, String],
+				default: 28
+			}
+		},
+		watch: {
+			items(val) {
+				this.itemList = val
+			}
+		},
+		data() {
+			return {
+				itemList: []
+			};
+		},
+		created() {
+			this.itemList = this.items
+		},
+		methods: {
+			handleData(index) {
+				this.itemList.forEach((item, idx) => {
+					if (index !== idx && item.type !== 'filter' && item.type !== 'switch') {
+						if (item.type === 'sort') {
+							item.sort = 1;
+						}
+						item.active = false;
+						item.value = ''
+					}
+				})
+			},
+			handleClick(index) {
+				//dropdown、filter需要设置value来确定是否选中
+				let item = this.itemList[index]
+				//dropdown、text、switch、sort、filter
+				let type = item.type;
+				if (type === 'dropdown') {
+					this.$set(item, 'active', !item.active);
+					item.value && !this.coexist && this.handleData(index);
+				} else if (type === 'text') {
+					if (!this.coexist) {
+						if (item.active) return;
+						this.$set(item, 'active', true);
+						this.$set(item, 'value', item.text);
+						this.handleData(index);
+					} else {
+						if (item.active) {
+							this.$set(item, 'active', false);
+							this.$set(item, 'value', '');
+						} else {
+							this.$set(item, 'active', true);
+							this.$set(item, 'value', item.text);
+						}
+					}
+				} else if (type === 'switch') {
+					this.$set(item, 'switch', item.switch === 2 ? 1 : 2);
+					this.$set(item, 'active', false);
+				} else if (type === 'sort') {
+					//初次选中时为升序
+					if (item.value && item.sort) {
+						this.$set(item, 'sort', item.sort === 2 ? 1 : 2);
+					} else {
+						this.$set(item, 'sort', 1);
+					}
+					this.$set(item, 'value', item.sort === 1 ? 'asc' : 'desc');
+					!this.coexist && this.handleData(index);
+				}
+				setTimeout(() => {
+					this.$emit('change', {
+						index: index,
+						items: this.itemList
+					})
+				}, 0)
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-filter__bar-wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+		position: relative;
+	}
+
+	.fui-filter__bar-line {
+		position: absolute;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		/* #ifdef APP-NVUE */
+		height: 0.5px;
+		z-index: -1;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		height: 1px;
+		-webkit-transform: scaleY(0.5);
+		transform: scaleY(0.5);
+		transform-origin: 0 100%;
+		z-index: 1;
+		pointer-events: none;
+		/* #endif */
+	}
+
+	.fui-filter__bar-item {
+		flex: 1;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		flex-shrink: 0;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		font-weight: normal;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+		overflow: hidden;
+		padding: 0 24rpx;
+	}
+
+	.fui-filter__bar-text {
+		/* #ifdef APP-NVUE */
+		lines: 1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		white-space: nowrap;
+		display: block;
+		max-width: 90%;
+		/* #endif */
+		overflow: hidden;
+		text-overflow: ellipsis;
+		text-align: center;
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-fb__text-hidden {
+		flex: 1;
+	}
+
+	/* #endif */
+
+	.fui-filter__bar-icon {
+		transition: transform 0.25s;
+		transform: rotate(0deg);
+	}
+
+	.fui-fb__icon-rotate {
+		transform: rotate(180deg);
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-footer/fui-footer.vue b/components/firstui/fui-footer/fui-footer.vue
new file mode 100644
index 0000000..46efbb7
--- /dev/null
+++ b/components/firstui/fui-footer/fui-footer.vue
@@ -0,0 +1,221 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 8   614 07 25   49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-footer" :class="[isFixed?'fui-footer__fixed-bottom':'']" :style='{background:background}'>
+		<view class="fui-footer__link" v-if="navigate.length>0">
+			<navigator v-for="(item,index) in navigate" :key="index" class="fui-link__item" hover-class="fui-link-hover"
+				hover-stop-propagation :open-type="item.openType || 'navigate'" :url="item.url" :delta="item.delta">
+				<text class="fui-link__text"
+					:class="{'fui-link__color':!item.color,'fui-link__text-border':index===navigate.length-1}"
+					:style="{color:item.color || linkColor,fontSize:(item.size || 28)+'rpx',borderColor:borderColor,lineHeight:(item.size || 28)+'rpx'}">{{item.text}}</text>
+			</navigator>
+		</view>
+		<view class="fui-footer__text" :class="{'fui-as__safe-weex':iphoneX && safeArea}">
+			<text :style="{color:color,fontSize:size+'rpx'}">{{text}}</text>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-footer",
+		props: {
+			//url，openType，delta ，text，color，size
+			//链接设置  object数据格式对应上面注释的属性值
+			navigate: {
+				type: Array,
+				default: function() {
+					return []
+				}
+			},
+			//底部文本
+			text: {
+				type: String,
+				default: ''
+			},
+			//文本字体颜色
+			color: {
+				type: String,
+				default: "#B2B2B2"
+			},
+			//文本字体大小
+			size: {
+				type: [Number, String],
+				default: 24
+			},
+			//footer背景颜色
+			background: {
+				type: String,
+				default: "transparent"
+			},
+			//分隔线颜色，仅nvue生效
+			borderColor: {
+				type: String,
+				default: '#B2B2B2'
+			},
+			//是否固定在底部
+			isFixed: {
+				type: Boolean,
+				default: false
+			},
+			//是否适配底部安全区
+			safeArea: {
+				type: Boolean,
+				default: true
+			}
+		},
+		computed: {
+			linkColor() {
+				const app = uni && uni.$fui && uni.$fui.color;
+				return (app && app.link) || '#465CFF';
+			}
+		},
+		data() {
+			return {
+				iphoneX: false
+			}
+		},
+		created() {
+			// #ifdef APP-NVUE || MP-TOUTIAO
+			this.iphoneX = this.isPhoneX();
+			// #endif
+		},
+		methods: {
+			// #ifdef APP-NVUE || MP-TOUTIAO
+			isPhoneX() {
+				if (!this.safeArea) return false;
+				//34px
+				const res = uni.getSystemInfoSync();
+				let iphonex = false;
+				let models = ['iphonex', 'iphonexr', 'iphonexsmax', 'iphone11', 'iphone11pro', 'iphone11promax',
+					'iphone12', 'iphone12mini', 'iphone12pro', 'iphone12promax', 'iphone13', 'iphone13mini',
+					'iphone13pro', 'iphone13promax', 'iphone14', 'iphone14mini',
+					'iphone14pro', 'iphone14promax', 'iphone15'
+				]
+				const model = res.model.replace(/\s/g, "").toLowerCase()
+				const newModel = model.split('<')[0]
+				if (models.includes(model) || models.includes(newModel) || (res.safeAreaInsets && res.safeAreaInsets
+						.bottom > 0)) {
+					iphonex = true;
+				}
+				return iphonex;
+			}
+			// #endif
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-footer {
+		flex: 1;
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		box-sizing: border-box;
+		word-break: break-all;
+		/* #endif */
+		overflow: hidden;
+		padding-top: 32rpx;
+		padding-bottom: 32rpx;
+		padding-left: 32rpx;
+		padding-right: 32rpx;
+	}
+
+	.fui-footer__fixed-bottom {
+		position: fixed;
+		z-index: 99;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		/* #ifndef APP-NVUE */
+		left: constant(safe-area-inset-left);
+		left: env(safe-area-inset-left);
+		right: constant(safe-area-inset-right);
+		right: env(safe-area-inset-right)
+			/* #endif */
+	}
+
+	.fui-footer__link {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		font-size: 28rpx;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-link__color {
+		color: var(--fui-color-link, #465CFF) !important;
+	}
+
+	/* #endif */
+
+	.fui-link__item {
+		position: relative;
+		line-height: 1;
+	}
+
+
+	.fui-link__text {
+		padding: 0 18rpx;
+		/* #ifdef APP-NVUE */
+		border-right-width: 0.5px;
+		border-right-style: solid;
+		/* #endif */
+		font-weight: 400;
+	}
+
+	.fui-link__text-border {
+		border-right-width: 0;
+	}
+
+
+	/* #ifndef APP-NVUE */
+	.fui-link__item::before {
+		content: " ";
+		position: absolute;
+		right: 0;
+		top: 4rpx;
+		width: 1px;
+		bottom: 4rpx;
+		border-right: 1px solid var(--fui-color-label, #B2B2B2);
+		-webkit-transform-origin: 100% 0;
+		transform-origin: 100% 0;
+		-webkit-transform: scaleX(0.5);
+		transform: scaleX(0.5);
+	}
+
+	.fui-link__item:last-child::before {
+		border-right: 0 !important
+	}
+
+	/* #endif */
+
+	.fui-link-hover {
+		opacity: 0.5
+	}
+
+	.fui-footer__text {
+		flex: 1;
+		/* #ifdef APP-NVUE */
+		flex-direction: row;
+		justify-content: center;
+		flex-wrap: wrap;
+		/* #endif */
+		line-height: 1;
+		text-align: center;
+		padding-top: 8rpx;
+		/* #ifndef APP-NVUE || MP-TOUTIAO */
+		padding-bottom: constant(safe-area-inset-bottom);
+		padding-bottom: env(safe-area-inset-bottom);
+		/* #endif */
+		font-weight: 400;
+	}
+
+	/* #ifdef APP-NVUE || MP-TOUTIAO */
+	.fui-as__safe-weex {
+		padding-bottom: 34px;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-form-field/fui-form-field.vue b/components/firstui/fui-form-field/fui-form-field.vue
new file mode 100644
index 0000000..48c5dc6
--- /dev/null
+++ b/components/firstui/fui-form-field/fui-form-field.vue
@@ -0,0 +1,37 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18614 0     7    2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view :class="{'fui-form__field':hidden}">
+		<slot></slot>
+	</view>
+</template>
+
+<script>
+	//此组件只为form表单提交传递数据使用，暂时用于微信小程序/百度小程序/QQ小程序
+	export default {
+		emits: ['input', 'update:modelValue'],
+		name: "fui-form-field",
+		behaviors: ['uni://form-field'],
+		props: {
+			//是否为隐藏域
+			hidden: {
+				type: Boolean,
+				default: false
+			},
+			value: {
+				type: [Number, String, Array],
+				default: ''
+			},
+			modelValue: {
+				type: [Number, String, Array],
+				default: ''
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-form__field {
+		display: none;
+		opacity: 0;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-form-item/fui-form-item.vue b/components/firstui/fui-form-item/fui-form-item.vue
new file mode 100644
index 0000000..78c9989
--- /dev/null
+++ b/components/firstui/fui-form-item/fui-form-item.vue
@@ -0,0 +1,314 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18 6  1 4  07  2 549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-form__item-wrap" :class="{'fui-form__highlight':highlight}"
+		:style="{paddingTop:padding[0] || 0,paddingRight:padding[1] || 0,paddingBottom:padding[2] || padding[0] || 0,paddingLeft:padding[3] || padding[1] || 0,background:background,marginTop:marginTop+'rpx',marginBottom:marginBottom+'rpx',borderRadius:radius}"
+		@tap="handleClick">
+		<!-- #ifdef APP-NVUE -->
+		<view class="fui-form__asterisk" :style="{left:getAkPosi}" v-if="asterisk">
+			<text :style="{color:asteriskColor || akColor || dangerColor}" class="fui-form__asterisk-text">*</text>
+		</view>
+		<!-- #endif -->
+		<!-- #ifndef APP-NVUE -->
+		<view class="fui-form__asterisk" v-if="asterisk"
+			:style="{color:asteriskColor || akColor || dangerColor,left:getAkPosi}">*</view>
+		<!-- #endif -->
+		<text class="fui-form__item-sizing"
+			:style="{width:getLabelWidth,fontSize:getLabelSize,color:labelColor || lColor || '#333',paddingRight:getLabelRight,textAlign:getLabelAlign,fontWeight:getLabelWeight}"
+			v-if="label">{{label}}</text>
+		<view class="fui-form__item-content">
+			<slot></slot>
+		</view>
+		<slot name="right"></slot>
+		<view v-if="bottomBorder" :style="{background:borderColor,left:left+'rpx',right:right+'rpx'}"
+			class="fui-form__item-bottom"></view>
+		<view class="fui-form__item-arrow" v-if="arrow" :style="{'border-color':arrowColor}">
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'fui-form-item',
+		emits: ['click'],
+		inject: ['form'],
+		props: {
+			//padding值，上、右、下、左
+			padding: {
+				type: Array,
+				default () {
+					return ['28rpx', '32rpx']
+				}
+			},
+			//margin-top 单位rpx
+			marginTop: {
+				type: [Number, String],
+				default: 0
+			},
+			//margin-bottom 单位rpx
+			marginBottom: {
+				type: [Number, String],
+				default: 0
+			},
+			//标签文本
+			label: {
+				type: String,
+				default: ''
+			},
+			//标题字体大小 默认使用全局设置值
+			labelSize: {
+				type: [Number, String],
+				default: 0
+			},
+			labelColor: {
+				type: String,
+				default: ''
+			},
+			//label宽度 rpx 默认使用全局设置值
+			labelWidth: {
+				type: [Number, String],
+				default: 0
+			},
+			//默认使用全局设置值
+			labelRight: {
+				type: [Number, String],
+				default: 0
+			},
+			//label 对齐方式：left，right
+			labelAlign: {
+				type: String,
+				default: ''
+			},
+			labelWeight: {
+				type: [Number, String],
+				default: 0
+			},
+			//是否显示必填的红色星号
+			asterisk: {
+				type: Boolean,
+				default: false
+			},
+			asteriskColor: {
+				type: String,
+				default: ''
+			},
+			//left,right
+			asteriskPosition: {
+				type: String,
+				default: ''
+			},
+			background: {
+				type: String,
+				default: '#fff'
+			},
+			highlight: {
+				type: Boolean,
+				default: false
+			},
+			arrow: {
+				type: Boolean,
+				default: false
+			},
+			arrowColor: {
+				type: String,
+				default: '#B2B2B2'
+			},
+			bottomBorder: {
+				type: Boolean,
+				default: true
+			},
+			borderColor: {
+				type: String,
+				default: '#EEEEEE'
+			},
+			//下边框left值，单位rpx
+			left: {
+				type: [Number, String],
+				default: 32
+			},
+			//下边框right值，单位rpx
+			right: {
+				type: [Number, String],
+				default: 0
+			},
+			radius: {
+				type: String,
+				default: '0'
+			},
+			param: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		computed: {
+			//优先级：form-item组件props > form组件props > 全局属性值
+			getLabelSize() {
+				const labelSize = (uni.$fui && uni.$fui.fuiFormItem && uni.$fui.fuiFormItem.labelSize) || 32
+				return `${this.labelSize || this.lSize || labelSize}rpx`
+			},
+			getLabelWidth() {
+				const labelWidth = (uni.$fui && uni.$fui.fuiFormItem && uni.$fui.fuiFormItem.labelWidth) || 160
+				return `${this.labelWidth || this.lWidth || labelWidth}rpx`
+			},
+			getLabelRight() {
+				const labelRight = (uni.$fui && uni.$fui.fuiFormItem && uni.$fui.fuiFormItem.labelRight) || 30
+				return `${this.labelRight || labelRight}rpx`
+			},
+			getLabelAlign() {
+				const labelAlign = (uni.$fui && uni.$fui.fuiFormItem && uni.$fui.fuiFormItem.labelAlign) || 'left'
+				return this.labelAlign || this.lAlign || labelAlign
+			},
+			getLabelWeight() {
+				const global = (uni.$fui && uni.$fui.fuiFormItem && uni.$fui.fuiFormItem.labelWeight) || 400
+				return this.labelWeight || this.lWeight || global
+			},
+			getAkPosi() {
+				const akPosi = (uni.$fui && uni.$fui.fuiFormItem && uni.$fui.fuiFormItem.asteriskPosition) || 'left'
+				const position = this.asteriskPosition || this.akPosi || akPosi
+				const lWidth = this.getLabelWidth.replace('rpx', '')
+				const lRight = this.getLabelRight.replace('rpx', '')
+				const pr = this.padding[1]
+				const pdr = pr ? pr.replace('rpx', '').replace('px', '') : 0;
+				return position === 'right' ? `${Number(lWidth) + Number(pdr || 0) - Number(lRight || 0)}rpx` : '12rpx'
+			},
+			dangerColor() {
+				const app = uni && uni.$fui && uni.$fui.color;
+				return (app && app.danger) || '#FF2B2B';
+			}
+		},
+		data() {
+			return {
+				lSize: 0,
+				lColor: '',
+				lWidth: 0,
+				lAlign: '',
+				lWeight: 0,
+				akColor: '',
+				akPosi: ''
+			}
+		},
+		created() {
+			this.initParam();
+		},
+		methods: {
+			initParam() {
+				//后续做功能扩展，如错误消息提示
+				if (this.form) {
+					this.lSize = this.form.labelSize;
+					this.lColor = this.form.labelColor;
+					this.lWidth = this.form.labelWidth;
+					this.lWeight = this.form.labelWeight;
+					this.lAlign = this.form.labelAlign;
+					this.akColor = this.form.asteriskColor;
+					this.akPosi = this.form.asteriskPosition;
+				}
+			},
+			handleClick() {
+				this.$emit('click', {
+					param: this.param
+				});
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-form__item-wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		box-sizing: border-box;
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		flex: 1;
+		align-items: center;
+		position: relative;
+	}
+
+	.fui-form__highlight:active {
+		/* #ifdef APP-NVUE */
+		background-color: rgba(0, 0, 0, 0.2) !important;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		background-color: var(--fui-bg-color-hover, rgba(0, 0, 0, 0.2)) !important;
+		/* #endif */
+	}
+
+	.fui-form__asterisk {
+		position: absolute;
+		left: 12rpx;
+		/* #ifndef APP-NVUE */
+		height: 30rpx;
+		top: 50%;
+		transform: translateY(-50%);
+		line-height: 1.15;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		top: 28rpx;
+		bottom: 28rpx;
+		align-items: center;
+		justify-content: center;
+		/* #endif */
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-form__asterisk-text{
+		font-size: 32rpx;
+		height: 32rpx;
+	}
+	/* #endif */
+
+	.fui-form__item-label {
+		padding-right: 12rpx;
+		/* #ifndef APP-NVUE */
+		display: inline-block;
+		flex-shrink: 0;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-form__item-sizing {
+		box-sizing: border-box;
+	}
+
+	/* #endif */
+
+	.fui-form__item-content {
+		flex: 1;
+	}
+
+	.fui-form__item-bottom {
+		position: absolute;
+		bottom: 0;
+		/* #ifdef APP-NVUE */
+		height: 0.5px;
+		z-index: -1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		height: 1px;
+		-webkit-transform: scaleY(0.5) translateZ(0);
+		transform: scaleY(0.5) translateZ(0);
+		transform-origin: 0 100%;
+		z-index: 1;
+		/* #endif */
+	}
+
+	.fui-form__item-arrow {
+		height: 40rpx;
+		width: 40rpx;
+		border-width: 3px 3px 0 0;
+		border-style: solid;
+		transform: rotate(45deg) scale(0.5);
+		/* #ifndef APP-NVUE */
+		border-radius: 4rpx;
+		flex-shrink: 0;
+		margin-left: auto;
+		box-sizing: border-box;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		border-top-right-radius: 3rpx;
+		/* #endif */
+		transform-origin: center center;
+		margin-right: -5.8579rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-form/fui-form.vue b/components/firstui/fui-form/fui-form.vue
new file mode 100644
index 0000000..f8ff2ce
--- /dev/null
+++ b/components/firstui/fui-form/fui-form.vue
@@ -0,0 +1,253 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 861    4 07  254 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-form__wrap"
+		:style="{paddingTop:padding[0] || 0,paddingRight:padding[1] || 0,paddingBottom:padding[2] || padding[0] || 0,paddingLeft:padding[3] || padding[1] || 0}">
+		<slot></slot>
+		<view class="fui-form__msg-wrap"
+			:style="{top:top+'px',left:left+'rpx',right:right+'rpx',background:getBgColor,borderRadius:radius+'rpx'}"
+			v-if="show" :class="{'fui-form__msg-bg':!getBgColor,'fui-form__msg-show':errorMsg}"><text
+				class="fui-form__text" :style="{fontSize:size+'rpx',color:color}">{{errorMsg}}</text></view>
+		<view class="fui-form__mask" v-if="disabled"></view>
+	</view>
+</template>
+
+<script>
+	import form from './fui-validator.js'
+	export default {
+		name: "fui-form",
+		props: {
+			//表单padding值（上，右，下，左），同css顺序
+			padding: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			//是否显示校验错误信息
+			show: {
+				type: Boolean,
+				default: true
+			},
+			//是否禁用该表单内的所有组件,透明遮罩层
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+			//提示框top值 px
+			top: {
+				type: [Number, String],
+				// #ifdef H5
+				default: 44
+				// #endif
+				// #ifndef H5
+				default: 0
+				// #endif
+			},
+			left: {
+				type: [Number, String],
+				default: 24
+			},
+			right: {
+				type: [Number, String],
+				default: 24
+			},
+			//错误提示框背景色
+			background: {
+				type: String,
+				default: ''
+			},
+			//错误提示字体大小
+			size: {
+				type: [Number, String],
+				default: 28
+			},
+			//错误提示字体颜色
+			color: {
+				type: String,
+				default: '#fff'
+			},
+			//错误提示框圆角值
+			radius: {
+				type: [Number, String],
+				default: 16
+			},
+			//错误消息显示时间 ms
+			duration: {
+				type: Number,
+				default: 2000
+			},
+			//form-item标题字体大小 默认使用全局设置值
+			labelSize: {
+				type: [Number, String],
+				default: 0
+			},
+			labelColor: {
+				type: String,
+				default: ''
+			},
+			//form-item label宽度,单位rpx 默认使用全局设置值
+			labelWidth: {
+				type: [Number, String],
+				default: 0
+			},
+			//label 对齐方式：left，right
+			labelAlign: {
+				type: String,
+				default: ''
+			},
+			labelWeight: {
+				type: [Number, String],
+				default: 0
+			},
+			// form-item 必填项星号颜色
+			asteriskColor: {
+				type: String,
+				default: ''
+			},
+			//left,right
+			asteriskPosition: {
+				type: String,
+				default: ''
+			}
+		},
+		provide() {
+			return {
+				form: this
+			}
+		},
+		computed: {
+			getBgColor() {
+				let color = this.background;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.danger) || '#FF2B2B';
+				}
+				// #endif
+				return color;
+			}
+		},
+		data() {
+			return {
+				errorMsg: '',
+				timer: null
+			};
+		},
+		// #ifndef VUE3
+		beforeDestroy() {
+			this.clearTimer()
+		},
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+			this.clearTimer()
+		},
+		// #endif
+		methods: {
+			clearTimer() {
+				clearTimeout(this.timer)
+				this.timer = null;
+			},
+			/*
+			 @param model 表单数据对象
+			 @param rules 表单验证规则
+			 @param checkAll 校验所有元素
+			*/
+			validator(model, rules, checkAll = false) {
+				return new Promise((resolve, reject) => {
+					try {
+						let res = form.validator(model, rules, checkAll);
+						if (!res.isPassed && this.show) {
+							this.clearTimer()
+							let errors = res.errorMsg;
+							if (checkAll) {
+								errors = errors[0].msg
+							}
+							this.errorMsg = errors;
+							this.timer = setTimeout(() => {
+								this.errorMsg = ''
+							}, this.duration)
+						}
+						resolve(res)
+					} catch (e) {
+						reject({
+							isPassed: false,
+							errorMsg: '校验出错，请检查传入的数据格式是否有误！'
+						})
+					}
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-form__wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		box-sizing: border-box;
+		/* #endif */
+		flex: 1;
+		position: relative;
+	}
+
+	.fui-form__msg-wrap {
+		padding: 24rpx;
+		position: fixed;
+		z-index: 900;
+		text-align: center;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		display: flex;
+		word-break: break-all;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		opacity: 0;
+
+		/* #ifdef APP-NVUE */
+		transform: translateY(-100%);
+		transition-property: transform, opacity;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		transform: translate3d(0, -100%, 0);
+		visibility: hidden;
+		transition-property: all;
+		/* #endif */
+		transition-duration: 0.25s;
+		transition-delay: 0s;
+		transition-timing-function: ease-in-out;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-form__msg-bg {
+		background: var(--fui-color-danger, #FF2B2B) !important;
+	}
+
+	/* #endif */
+
+	.fui-form__text {
+		text-align: center;
+	}
+
+	.fui-form__msg-show {
+		/* #ifndef APP-NVUE */
+		visibility: visible;
+		transform: translate3d(0, 0, 0);
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		transform: translateY(0);
+		/* #endif */
+		opacity: 1;
+	}
+
+	.fui-form__mask {
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background: rgba(0, 0, 0, 0);
+		z-index: 99;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-form/fui-validator.js b/components/firstui/fui-form/fui-validator.js
new file mode 100644
index 0000000..caa2a1c
--- /dev/null
+++ b/components/firstui/fui-form/fui-validator.js
@@ -0,0 +1,335 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：   186140 7   25   49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+/**
+ * 表单验证
+ * https://doc.firstui.cn/
+ **/
+
+const form = {
+	/*
+	  非必填情况下，如果值为空则不进行校验
+	*/
+	validator: function(formData, rules, checkAll = false) {
+		let result = {
+			isPassed: true,
+			errorMsg: checkAll ? [] : ''
+		};
+		for (let item of rules) {
+			const key = item.name;
+			const rule = item.rule || [];
+			const validator = item.validator || [];
+			const msgArr = item.msg || [];
+			const ruleLen = rule.length;
+			const validatorLen = validator.length;
+			if (!key || (ruleLen === 0 && validatorLen === 0) || (!~rule.indexOf("required") &&
+					formData[key].toString()
+					.length === 0)) {
+				continue;
+			}
+			if (ruleLen) {
+				for (let i = 0; i < ruleLen; i++) {
+					let ruleItem = rule[i];
+					let msg = msgArr[i] || `${key} error !`;
+					if (!ruleItem) continue;
+					//数据处理
+					let value = null;
+					if (~ruleItem.indexOf(":")) {
+						let temp = ruleItem.split(":");
+						ruleItem = temp[0];
+						value = temp[1];
+					}
+					let isError = false;
+					switch (ruleItem) {
+						case "required":
+							isError = form._isNullOrEmpty(formData[key]);
+							break;
+						case "isMobile":
+							isError = !form._isMobile(formData[key]);
+							break;
+						case "isEmail":
+							isError = !form._isEmail(formData[key]);
+							break;
+						case "isCarNo":
+							isError = !form._isCarNo(formData[key]);
+							break;
+						case "isIdCard":
+							isError = !form._isIdCard(formData[key]);
+							break;
+						case "isAmount":
+							isError = !form._isAmount(formData[key]);
+							break;
+						case "isNumber":
+							isError = !form._isNumber(formData[key]);
+							break;
+						case "isChinese":
+							isError = !form._isChinese(formData[key]);
+							break;
+						case "isNotChinese":
+							isError = !form._isNotChinese(formData[key]);
+							break;
+						case "isEnglish":
+							isError = !form._isEnglish(formData[key]);
+							break;
+						case "isEnAndNo":
+							isError = !form._isEnAndNo(formData[key]);
+							break;
+						case "isEnOrNo":
+							isError = !form._isEnOrNo(formData[key]);
+							break;
+						case "isSpecial":
+							isError = form._isSpecial(formData[key]);
+							break;
+						case "isEmoji":
+							isError = form._isEmoji(formData[key]);
+							break;
+						case "isDate":
+							isError = !form._isDate(formData[key]);
+							break;
+						case "isUrl":
+							isError = !form._isUrl(formData[key]);
+							break;
+						case "isSame":
+							isError = !form._isSame(formData[key], formData[value]);
+							break;
+						case "range":
+							let range = null;
+							try {
+								range = JSON.parse(value);
+								if (range.length <= 1) {
+									throw new Error("range值传入有误！")
+								}
+							} catch (e) {
+								return "range值传入有误！"
+							}
+							isError = !form._isRange(formData[key], range[0], range[1])
+							break;
+						case "minLength":
+							isError = !form._minLength(formData[key], value)
+							break;
+						case "maxLength":
+							isError = !form._maxLength(formData[key], value)
+							break;
+						case "isKeyword":
+							isError = !form._isKeyword(formData[key], value)
+							break;
+						default:
+							break;
+					}
+
+					if (isError) {
+						result.isPassed = false;
+						if (checkAll) {
+							result.errorMsg.push({
+								name: key,
+								msg: msg
+							})
+							break;
+						} else {
+							result.errorMsg = msg;
+							return result;
+						}
+					}
+				}
+			}
+
+			if (validatorLen) {
+				for (let model of validator) {
+					let func = model.method;
+					if (func && !func(formData[key])) {
+						result.isPassed = false;
+						if (checkAll) {
+							const index = result.errorMsg.findIndex(item => item.name === key)
+							if (index === -1) {
+								result.errorMsg.push({
+									name: key,
+									msg: model.msg || `${key} error !`
+								})
+							}
+							break;
+						} else {
+							result.errorMsg = model.msg || `${key} error !`;
+							return result;
+						}
+					}
+				}
+			}
+		}
+		return result;
+	},
+	//允许填写字符串null或者undefined
+	_isNullOrEmpty: function(value) {
+		return (value === null || value === '' || value === undefined) ? true : false;
+	},
+	_isMobile: function(value) {
+		return /^(?:13\d|14\d|15\d|16\d|17\d|18\d|19\d)\d{5}(\d{3}|\*{3})$/.test(value);
+	},
+	_isEmail: function(value) {
+		return /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/.test(value);
+	},
+	_isCarNo: function(value) {
+		// 新能源车牌
+		const xreg =
+			/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF]$)|([DF][A-HJ-NP-Z0-9][0-9]{4}$))/;
+		// 旧车牌
+		const creg =
+			/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]{1}$/;
+		if (value.length === 7) {
+			return creg.test(value);
+		} else if (value.length === 8) {
+			return xreg.test(value);
+		} else {
+			return false;
+		}
+	},
+	_isIdCard: function(value) {
+		let idCard = value;
+		if (idCard.length == 15) {
+			return this.__isValidityBrithBy15IdCard;
+		} else if (idCard.length == 18) {
+			let arrIdCard = idCard.split("");
+			if (this.__isValidityBrithBy18IdCard(idCard) && this.__isTrueValidateCodeBy18IdCard(arrIdCard)) {
+				return true;
+			} else {
+				return false;
+			}
+		} else {
+			return false;
+		}
+	},
+	__isTrueValidateCodeBy18IdCard: function(arrIdCard) {
+		let sum = 0;
+		let Wi = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1];
+		let ValideCode = [1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2];
+		if (arrIdCard[17].toLowerCase() == 'x') {
+			arrIdCard[17] = 10;
+		}
+		for (let i = 0; i < 17; i++) {
+			sum += Wi[i] * arrIdCard[i];
+		}
+		let valCodePosition = sum % 11;
+		if (arrIdCard[17] == ValideCode[valCodePosition]) {
+			return true;
+		} else {
+			return false;
+		}
+	},
+	__isValidityBrithBy18IdCard: function(idCard18) {
+		let year = idCard18.substring(6, 10);
+		let month = idCard18.substring(10, 12);
+		let day = idCard18.substring(12, 14);
+		let temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
+		if (temp_date.getFullYear() != parseFloat(year) || temp_date.getMonth() != parseFloat(month) - 1 ||
+			temp_date.getDate() !=
+			parseFloat(day)) {
+			return false;
+		} else {
+			return true;
+		}
+	},
+	__isValidityBrithBy15IdCard: function(idCard15) {
+		let year = idCard15.substring(6, 8);
+		let month = idCard15.substring(8, 10);
+		let day = idCard15.substring(10, 12);
+		let temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
+
+		if (temp_date.getYear() != parseFloat(year) || temp_date.getMonth() != parseFloat(month) - 1 ||
+			temp_date.getDate() !=
+			parseFloat(day)) {
+			return false;
+		} else {
+			return true;
+		}
+	},
+	_isAmount: function(value) {
+		//是否为金额，只允许保留两位小数
+		return /^([0-9]*[.]?[0-9])[0-9]{0,1}$/.test(value);
+	},
+	_isNumber: function(value) {
+		//是否全为数字
+		return /^[0-9]+$/.test(value);
+	},
+	//是否全部为中文
+	_isChinese: function(value) {
+		let reg = /^[\u4e00-\u9fa5]+$/;
+		return value !== "" && reg.test(value) && !form._isSpecial(value) && !form._isEmoji(value)
+	},
+	//是否不包含中文，可以有特殊字符
+	_isNotChinese: function(value) {
+		let reg = /.*[\u4e00-\u9fa5]+.*$/;
+		let result = true;
+		if (reg.test(value)) {
+			result = false
+		}
+		return result
+	},
+	_isEnglish: function(value) {
+		return /^[a-zA-Z]*$/.test(value)
+	},
+	_isEnAndNo: function(value) {
+		//4~30位数字和字母组合
+		return /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{4,30}$/.test(value);
+	},
+	_isEnOrNo: function(value) {
+		let reg = /^[A-Za-z0-9]+$/;
+		return reg.test(value)
+	},
+	_isSpecial: function(value) {
+		//是否包含特殊字符
+		let regEn = /[`~!@#$%^&*()_+<>?:"{},.\/;'[\]]/im,
+			regCn = /[·！#￥（——）：；“”‘、，|《。》？、【】[\]]/im;
+		if (regEn.test(value) || regCn.test(value)) {
+			return true;
+		}
+		return false;
+	},
+	_isEmoji: function(value) {
+		//是否包含表情
+		return /\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g.test(value);
+	},
+	_isDate: function(value) {
+		//2019-10-12
+		const reg =
+			/^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$/;
+		return reg.test(value);
+	},
+	_isUrl: function(value) {
+		return /^((https?|ftp|file):\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})(:[0-9]{1,5})?((\/?)|(\/[\\\w_!~*\\'()\\\.;?:@&=+$,%#-]+)+\/?)$/
+			.test(value);
+	},
+	_isSame: function(value1, value2) {
+		return value1 === value2
+	},
+	_isRange: function(value, range1, range2) {
+		if ((!range1 && range1 != 0) && (!range2 && range2 != 0)) {
+			return true;
+		} else if (!range1 && range1 != 0) {
+			return value <= range2
+		} else if (!range2 && range2 != 0) {
+			return value >= range1
+		} else {
+			return value >= range1 && value <= range2
+		}
+	},
+	_minLength: function(value, min) {
+		return value.length >= Number(min)
+	},
+	_maxLength: function(value, max) {
+		return value.length <= Number(max)
+	},
+	_isKeyword: function(value, keywords) {
+		//是否包含关键词，敏感词，多个以英文逗号分隔，包含则为false,弹出提示语！
+		let result = true;
+		if (!keywords) return result;
+		let key = keywords.split(',');
+		for (let i = 0, len = key.length; i < len; i++) {
+			if (~value.indexOf(key[i])) {
+				result = false;
+				break;
+			}
+		}
+		return result;
+	}
+};
+
+export default {
+	validator: form.validator
+}
\ No newline at end of file
diff --git a/components/firstui/fui-gallery/fui-gallery.vue b/components/firstui/fui-gallery/fui-gallery.vue
new file mode 100644
index 0000000..c538127
--- /dev/null
+++ b/components/firstui/fui-gallery/fui-gallery.vue
@@ -0,0 +1,276 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1  86 1 407 2  5  49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-gallery__wrap" :style="{zIndex:zIndex}" :class="[show?'fui-gallery__show':'fui-gallery__hidden']"
+		v-if="show || !isNvue">
+		<swiper class="fui-gallery__img-wrap" :style="{height:height+'px'}" :indicator-dots="false" @change="change"
+			:current="defActive" :autoplay="false" :duration="500">
+			<swiper-item :style="{height:height+'px'}" v-for="(item,index) in imgUrls" :key="index">
+				<view class="fui-gallery__swiper-item" :style="{height:height+'px'}">
+					<image mode="aspectFit" class="fui-gallery__img" :style="{height:height+'px'}" :src="item.src"
+						@tap.stop="hideGallery"></image>
+				</view>
+			</swiper-item>
+		</swiper>
+		<view class="fui-gallery__index-wrap" :style="{top:top+'px'}">
+			<text class="fui-gallery__index">{{active+1}}/{{imgUrls.length}}</text>
+		</view>
+		<view class="fui-gallery__descr-wrap" :class="{'fui-gallery__weex-safe':iphoneX && safeArea}" v-if="descr">
+			<text class="fui-gallery__descr" :class="{'fui-gallery__text-ellipsis':ellipsis}">{{descr}}</text>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'fui-gallery',
+		emits: ['change', 'hide'],
+		props: {
+			urls: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			show: {
+				type: Boolean,
+				default: false
+			},
+			current: {
+				type: [Number, String],
+				default: 0
+			},
+			//文字超出是否省略成一行
+			ellipsis: {
+				type: Boolean,
+				default: false
+			},
+			zIndex: {
+				type: [Number, String],
+				default: 1001
+			},
+			//是否适配底部安全区
+			safeArea: {
+				type: Boolean,
+				default: true
+			}
+		},
+		watch: {
+			urls(newVal, oldVal) {
+				this.initData(newVal)
+			},
+			current(newVal) {
+				this.defActive = this.active;
+				let val = Number(newVal)
+				setTimeout(() => {
+					this.defActive = val;
+					this.active = val;
+				}, 20)
+			}
+		},
+		mounted() {
+			let sys = uni.getSystemInfoSync()
+			this.height = sys.windowHeight
+			this.top = sys.statusBarHeight + 20
+			// #ifdef APP-NVUE || MP-TOUTIAO
+			this.iphoneX = this.isPhoneX(sys)
+			// #endif
+			this.defActive = Number(this.current);
+			this.active = this.defActive;
+			this.initData(this.urls)
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				isNvue: isNvue,
+				imgUrls: [],
+				active: 0,
+				defActive: 0,
+				top: 20,
+				descr: '',
+				iphoneX: false,
+				height: 800
+			};
+		},
+		methods: {
+			initData(vals) {
+				if (vals && vals.length > 0) {
+					if (typeof vals[0] === 'string') {
+						vals = vals.map(item => {
+							return {
+								src: item
+							}
+						})
+					}
+					this.imgUrls = vals;
+					this.$nextTick(() => {
+						setTimeout(() => {
+							this.getDescr(this.active)
+						}, 10)
+					})
+				}
+			},
+			change(e) {
+				this.active = e.detail.current
+				this.getDescr(this.active)
+				this.$emit('change', {
+					index: this.active
+				});
+			},
+			getDescr(index) {
+				let item = this.imgUrls[index]
+				if (item) {
+					this.descr = item.descr || ''
+				}
+			},
+			// #ifdef APP-NVUE || MP-TOUTIAO
+			isPhoneX(res) {
+				if (!this.safeArea) return false;
+				let iphonex = false;
+				let models = ['iphonex', 'iphonexr', 'iphonexsmax', 'iphone11', 'iphone11pro', 'iphone11promax',
+					'iphone12', 'iphone12mini', 'iphone12pro', 'iphone12promax', 'iphone13', 'iphone13mini',
+					'iphone13pro', 'iphone13promax', 'iphone14', 'iphone14mini',
+					'iphone14pro', 'iphone14promax', 'iphone15', 'iphone15mini',
+					'iphone15pro', 'iphone15promax'
+				]
+				const model = res.model.replace(/\s/g, "").toLowerCase()
+				const newModel = model.split('<')[0]
+				if (models.includes(model) || models.includes(newModel) || (res.safeAreaInsets && res.safeAreaInsets
+						.bottom > 0)) {
+					iphonex = true;
+				}
+				return iphonex;
+			},
+			// #endif
+			hideGallery() {
+				this.$emit('hide', {});
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-gallery__wrap {
+		position: fixed;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		left: 0;
+		background: #000;
+	}
+
+	.fui-gallery__img-wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+		flex: 1;
+		position: relative;
+		font-size: 0;
+	}
+
+	.fui-gallery__swiper-item {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		flex-direction: column;
+	}
+
+	.fui-gallery__hidden {
+		/* #ifndef APP-NVUE */
+		display: none;
+		visibility: hidden;
+		/* #endif */
+	}
+
+	.fui-gallery__show {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		visibility: visible;
+		/* #endif */
+		flex-direction: column;
+	}
+
+	.fui-gallery__index-wrap {
+		position: absolute;
+		left: 0;
+		right: 0;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+	}
+
+	.fui-gallery__index {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		/* #endif */
+		font-size: 34rpx;
+		line-height: 34rpx;
+		color: #fff;
+		text-align: center;
+		font-weight: normal;
+		padding: 6rpx 20rpx;
+		border-radius: 100px;
+		background: rgba(0, 0, 0, .6);
+	}
+
+	.fui-gallery__descr-wrap {
+		position: absolute;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background: rgba(17, 17, 17, .6);
+		/* #ifndef APP-NVUE || MP-TOUTIAO */
+		padding-bottom: constant(safe-area-inset-bottom);
+		padding-bottom: env(safe-area-inset-bottom);
+		/* #endif */
+	}
+
+	/* #ifdef APP-NVUE || MP-TOUTIAO */
+	.fui-gallery__weex-safe {
+		padding-bottom: 34px;
+	}
+
+	/* #endif */
+
+	.fui-gallery__descr {
+		flex: 1;
+		font-size: 30rpx;
+		color: #fff;
+		font-weight: normal;
+		padding: 26rpx 32rpx;
+		/* #ifndef APP-NVUE */
+		display: block;
+		box-sizing: border-box;
+		z-index: 10;
+		/* #endif */
+	}
+
+	.fui-gallery__text-ellipsis {
+		overflow: hidden;
+		text-overflow: ellipsis;
+		/* #ifndef APP-NVUE */
+		white-space: nowrap;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		lines: 1;
+		/* #endif */
+	}
+
+	.fui-gallery__img {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		width: 750rpx;
+		/* #endif */
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-grid-item/fui-grid-item.vue b/components/firstui/fui-grid-item/fui-grid-item.vue
new file mode 100644
index 0000000..f67606c
--- /dev/null
+++ b/components/firstui/fui-grid-item/fui-grid-item.vue
@@ -0,0 +1,182 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 8 6   1 4 07  2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view v-if="width" :style="'width:'+width+';'+(height?'height:'+height:'')" class="fui-grid__item">
+		<view :class="{ 'fui-grid__item-border': showBorder, 'fui-highlight': highlight }"
+			:style="{'border-right-color': borderColor ,'border-bottom-color': borderColor ,'border-top-color': borderColor,backgroundColor:backgroundColor }"
+			class="fui-grid__item-box" @click="handleClick">
+			<slot></slot>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-grid-item",
+		emits: ['click'],
+		inject: ['grid'],
+		// #ifdef MP-WEIXIN
+		options: {
+			virtualHost: true
+		},
+		// #endif
+		props: {
+			//是否有点击效果
+			highlight: {
+				type: Boolean,
+				default: true
+			},
+			backgroundColor: {
+				type: String,
+				default: 'transparent'
+			},
+			//索引
+			index: {
+				type: Number,
+				default: 0
+			}
+		},
+		data() {
+			return {
+				columns: 0,
+				showBorder: true,
+				width: 0,
+				height: 0,
+				borderColor: '#eaeef1'
+			};
+		},
+		created() {
+			this.init()
+		},
+		// #ifndef VUE3
+		beforeDestroy() {
+			if (this.grid) {
+				this.grid.children.forEach((item, index) => {
+					if (item === this) {
+						this.grid.children.splice(index, 1)
+					}
+				})
+			}
+		},
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+			if (this.grid) {
+				this.grid.children.forEach((item, index) => {
+					if (item === this) {
+						this.grid.children.splice(index, 1)
+					}
+				})
+			}
+		},
+		// #endif
+		methods: {
+			init() {
+				if (this.grid) {
+					this.columns = this.grid.columns
+					this.showBorder = this.grid.showBorder
+					this.borderColor = this.grid.borderColor
+					this.grid.children.push(this)
+					this.width = this.grid.width
+					this.height = this.grid.height
+				}
+			},
+			handleClick() {
+				const e = {
+					detail: {
+						index: this.index
+					}
+				}
+				this.grid && this.grid.handleClick(e)
+				this.$emit('click', e)
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-grid__item {
+		/* #ifndef APP-NVUE */
+		height: 100%;
+		display: flex;
+		box-sizing: border-box;
+		flex-shrink: 0;
+		/* #endif */
+		flex-direction: column;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-grid__item-box {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		width: 100%;
+		/* #endif */
+		position: relative;
+		flex: 1;
+		flex-direction: column;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+	}
+
+	.fui-grid__item-border {
+		position: relative;
+		/* #ifdef APP-NVUE */
+		border-bottom-color: #EEEEEE;
+		border-bottom-style: solid;
+		border-bottom-width: 0.5px;
+		border-right-color: #EEEEEE;
+		border-right-style: solid;
+		border-right-width: 0.5px;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		z-index: 0;
+		border-bottom: 0;
+		border-right: 0;
+		/* #endif */
+	}
+
+
+
+	/* #ifndef APP-NVUE */
+	.fui-grid__item-border::before {
+		content: " ";
+		position: absolute;
+		right: 0;
+		top: 0;
+		width: 1px;
+		bottom: 0;
+		border-right: 1px solid var(--fui-color-border, #EEEEEE);
+		-webkit-transform-origin: 100% 0;
+		transform-origin: 100% 0;
+		-webkit-transform: scaleX(0.5);
+		transform: scaleX(0.5);
+	}
+
+	.fui-grid__item-border::after {
+		content: " ";
+		position: absolute;
+		left: 0;
+		bottom: 0;
+		right: 0;
+		height: 1px;
+		border-bottom: 1px solid var(--fui-color-border, #EEEEEE);
+		-webkit-transform-origin: 0 100%;
+		transform-origin: 0 100%;
+		-webkit-transform: scaleY(0.5);
+		transform: scaleY(0.5);
+	}
+
+	/* #endif */
+
+	.fui-highlight:active {
+		/* #ifdef APP-NVUE */
+		background-color: rgba(0, 0, 0, 0.2) !important;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		background-color: var(--fui-color-hover, rgba(0, 0, 0, 0.2)) !important;
+		/* #endif */
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-grid/fui-grid.vue b/components/firstui/fui-grid/fui-grid.vue
new file mode 100644
index 0000000..7e8595d
--- /dev/null
+++ b/components/firstui/fui-grid/fui-grid.vue
@@ -0,0 +1,269 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  18 6     1 40725 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-grid__wrap" :class="[isShow?'fui-grid__wrap-show':'fui-grid__wrap-hidden']">
+		<view :id="elemId" ref="fui_grid" class="fui-grid"
+			:class="{ 'fui-grid__border': showBorder,'fui-grid__between':between }"
+			:style="{ 'border-left-color':borderColor,'border-top-color':borderColor}">
+			<slot></slot>
+			<!-- #ifndef APP-VUE || H5 || MP-WEIXIN -->
+			<template v-if="seats.length > 0 && between">
+				<view v-for="(item,index) in seats" :key="index"
+					:style="'width:'+width+';'+(height?'height:'+height:'')"></view>
+			</template>
+			<!-- #endif -->
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const dom = uni.requireNativePlugin('dom');
+	// #endif
+	export default {
+		name: "fui-grid",
+		emits: ['click'],
+		props: {
+			// 每行显示个数
+			columns: {
+				type: Number,
+				default: 3
+			},
+			// 是否显示边框
+			showBorder: {
+				type: Boolean,
+				default: true
+			},
+			// 边框颜色 仅nvue有效
+			borderColor: {
+				type: String,
+				default: '#EEEEEE'
+			},
+			// 是否正方形显示,默认为 true
+			square: {
+				type: Boolean,
+				default: true
+			},
+			// item 项是否两端对齐，仅在宽度无法拉满且影响美观时使用，谨慎使用 v2.0.0+
+			between: {
+				type: Boolean,
+				default: false
+			},
+			//当数据无法铺满时，且设置了between 布局，末尾补足占位元素个数
+			//最后一行数据个数+emptyElements 不可大于 columns 值
+			emptyElements: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		provide() {
+			return {
+				grid: this
+			}
+		},
+		data() {
+			const elemId = `fui_${Math.ceil(Math.random() * 10e5).toString(36)}`
+			return {
+				elemId: elemId,
+				width: 0,
+				height: 0,
+				isShow: false,
+				seats: []
+			};
+		},
+		created() {
+			this.children = []
+			let sys = uni.getSystemInfoSync()
+			this.width = (100 / this.columns) + '%'
+			if (this.square) {
+				this.height = parseInt((sys.windowWidth - 1) / this.columns * 10) / 10 + 'px'
+			}
+		},
+		watch: {
+			columns(val) {
+				this.$nextTick(() => {
+					this.init()
+				})
+			},
+			showBorder(val) {
+				this.childChange()
+			},
+			emptyElements(val) {
+				this.createEmptyEl(val)
+			}
+		},
+		mounted() {
+			this.$nextTick(() => {
+				this.init()
+				this.createEmptyEl(this.emptyElements)
+			})
+		},
+		methods: {
+			init() {
+				setTimeout(() => {
+					this.getWidth((width, height) => {
+						this.children.forEach((item, index) => {
+							item.width = width
+							item.height = height
+						})
+						this.isShow = true
+					})
+				}, 50)
+			},
+			createEmptyEl(val) {
+				// 百度小程序在页面循环数字有问题
+				const nums = Number(val)
+				let seats = []
+				if (nums && nums > 0) {
+					for (let i = 0; i < nums; i++) {
+						seats.push(i)
+					}
+					this.seats = seats
+				} else {
+					this.seats = []
+				}
+			},
+			childChange() {
+				this.children.forEach((item, index) => {
+					item.showBorder = this.showBorder
+				})
+			},
+			handleClick(e) {
+				this.$emit('click', e)
+			},
+			getWidth(fn) {
+				let isNoSupported = false
+				// #ifdef MP-BAIDU || MP-TOUTIAO || MP-QQ || MP-KUAISHOU || MP-JD || MP-360 || MP-LARK
+				isNoSupported = true
+				// #endif
+
+				// #ifndef APP-NVUE
+				this.width = (100 / this.columns) + '%'
+				if (this.square || isNoSupported) {
+					uni.createSelectorQuery()
+						// #ifndef MP-ALIPAY
+						.in(this)
+						// #endif
+						.select(`#${this.elemId}`)
+						.boundingClientRect()
+						.exec(ret => {
+							//使用 parseInt 不使用 Number 避免 部分android机 换行（小数渲染有兼容性问题） ，但是可能会出现误差无法铺满
+							let width = (ret[0].width - 1) / this.columns
+							width = (parseInt(width * 10) / 10) + 'px'
+							if (this.square)
+								this.height = width;
+							if (isNoSupported)
+								this.width = width;
+							fn(this.width, this.height)
+						})
+				} else {
+					fn(this.width, this.height)
+				}
+				// #endif
+				// #ifdef APP-NVUE
+				dom.getComponentRect(this.$refs['fui_grid'], (ret) => {
+					//使用 parseInt 不使用 Number 可避免 部分android机 换行，但是可能会出现误差无法铺满
+					// 注：以真机测试为准，如果还有换行，则只能不保留小数
+					let width = (ret.size.width - 1) / this.columns
+					this.width = parseInt(width * 10) / 10 + 'px'
+					if (this.square) {
+						this.height = this.width;
+					}
+					fn(this.width, this.height)
+				})
+				// #endif
+			}
+		}
+
+	}
+</script>
+
+<style scoped>
+	.fui-grid__wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+		flex-direction: column;
+
+		/* 以下css可能导致数据过多nvue端直接白屏不显示 */
+		/* #ifndef APP-NVUE */
+		transition-property: opacity;
+		transition-duration: .2s;
+		transition-timing-function: ease-in-out;
+		/* #endif */
+	}
+
+	.fui-grid__wrap-hidden {
+		opacity: 0;
+	}
+
+	.fui-grid__wrap-show {
+		opacity: 1 !important;
+	}
+
+	.fui-grid {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		width: 100%;
+		/* #endif */
+		flex-direction: row;
+		flex-wrap: wrap;
+	}
+
+	/* #ifndef APP-VUE || H5 || MP-WEIXIN */
+	.fui-grid__between {
+		justify-content: space-between;
+	}
+
+	/* #endif */
+
+	.fui-grid__border {
+		position: relative;
+		/* #ifdef APP-NVUE */
+		border-left-style: solid;
+		border-left-width: 0.5px;
+		border-top-style: solid;
+		border-top-width: 0.5px;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		z-index: 1;
+		border-left: 0;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-grid__border::before {
+		content: ' ';
+		position: absolute;
+		left: 0;
+		top: 0;
+		width: 100%;
+		height: 1px;
+		border-top: 1px solid var(--fui-color-border, #EEEEEE);
+		-webkit-transform-origin: 0 0;
+		transform-origin: 0 0;
+		-webkit-transform: scaleY(0.5);
+		transform: scaleY(0.5);
+		z-index: 1;
+	}
+
+	.fui-grid__border::after {
+		content: ' ';
+		position: absolute;
+		left: 0;
+		top: 0;
+		width: 1px;
+		height: 100%;
+		border-left: 1px solid var(--fui-color-border, #EEEEEE);
+		-webkit-transform-origin: 0 0;
+		transform-origin: 0 0;
+		-webkit-transform: scaleX(0.5);
+		transform: scaleX(0.5);
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-horizontal-scroll/bindingx.js b/components/firstui/fui-horizontal-scroll/bindingx.js
new file mode 100644
index 0000000..f2cea73
--- /dev/null
+++ b/components/firstui/fui-horizontal-scroll/bindingx.js
@@ -0,0 +1,42 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1   8 614  0 7254  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifdef APP-NVUE
+const BindingX = uni.requireNativePlugin('bindingx');
+export default {
+	methods: {
+		getEl(el) {
+			return this.$refs[el].ref;
+		},
+		nvueScrollHandler(e) {
+			const anchor = this.getEl('fui_scroller_view')
+			const element = this.getEl('fui_hor_indicator')
+			const scrollLeft = e.contentOffset.x
+			const contentWidth = e.contentSize.width
+			if (this.scroll && element) {
+				const barAllMoveWidth = this.bgWidth - this.blockWidth
+				const platform = uni.getSystemInfoSync().platform
+				const actionNum = platform.toLowerCase() === 'ios' ? 2 : 1
+				const expression = `(x / ${actionNum}) / ${contentWidth - this.width} * ${barAllMoveWidth}`
+				BindingX.bind({
+					anchor,
+					eventType: 'scroll',
+					props: [{
+						element,
+						property: 'transform.translateX',
+						expression
+					}]
+				})
+			}
+			if (scrollLeft + this.width === contentWidth) {
+				this.scrollEvent('right')
+			} else if (scrollLeft === 0) {
+				this.scrollEvent('left')
+			}
+		}
+	}
+}
+
+// #endif
+
+// #ifndef APP-NVUE
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-horizontal-scroll/fui-horizontal-scroll.vue b/components/firstui/fui-horizontal-scroll/fui-horizontal-scroll.vue
new file mode 100644
index 0000000..866d287
--- /dev/null
+++ b/components/firstui/fui-horizontal-scroll/fui-horizontal-scroll.vue
@@ -0,0 +1,271 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18 6   1407 25  4   9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-horizontal__scroll" :style="{marginTop:marginTop+'rpx',marginBottom:marginBottom+'rpx'}"
+		ref="fui_horizontal__scroll">
+		<!-- #ifdef APP-VUE  || MP-WEIXIN || H5-->
+		<scroll-view :show-scrollbar="false" scroll-x :upper-threshold="0" :lower-threshold="0" :data-width="width" :data-bgwidth="bgWidth"
+			:data-blockwidth="blockWidth" @scroll="handler.scroll" @scrolltoupper="handler.scrolltoupper"
+			@scrolltolower="handler.scrolltolower" class="fui-hor__scroll-view">
+			<view class="fui-hor__scroll-wrap">
+				<slot></slot>
+			</view>
+		</scroll-view>
+
+		<!-- #endif -->
+
+		<!-- #ifdef APP-NVUE -->
+		<scroller class="fui-hor__scroll-view" ref="fui_scroller_view" scroll-direction="horizontal"
+			:show-scrollbar="false" :offset-accuracy="2" @scroll="nvueScrollHandler">
+			<view class="fui-hor__scroll-wrap">
+				<slot></slot>
+			</view>
+		</scroller>
+		<!-- #endif -->
+
+		<!-- #ifndef APP-PLUS || MP-WEIXIN || H5-->
+		<scroll-view :show-scrollbar="false" scroll-x :upper-threshold="0" :lower-threshold="0" class="fui-hor__scroll-view"
+			@scroll="scrollHandler" @scrolltoupper="scrolltoupper" @scrolltolower="scrolltolower">
+			<view class="fui-hor__scroll-wrap">
+				<slot></slot>
+			</view>
+		</scroll-view>
+		<!-- #endif -->
+		<view class="fui-hor__scrollbar-wrap" :style="{marginTop:scrollGap+'rpx'}" v-if="scroll">
+			<view class="fui-hor__scrollbar" :class="{'fui-hor__scroll-radius':scrollCap==='round'}"
+				:style="{height:blockHeight+'px',width:bgWidth+'px',background:background}">
+				<view class="fui-hor__scroll-indicator"
+					:class="{'fui-hor__scroll-radius':scrollCap==='round','fui-hor__scroll-bg':!scrollBarColor}"
+					:style="getStyles" ref="fui_hor_indicator"></view>
+			</view>
+		</view>
+	</view>
+</template>
+<!-- #ifdef APP-VUE || MP-WEIXIN || H5-->
+<script src="./index.wxs" module="handler" lang="wxs"></script>
+<!-- #endif -->
+<script>
+	// #ifdef APP-NVUE
+	const dom = uni.requireNativePlugin('dom');
+	// #endif
+	import bindingx from './bindingx.js'
+	import mpjs from './mpjs.js'
+	export default {
+		name: "fui-horizontal-scroll",
+		mixins: [mpjs, bindingx],
+		emits: ['scrolltoupper', 'scrolltolower'],
+		props: {
+			marginTop: {
+				type: [String, Number],
+				default: 0
+			},
+			marginBottom: {
+				type: [String, Number],
+				default: 0
+			},
+			// 是否显示滚动条
+			scroll: {
+				type: Boolean,
+				default: true
+			},
+			// 滚动条区域宽度/长度
+			scrollWidth: {
+				type: [String, Number],
+				default: 96
+			},
+			// 滚动条的宽度
+			scrollBarWidth: {
+				type: [String, Number],
+				default: 32
+			},
+			// 滚动区域/滚动条高度
+			scrollHeight: {
+				type: [String, Number],
+				default: 8
+			},
+			//滚动条两端样式，可选值为 square、round
+			scrollCap: {
+				type: String,
+				default: 'round'
+			},
+			scrollBarColor: {
+				type: String,
+				default: ''
+			},
+			background: {
+				type: String,
+				default: '#EEEEEE'
+			},
+			//自定义滚动条距离上方内容间距
+			scrollGap: {
+				type: [String, Number],
+				default: 24
+			}
+		},
+		data() {
+			return {
+				width: 0,
+				//滚动条背景长度
+				bgWidth: 0,
+				//滚动条滑块长度
+				blockWidth: 0,
+				blockHeight: 0,
+				transform: '',
+				isMounted: false
+			};
+		},
+		created() {
+			this.bgWidth = this.getPx(this.scrollWidth || 96)
+			this.blockWidth = this.getPx(this.scrollBarWidth || 32)
+			this.blockHeight = this.getPx(this.scrollHeight || 8)
+		},
+		mounted() {
+			this.isMounted = true
+			this.$nextTick(() => {
+				this.init()
+			})
+		},
+		// #ifdef H5
+		updated() {
+			if(!this.isMounted && !this.width){
+				setTimeout(() => {
+					this.init()
+				}, 0)
+			}
+		},
+		// #endif
+		watch: {
+			scrollWidth(val) {
+				this.bgWidth = this.getPx(val || 96)
+			},
+			scrollBarWidth(val) {
+				this.blockWidth = this.getPx(this.scrollBarWidth || 32)
+			},
+			scrollHeight(val) {
+				this.blockHeight = this.getPx(this.scrollHeight || 8)
+			}
+		},
+		computed: {
+			getStyles() {
+				let style = `height:${this.blockHeight}px;width:${this.blockWidth}px;`
+				let color = this.scrollBarColor;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				if (color && color !== true) {
+					style += `background:${color};`
+				}
+				// #ifndef APP-PLUS || MP-WEIXIN
+				style += `transform:${this.transform}`
+				// #endif
+				return style
+			}
+		},
+		methods: {
+			//如果初始化有误，可调用此方法重新初始化
+			init() {
+				setTimeout(() => {
+					this._getSize()
+				}, 80);
+			},
+			getPx(rpx) {
+				let px = Math.floor(uni.upx2px(Number(rpx)));
+				px = px % 2 === 0 ? px : px + 1
+				return px;
+			},
+			scrollEvent(edge) {
+				const event = edge === 'left' ? 'scrolltoupper' : 'scrolltolower'
+				this.$emit(event)
+			},
+			_getSize() {
+				// #ifndef APP-NVUE
+				uni.createSelectorQuery()
+					// #ifndef MP-ALIPAY
+					.in(this)
+					// #endif
+					.select('.fui-horizontal__scroll')
+					.boundingClientRect()
+					.exec(ret => {
+						if (ret) {
+							this.width = ret[0].width || 0
+						}
+					})
+				// #endif
+				// #ifdef APP-NVUE
+				dom.getComponentRect(this.$refs['fui_horizontal__scroll'], (ret) => {
+					const size = ret.size
+					if (size) {
+						this.width = size.width
+					}
+				})
+				// #endif
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	/* #ifndef APP-NVUE */
+	::-webkit-scrollbar {
+		width: 0 !important;
+		height: 0 !important;
+		color: transparent !important;
+		display: none;
+	}
+
+	/* #endif */
+	.fui-horizontal__scroll,
+	.fui-hor__scroll-view,
+	.fui-hor__scroll-wrap {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		flex-shrink: 0;
+		/* #endif */
+		flex-direction: row;
+	}
+
+	.fui-horizontal__scroll {
+		flex-direction: column;
+		align-items: stretch;
+		/* #ifndef APP-NVUE */
+		align-content: flex-start;
+		/* #endif */
+	}
+
+	.fui-hor__scrollbar-wrap {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		justify-content: center;
+	}
+
+	.fui-hor__scrollbar {
+		position: relative;
+		overflow: hidden;
+		/* #ifndef APP-NVUE */
+		transform: translateZ(0);
+		/* #endif */
+
+	}
+
+	.fui-hor__scroll-radius {
+		border-radius: 100px;
+	}
+
+	.fui-hor__scroll-indicator {
+		position: absolute;
+		left: 0;
+		top: 0;
+
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-hor__scroll-bg {
+		background-color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-horizontal-scroll/index.wxs b/components/firstui/fui-horizontal-scroll/index.wxs
new file mode 100644
index 0000000..e22ca4d
--- /dev/null
+++ b/components/firstui/fui-horizontal-scroll/index.wxs
@@ -0,0 +1,39 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1  86 14 0 7 25   49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+function scroll(event, ownerInstance) {
+	var detail = event.detail
+	var scrollWidth = detail.scrollWidth
+	var scrollLeft = detail.scrollLeft
+	var dataset = event.currentTarget.dataset
+	var width = dataset.width || 0
+	var scrollBarWidth = dataset.bgwidth || 0
+	var blockWidth = dataset.blockwidth || 0
+	var x = scrollLeft / (scrollWidth - width) * (scrollBarWidth - blockWidth)
+	setBarStyle(ownerInstance, x)
+}
+
+function scrolltolower(event, ownerInstance) {
+	ownerInstance.callMethod('scrollEvent', 'right')
+	var dataset = event.currentTarget.dataset
+	var scrollBarWidth = dataset.bgwidth || 0
+	var blockWidth = dataset.blockwidth || 0
+	setBarStyle(ownerInstance, scrollBarWidth - blockWidth)
+}
+
+function scrolltoupper(event, ownerInstance) {
+	ownerInstance.callMethod('scrollEvent', 'left')
+	setBarStyle(ownerInstance, 0)
+}
+
+function setBarStyle(ownerInstance, x) {
+	var block = ownerInstance.selectComponent('.fui-hor__scroll-indicator')
+	block && block.setStyle({
+		transform: 'translate3d(' + x + 'px,0,0)'
+	})
+
+}
+
+module.exports = {
+	scroll: scroll,
+	scrolltolower: scrolltolower,
+	scrolltoupper: scrolltoupper
+}
\ No newline at end of file
diff --git a/components/firstui/fui-horizontal-scroll/mpjs.js b/components/firstui/fui-horizontal-scroll/mpjs.js
new file mode 100644
index 0000000..64e2d9e
--- /dev/null
+++ b/components/firstui/fui-horizontal-scroll/mpjs.js
@@ -0,0 +1,32 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 186 1 407   254    9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifndef APP-PLUS || MP-WEIXIN || H5
+
+export default {
+	methods: {
+		scrollHandler(event) {
+			const detail = event.detail
+			const scrollWidth = detail.scrollWidth
+			const scrollLeft = detail.scrollLeft
+			const width = this.width
+			const scrollBarWidth = this.bgWidth
+			const blockWidth = this.blockWidth
+			const x = scrollLeft / (scrollWidth - width) * (scrollBarWidth - blockWidth)
+			this.transform = `translate3d(${x}px,0,0)`
+		},
+		scrolltoupper(event) {
+			this.scrollEvent('left')
+			this.transform = 'translate3d(0,0,0)'
+		},
+		scrolltolower(event) {
+			this.scrollEvent('right')
+			const x = this.bgWidth - this.blockWidth
+			this.transform = `translate3d(${x}px,0,0)`
+		}
+	}
+}
+
+// #endif
+
+// #ifdef APP-PLUS|| MP-WEIXIN || H5
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-icon/fui-icon.js b/components/firstui/fui-icon/fui-icon.js
new file mode 100644
index 0000000..43c5d93
--- /dev/null
+++ b/components/firstui/fui-icon/fui-icon.js
@@ -0,0 +1,166 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18  6140     725 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export default {
+	"addressbook":"\ue80c",
+	"addfriends-fill": "\ue80a",
+	"addfriends": "\ue80b",
+	"backspace-fill": "\ue808",
+	"backspace": "\ue809",
+	"bankcard-fill": "\ue806",
+	"bankcard": "\ue807",
+	"camera-fill": "\ue804",
+	"camera": "\ue805",
+	"captcha-fill": "\ue802",
+	"captcha": "\ue803",
+	"cart-fill": "\ue800",
+	"cart": "\ue801",
+	"classify": "\ue7fe",
+	"classify-fill": "\ue7ff",
+	"comment-fill": "\ue7fc",
+	"comment": "\ue7fd",
+	"community-fill": "\ue7fa",
+	"community": "\ue7fb",
+	"coupon-fill": "\ue7f8",
+	"coupon": "\ue7f9",
+	"delete": "\ue7f6",
+	"delete-fill": "\ue7f7",
+	"edit": "\ue7f4",
+	"edit-fill": "\ue7f5",
+	"fabulous-fill": "\ue7f2",
+	"fabulous": "\ue7f3",
+	"find": "\ue7f0",
+	"find-fill": "\ue7f1",
+	"help-fill": "\ue7ee",
+	"help": "\ue7ef",
+	"home-fill": "\ue7ec",
+	"home": "\ue7ed",
+	"idcard-fill": "\ue7ea",
+	"idcard": "\ue7eb",
+	"info": "\ue7e8",
+	"info-fill": "\ue7e9",
+	"invite-fill": "\ue7e6",
+	"invite": "\ue7e7",
+	"kefu-fill": "\ue7e4",
+	"kefu": "\ue7e5",
+	"like-fill": "\ue7e2",
+	"like": "\ue7e3",
+	"location": "\ue7e0",
+	"location-fill": "\ue7e1",
+	"lock": "\ue7de",
+	"lock-fill": "\ue7df",
+	"mail-fill": "\ue7dc",
+	"mail": "\ue7dd",
+	"message": "\ue7da",
+	"message-fill": "\ue7db",
+	"mobile-fill": "\ue7d8",
+	"mobile": "\ue7d9",
+	"more": "\ue7d6",
+	"more-fill": "\ue7d7",
+	"my-fill": "\ue7d4",
+	"my": "\ue7d5",
+	"principal":"\ue80d",
+	"notice-fill": "\ue7d2",
+	"notice": "\ue7d3",
+	"order": "\ue7d0",
+	"order-fill": "\ue7d1",
+	"picture": "\ue7ce",
+	"picture-fill": "\ue7cf",
+	"setup-fill": "\ue7cc",
+	"setup": "\ue7cd",
+	"share": "\ue7ca",
+	"share-fill": "\ue7cb",
+	"shop": "\ue7c8",
+	"shop-fill": "\ue7c9",
+	"star-fill": "\ue7c5",
+	"star": "\ue7c6",
+	"starhalf": "\ue7c7",
+	"stepon-fill": "\ue7c3",
+	"stepon": "\ue7c4",
+	"wait-fill": "\ue7c1",
+	"wait": "\ue7c2",
+	"warning": "\ue7bf",
+	"warning-fill": "\ue7c0",
+	"plus": "\ue7bc",
+	"plussign-fill": "\ue7bd",
+	"plussign": "\ue7be",
+	"minus": "\ue7b9",
+	"minussign": "\ue7ba",
+	"minussign-fill": "\ue7bb",
+	"close": "\ue7b8",
+	"clear": "\ue7b6",
+	"clear-fill": "\ue7b7",
+	"checkbox-fill": "\ue7b5",
+	"checkround": "\ue7b4",
+	"checkbox": "\ue7b3",
+	"check": "\ue7b2",
+	"pulldown-fill": "\ue7ae",
+	"pullup": "\ue7af",
+	"pullup-fill": "\ue7b0",
+	"pulldown": "\ue7b1",
+	"roundright-fill": "\ue7ac",
+	"roundright": "\ue7ad",
+	"arrowright": "\ue7a9",
+	"arrowleft": "\ue7aa",
+	"arrowdown": "\ue7ab",
+	"left": "\ue7a6",
+	"up": "\ue7a7",
+	"right": "\ue7a8",
+	"back": "\ue7a3",
+	"top": "\ue7a4",
+	"dropdown": "\ue7a5",
+	"turningleft": "\ue79f",
+	"turningup": "\ue7a0",
+	"turningright": "\ue7a1",
+	"turningdown": "\ue7a2",
+	"refresh": "\ue79c",
+	"loading": "\ue79d",
+	"search": "\ue79e",
+	"rotate": "\ue79b",
+	"screen": "\ue79a",
+	"signin": "\ue799",
+	"calendar": "\ue798",
+	"scan": "\ue797",
+	"qrcode": "\ue796",
+	"wallet": "\ue795",
+	"telephone": "\ue794",
+	"visible": "\ue793",
+	"invisible": "\ue792",
+	"menu": "\ue78e",
+	"operate": "\ue78f",
+	"slide": "\ue790",
+	"list": "\ue791",
+	"nonetwork": "\ue78d",
+	"partake": "\ue78c",
+	"qa": "\ue78b",
+	"barchart": "\ue788",
+	"piechart": "\ue789",
+	"linechart": "\ue78a",
+	"at": "\ue787",
+	"face": "\ue77f",
+	"redpacket": "\ue780",
+	"suspend": "\ue781",
+	"link": "\ue782",
+	"keyboard": "\ue783",
+	"play": "\ue784",
+	"video": "\ue785",
+	"voice": "\ue786",
+	"sina": "\ue77a",
+	"browser": "\ue77b",
+	"moments": "\ue77c",
+	"qq": "\ue77d",
+	"wechat": "\ue77e",
+	"balance": "\ue779",
+	"bankcardpay": "\ue778",
+	"wxpay": "\ue777",
+	"alipay": "\ue776",
+	"payment":"\ue818",
+	"receive":"\ue817",
+	"sendout":"\ue816",
+	"evaluate":"\ue815",
+	"aftersale":"\ue814",
+	"warehouse":"\ue813",
+	"transport":"\ue812",
+	"delivery":"\ue811",
+	"switch":"\ue810",
+	"goods":"\ue80f",
+	"goods-fill":"\ue80e"
+}
\ No newline at end of file
diff --git a/components/firstui/fui-icon/fui-icon.ttf b/components/firstui/fui-icon/fui-icon.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..8bbc644afa6970f8c041dbf1db6eb6b555e9e357
GIT binary patch
literal 39840
zcmeFa378v4wLe<bEvdC{tz8<8mXS33rjcZO?6JI!mpI<{b-X2Z;&_YWBxGTd03i!W
z2oM6<oQ)*}ZU}_!5i*2a;If7#EV<mo7YH&5@F!ut{89V;PM0*JvB%)Nd*AoH?|c6l
zRjayG-F;5gsk7CoYQ`C3Ha5y+*1K@^+PR5aGH+pwPebXN<*R%8XWg>oB+hTe`N*zI
zb{vvV9{3_-hN~H~F1>L7l^5Ky&G$XV+&;#xAK1HR$L^ND{_<kfJ%Lo*ivr~(Lk4+V
z!&>%Ua`cKjkiq?a!<cl({)4-A+;sDWI~j9+9c4={*>S}o{tSBq`4B244(zyO&rM%{
zUn^sGE<*jyhYntP^!wg*S2FhAM;J5x7X$3_=&4b*#h~96N5ZD@?-9KOrGvL`__yt@
znSWw7QTN1eo-a{F@qOwU1C!_A)Xb#X<#eY<*sqvJKc`YF{uw)^pNl71SuY!6(){72
zYnXHYj-v-ygo)dW-y8FM|Go=%;Qrzlj(YSfM+s-9TB*Un_#Mm$TyK)Tg|gelH-C-w
zb6hDgqm0ri{#IPDU^g4996K4(+k?qJW22}xxiutu;QvYgrw#tULIWU2&^kB|W1WID
zrMm^q@;gyV)Z2+~j5?GX_yu|$3=zgohE8D|R*umT=Y-J1>>>6bJI?N5_p<xg{p<nu
z9`;`LK6V#-Kf9ZKfPIkN$!=$Nuy?cD*t^)R?49f;b~C$$-N@d--p<~}ZeZ85>)0rJ
zE4!9m#ja-8u*=yM>`L|)c9dPlj<Lh+2)mRWU<cVDwx3<X_OgBKB6cymkX^v`u-$AY
z+r@UUZEQOmVVl_&wv}yUo7j4`fvsih*ebS~tzj$JO16wGXG_`nYzaG$En<t=Fk8sx
zvjuD}o5#v*4*1DzHj~X_GuR-T#-_6(E3pAqVErr)ZqvuQSr1yJi?y>3*2>ygmgQIr
z%diwnvjj`BIBRAx)&x!zWg!-30TyIF=4W1}GB>!Hlew6K*}?Oz%mVJCfcqHHf-=|(
zT9y+p`v3c%of<&-bgda4CQ1_tRK_Zoiv)UOl`BL7<*^Fn5+%?et3ZZQ0yVPARU&~d
zSp{;F5-5~at`P~e$|~221gd3~w~7S%WtCBpK*_9fok*Z*R=HjzP&cdGAQI@DRo*5N
zD4tc`E)r;;Ro)>IMggnbC=$j4tGrVrj0{$}NhFLBR=HUuj22e8MI?+HR=HIqj38F2
zC5$Cjq2G`&s#t~Yg@p0NDs(Rr`E)<J7ZS!CtI)HNF#1@9@I=BmWEH{_2_uqK2u~!8
zO;#a1kuXYGh44hecx4sB6A2@iRR~WcjA2$GJdrS(S%vxl3FDeos1J}Z!dZp-010EA
zRj3b;FzQ)_`Tz;zpH+^F1Wv#z)W=BR39LeWj|A?(Dnt`V;1jI!h)CcVtn#Qx;2o^;
zA(6mESmnbafuFF-M??Z=VU>@H1RldGkBJ0s!zv#W34DiD9v2B5h*dr=5_l1-d_p8}
zC06+tk-(o=<q46%saWNcB7tYI%9A32d$G!=L;@dUl~0QVj>alai3HxpDxVPvT#i*f
zD-!q}t9(u*a6VS~yhz}ItnvkszztdD{}PFf;QNarfkU#&(;|UavdWi40@q}fXG8-3
zWR)?Iz)4x<%OZiNvdXg}fxEKGS40AzWtHbd0>@>Qe-#P5msP$h61Xs{d`%?qV^;aP
zNZ`z@@^2!6N3+T|L;|;Fm2Zj!zRfD%5(ylfRlY3}csZ+lM<j4{R{5?-;P0&Ryhz~m
ztnxjP!1Gz<`yzq+v&s)df*fF#ABqHtz$!0@1lhnUKN1O2f>nMj666J|{6r*H#`jM}
zf(&7m7e#_JVU>Ru337#1ekKwm46FQyNRTzG@{&l9I;`@tNRU6QazZ3XB3AiNksy;;
z<>w+nI<d+xM1q`Rm0yYkiNz|fhy>ZiD!&p5QjAq9B0-+9%1MzR*;wV*B0<Kn%Bvzl
z+Of)OB0=u4%5Ov>eWCJOksu3M<#!@MDzeJ|5()B=RemoLBqgi7E)rxWtGpo+q$jKV
zK_tjgR{5hykf^NkCy^jqS>?|nLCUhqUqphuWtG2*#1i=aFOeXFS><mcK^n8l{}u^y
znN|KS5+pRMR7HZUW))2&NNrX*B@*N}L-XhflAN97B0;9Jlafe~?(C#2668EPX%Gn#
zpPe*{1li9{nnZ#Yz)mV6K_6fz%_2cFU?(jik;QY;DiX8>cG4yi^agg)E)p~dcCwbB
zOR$qv4+&ZYJ4yABNN+ny_eFxH!A{bBk;n!*NpK)R`(P&t4kWUIP7>Tmq!*qfxRFS^
zJ4tvVK}%sL2~Q-l)J{^nAd%*Rzb))D{38BC>4)-C`3=J-41YAPF+OhcnI2IL%C*YZ
z%?a~<^Jgr~a*^eW)@jyH*nGCzY`?TGv47tYa$N2BtMh}d7S{(|KXcpN!|rc*%AQ-j
zChz^;pQx?sM|_>WyL>PD=lh=v><{(^M}p6XmWA#Ly%8>kF9<&wX^k9<{3yCA`bhLA
zF>7pR>|0Gsn;vR<BYt)K`^`raPbRa;Ln(XeiqtpKbJIU>iM8C{@?vHv^O4MNvVrWj
z>{qid<py&5bC0w}S}$t-Nb7Ifmb4ve`&@gX{i604J3<|A>G)vB7dl?-jCF46ytnf^
zU4gDeT|2w3?z*e%iEdN({O-HDU+US=^K9>d-dFp+)gSM_JJ0fO$$vV3av(Kub0Ji?
zy71THrs7vihSIasdZ%4K?U&P!%vdtx@fm*|{Qk^GW_1s-p(C@+vwvCcF5fi=6iB^-
zroKaZ9ev`{HOxFlbQ#UuAMksUo=no?3*?ji#e!#`n`e^!aqiC#bW7=E%GAX3LHy+J
z^Wm(}H((s(bkf1;M0Q8A)e&i=I+Be@$0OO)VD%b)JUy5yHx(CVwUJ1+Tu$&4iG-F&
z@Z*Vc0w2kpjcB8MtgNwUCKKhOs6LV!OlKDsn=;YS(FFeVgHA!GPRXM(2mORu5*#B>
zT!{w(b19Qdxwy$c0eKJ4%KlsyrG*k9G@BQjc>p-&(*ArK_a~)C@2QU7!&hn_@i`xH
z#(dIoUksVige&Dtj-6t0_i|ZY=8kVKmwCBbmd2#9d$cHj<(@KX`80zs7W47H)3vAA
z-EKv3-(A-J=vB?FoVS`)FSn14m1}MNNwjqw+^YmBwgVc#TLE>-1bCacFEGfng@IDK
zP#WTc+>;LYeM;UVqtTsGH!lnnODQLhOGC(ZbB-<`9BbDAaZz9ItL#}W%A`}-f#M+D
zt3QAznsApv&n8REw@Pxa*koz)+`hssUH`l*WHb4iqVAY4H9g|&ojW@lACTs1BZTOa
zlKTlhifXHH_UWl=YD+gcRMk;dBWh5(BNe~b<@uv8W;RFtzeH9W@kh;O2|e$QHu+4p
zkjob<XNTtXIwR9l@qxI+V!rALQD0&jquS__gfCVdoBE1TJg7`h+~fkg0M`Lczgwz+
zFOj`OcGMu`-~zO?Ck-OVWji=1yWV{LpoM;r1jv`jJj>I*K!0%{n=%>GzBuov=Eg~I
zyjWiG=~Qsnu3+lZ(i7D(HOX^|@qn|{dBCWAI+Bf5pX-ga#_-{+*Aa*W9LWB@RwR8$
zOVG9aL^<Zum@j5H=yV=5WF!3dzL@rH+zeOx903PDbZ1dOT=mq;@<VbOm|US-vt;W&
z!X9OxWK8WPf&m8NQz{06aSo_+16e2c2fMjK^d&xule@UzgbF&kS!1D?>jnY(11|2I
zR1uVdU+4yCgJKV-D{4>BpEJZu8B`dO0?izck4q-S*vJkh@rDv8HQkp&^XB{dAD4p1
zRwz!Z#p<+p-5c&7P(mS>?2CB$tozq`12&ffAG6oJ`tq>Z%DLCU9bPW|6<HN^9Fl*}
zu*0p`?G}7I9_zZh`}G^(SC#X@_ph?6ew*8Fb2@Pkj+<zQ4l4$O-QzLMpKtPb90sGJ
zy`13SCfbRFJHc5Zaf&6zaGu~Va?`47Vv<pkWQj}Muwt>zZ1y|0JH1?W1P6yuh@WJG
zK{hGbn>R$|-ad!d=g41I&-5uvE=!n9l0g=CSiaDT8`wu2Uey_xJ|r%ejkug=Zr*Uu
z5tEw$BFIbzhsSGNLST&2;dnwD14QKn$Qd*Zes`VhhnyB1dJeSFWuz^0qbCgl6&yM3
z;VH$4PSY7fe{mKcD56tnsDn`m`p#vtawDtuH=d}CC-4)Lx8-8mv$5PZUUu5F$1T=~
z_qbw1%b+D}%5iVRYSA9Iy{+lVrtwc_d_x=`>G_wmWnYWsa<Q-RCwa>Jnn|^3y=ug2
z{u3I3|4Ff-yPmhHrq|5XZ^WCL;>YN~N9joPjxqc_>4*5TLk9^%$6mumU;!Niy#pg4
z1dM^6(s)7y*+IjVT0<9HkYZ_~ZzW9ygP`L6VkxN~hd3_h#1H!eK2tJ9v<&g)GnIU%
z4lXV#B=Mgo4&lEn!NZ`KN@78RZ$svxg#7OF>@EH;^rf`V5%b}T%(fr8inEK(#dJDk
zoV~Ve<ay)lb+e7Bo@$R6%Dg(xG56ceW@oWnbQXA6t9-#~I?o`rCyWVv9v5HR_q$b$
z8#U^+o3-V!WHJUCZ=XKBof7X$elwyy+LVjMa!sCS%x?rMRhuri*r?*I3vM;<H$u~@
z@xzZxRp@oiECG#rHT0*ql6B58$caSI>AEz?kyICyg5qpC(?|`dOuwRSQd#1Y_%<n^
zV?UUr-llqkW{sjfQ`u6H#8f(^sQCtJ6pzX}CBH9N8X&&mBq-z!Po(?%({%U&jq4}q
zP`#E$!e~Oe9_4oPyDavg`#OhTzSP3o<}HlyvB<)CZT;0yvO9^-C!|Cv>9DU~)1Q7<
zx=+7FY<96(8d95+A;l5%1e5&X{`7E5Uth~`y8j8gWtbj<!(%kuv}^j)+>8Rg&>eI;
zw3Ys#+%hZXjD%gWnJu@a`+pv!rz9ntHCal?d|3N_y1y^Y=^km9lq@E!Hoqt4Fojah
zYLdtoiOHkV6VR;4f5$SZ9+1@#rvd3RrITQ+P7>pwz<e^79g><so@k96FFUO7GaD?b
zU3!8@srs&qOa{d*Db?k4DqVV!g=6H2D&7^A_gR8|2Pk8oqIzwdq~Sh{Q!dI$$!5^3
zPrWK{mpfr!^g{Q5#mBQI#VLX6buJ%-S|OE+*%I|@w*)<dMvPxJ>Dpfo^bt%Caam2O
z(nAg(m($bcOmC4TU)0Tw#kD(E7Yy8UPd0MCQe3rVRZ%%VlJ)VJU)thp;@U%<3v7S2
zEqKEx`BZ)%_c#-UM7)r2cx0cWZ+RE*UeV|9KM`r^UeeaKq`M_jecl(3`=sv_Iywqa
zwi4A7)Rr~)gV3Iefc_uCsXArgl^x=cgc1Ze$tNx^`N#0RW+<%Lv9@UB?x;_aTc*#M
zmX^6M;*pk44VrdG-->SDwY<;alRb_^Ar7>h9*GPYvTD%xI{>yFysHhCG-)4D<a|z!
zCI{V<DkroH3=$PYP(UFlL+3yl{OGSK-ZX}SHMNcCMq(XHIy#oDqeI863un%}@GW%s
ze)Z?6o@v{s@e~d{+E8w8)~ZNx#hRU)YaSu8p@TG5yAqd|Yggj(YNCfO!zbB$0v9M&
ztCE|OI|9bzjn*u-QzzsRISG9Hu!q|qeJ%h-0vCZ7n1@iD2%FN7gwkNZlt~gNC1tg#
z#z4S@{eqQHZrr@c${BE4l31X?hFmfzvE1BTZtgNV<dQu-b9;K;seQr|<kIwQ2ewU@
zcu@NS580RPUdA7&J{!&UDi({<D~{QyG!)Hdqt!1rl=eV{<|}G<#BEQ|E$8-VheGcB
zn!dg@d3UJXUMxz1Z1e$(l29xs^y4#hBk4=gY?bk68p@B86+-&i+vEhg-2r>PmHaVK
zBz5%>J&69~X_MaZB!he=g&6M;4J!zoT%p##Q2t5fQfSm=`7f&TFT3gJf(1u!x@^95
z)laQnD?UGU`u$hA{M_H<=YjPt@s5soi+%Z5K6%(8c^y*RDy0`3oj?ER&2*@~!mS>k
z$3m4a@w<NN^7(M^x3qN3Y;Os8r~6huu+#1%OT7+1^=}ltTO{8Y(W@{#8p#z*UHV73
zBn#;wDc>Iq1oM;7DezyEwzLP%-@j*8@9Mt!m(ACa%Pri>&zll8Ex|pjj?U@tDYRMb
z%b)$!VRH?^pUk@8;${B!&85E8eT!<CF6iI7FjwuG65WM-_O6m!%`{+4Bu!ogjM2|a
zAAql<8`y$Gp(8_^)ma`%I2pqYJX<k=Mb8F5fn<ZOOX`A)%U4wIcSbB9adY>F)h1~d
zEY@FJ)u?6ud`r|zN3Y1M*7?#0oc0sGqVIdb_Bekc-mX1nji^)w%Fz6I6Zv^!!cxFw
z)2&3}bWmY@3giPoAfx3p7>z*zBmoz!K}rzH$0Vux;D=@TBQU~Ghg9476v6rwfc(-^
z1TPM%v{5!{D~$5<vQ<7&o(%GXPZ5}OC_P1B(}9`~as_R8mox^AO$A@bi*{_{Nho0)
zVjmn0MwL-$4Ruw+4-E?%nyz|~F!akCsw*OCxjp^&|4K)sCnD+UPi6Tb$zYHklI4Ff
z8MMzBj79@rVlYW#E#Vt(2)CSK+SB2dmN1|9B31LzVL4TD(xGN+6I?F96@=6yOR!Hs
zN6N8)YapxmlZ7ycqXPxwIwfhuIDvu#hy`o{taPNh0yf{pR=&hy(LQ4}J#4~<V5<I&
zppi`BmRUF4Q2iU9r#<}(i_?P72;5TmpqccxdKfT;;c4k1SkOqMMd_Te5voaimDg2N
zd8anVV}FO;GbfUTS7i(&r@dVl2J07hbS&mZF!%^~{Iwa_I(B$av@%uXsHl}Ymgtq%
zFX`aLakgG-r-!Bg)a6tJJvfWa`Ny&<Gj0c$&I*4f?@yyqladtaj6^yI=n!dyG(mty
z)aBYkQT0(ZvU41v>eog`r8v1*_?K!I;_7n8VgRnA5CD>pN?Y<|9p@WyOs6%*$MkUx
zS+xVaI7!}V(qpqZ{HGKX{&gJ|%nASfr6T<oFrtKJrkk?*;2E)-uiiE*XL6e|Gq;YK
z?Zu9z#kmpu7ngPvKl^|q=U8Sk!d~;3=DZt&Lb}Urm)m1Glc_b@F5Auf-*)xxO>>HV
ze`(I9-B;gm@Bs(vqfcPy&AAhUPS<AyjA3{tRsc$Z2<{#N(Uc-^a~K{3U+!#h>l(UV
zQ9ccPASCggSu1z;W*6kkX1`L-FUa=pUOCjw%~K&%LpJW4jFsg9hxB|poG{Nlc5u_G
zp#eo1n6+y2!DDmH&Ed@QsZrfuYl!Oqnv5~-MdS~E<Efv>x5%x~BC`6dH_e7Gg>DQr
zAtw)z1r}8G;R&_|$|qY+SCGLaP+&yU%;GXB%utkMAGv5IoHeza+^soV`uQ}I)8n@C
zX$~uY14L83)1f-7$T(W^s<gTK?>>{ElnO~(Ldj@Kn_tcrGMPe_kJd5=d0&g9Slm`g
zaayW>v^t>(Npti&MAUqXL)CUob6I0XzAKdC$&mKLQ1WjWkOd4l@kL(l8m>9mTwRc<
zC00gHClzSix;dH$QmU^R7FQ5#Qny;Og<J+4Q-$zJ8|CCAUsN5vmDPvgUFc5}E*57G
zH|JaU>rSuNsky8USyDsESZX@2{<c{<Ut4rKUec31orW0>OtfK>X+cXL$9QsD1I1*B
zcZO2h@d964{qST|YW|1AU}3V(Pji@a8N^)ITHxb{zj9ok6AGMhin1x|3C(c|jhNqY
z;+0p!sZ^K_{Q8CyZEnK}_rhTqADBspc<;)do|PkXkj74&D2r?92IWa-T4K^^xpq13
zQLbH%dw^CU+u(B{oXKwPp_w$YRO>>FOyT5d=V$!hs2}t9O(1mRcvf3Dp5@*N4EXU0
z@F#NG$VC1OSpOh@S$5R4hPi-M=Nr(kp%uiTkj;i(qjS6g;w>a$YVMBwlv#;gxo^+R
zS?z5JgV7amn3dZ%?bJ(V&D^t3`|!9E<6BeYWJhse<K~NJ9qr%e2>ESNM@ylwVap4f
zHx3lFc@r+&sd8v{@^uMZnlNIfK_1Q3V`(-p7EE<ZvtdI+u>@-*9W$V_%ycTJfLjpn
z1j5Z+DFr7X+sGtzl^kqEckkAQ)Q21am(h@DYbWIXuorkEv-d5#Hr{ULtM_hNpC4$=
z+FS0luHLMl4CL2u(mq#r^18>Jyxd(YbJ+YL$G-lfvo0o_sWD#IvY}9D>5!xsyE>Pg
zzp=Qd!*NB2p{1+iyroZ`zofHE`;>4Go$2}|Jr(loLD*hCn)MWD`o;yA-kqvbLZ|BX
zE;+c+vy#LP@7PwFKE1SU$It7TE_LnR^*)m|95OnJa|(7D9MUGqiAk08+SNbz4ocH|
z?P06c9#3bQ%{JNO^w#8-fTc~haV9!Jms)zql=PlB4MZ9K<OT>~1;H0Bv5{5FdwP3&
zmaiJCXGYG1`$&GBYP5!GP#Z&Gn^9daotSi)etmfgOm3duV-Hy^IvRGHHRR|Utm*z=
zhAx)VeW<X^&}!rmtT|FKY;-ft$uZ7#ZIOP<kOAI-DX`i%%meTPT|i+@rS?r&3OgYV
zU%ULVcq$dQ*!$Dfb~v#t^)u;5IMY6Bb-Ao7SL#Psz$G&JvAo92oqqG?&1S!oo7Zr!
zXK?<Y$K<nZAV1j#o6mH5!4tSaC(;hO+m71F8ne%(Y~HN6eC9P6TjUR9GU4sO40H?Z
zo+T8WGRd}4&{M?Zgi8>tJ*)c%$%R_Wsq_=v7rOB(6!{^vP7bq5c`{L`$);*P$i4Aq
zme^YfDBuSG-)eIKUf0NvoGzDh^5G4$qqVE6)nTr-*K^X3rfAA~!}52(bpmDWewXz}
z)Eqdx7{T8N9ry-^d1++r$lAzKv!fwfp1NHd8=9Jr<ocL=l{{0|nX`x%Sx-?hB(`BQ
zidiK%GR|_MrgaA!)PCK?R`*MLeBjYZnrrglT2LBDESQ9wLRd-#Pm<G|8not*Px|`y
zI-}7pX9iQ>O$}z`sL{BNw1PyiV_Gv`-ZtEpz^Ru1ZX{>WK5WSGw+ysspUezM>|*$<
zhp4LdEFGuLOKW&)dLlV3MN=!)pT?(k1aV6#hqIZ<NF-U^+A=WEBIShtK(t8)nhtrp
z$bXQ|rMsmXrVWUao9hfjq08xRWsn_oqN(%prgc^zJ0mTSwXD~1Z5wW%0#y^WRYW~L
z=}UTs5K2rJ2))=o+=h##Ea8(1hf~!%&fXUFHX;p(#?bZBw-E#3!x)0@DqOh46yzYy
zv_U$7P1ke90h)l`Q5_;3O?no`KXz$5E%t7+(ZcVyD%uv8;@%3M!Xsw$G$k(}mM-to
zc32GNE;yv0r7HfdZpFnPReZ`crN+Mm3^2qSA;{3f$x#8($l;)Gd~UUm?(v9z54xwX
z_OJt6{Zx!Q`*mn)_kUU*gk28|Rq_SvPJEu$<qh2T0VmI;J<wahH_6few{6fFBip4J
z`~A&}1HJ7b?n{Mc@@rNd4Yx=wv!z9uh;}HFk(_f2%hOgl+7)h_pXSv!F5P>-$&j6$
zt@#q@nPjsMQ1ll~S7RLM{0GlB$!f_1KTWMHFvN4P7)TO=Ba`El<}eYYK*|BB2{emS
zDhgu?!p0wfg5X3ck6a5_qt~LhZ{b_`m$Y5f?^{AC9}l<n1{Nj!`!lm!cqV*Q>*Lo9
zcQ(6J59jSoH@N~FbAO&-hs&v0xW$?DbcJS4N2tObkqm}Xzf<Mk)eduho7V4j^6xlQ
zo}S+p?uyFR^zy=7AZd^v+<R$xR{Ok_!=|Qo9&m?a-KlQBVllccZP~%37ojr5U+VI{
z4Wo(Tgco5nowKA>L4cW5+DNlAaIt2JCAFAU#&w``l)2HFKb*xA64#zGN!ujFB=aQ-
z-_Dg6>oeKsCVsV(Kb-l)_imR=+Gk7_eDNhF3nuqznj6E&(10t&H6z+<O8q8?c_yPN
z3q(qpVxSS1GnIu+Yb2xgqRGth&9f%+*J~!wRBFyE+KWbTIkSmp_3tq_B47uO>p2OG
z@FucPr-VwT*&Ld(DM9fB5fW{|^_|1i7yZ)|1W}v>g;g(rObmhsr_#*!`=T5(c~Y!3
zU@~$s>5bWJZg%w~T@FiYqCKjbjby5Emzr!FES_gE2SQV!RNc;-T5+@1=$~w=BknNK
z%(JsC+!=C)gFP`WsjiR{vqL^db3EgZa6Y5Es}257-3Lr`m(U|7roqF%Q;fiWiV*4D
zK_Aec=os~!sTFg<7$=RGMtpTly{S5;B{Yk~y_OpBwQpZ7)W+3cs%N&JNeTZo72=Xg
zhzBB)Ks;D)q$O$-O{Gdr&?+bHs^5MJtrG1;dil$`pUDHtWfl$()1<H?BbcTx$!KPW
zghN_BUpwI~dbJa3CMuQTmRk-}JnGHO&yi^0zu@hV)<05X+JR^;7v*=xdizqunp)?z
zLMo8hsXdeY^v&eYw2*t)pCpc0;)T-y$U*Fo3#I;e9Ue^TH}mS3(c;a~2}o1`_Oi1M
zNvc<sUe<ohxpqK8#XE6mD^G?@1*{r8DgrbD6X4b6y&jal3@a`KU*cljLm;AQd;t#K
zaFUzTL?I@aMW%rRR*h)}vhAQg>$6~rK7m9EsE`1dnQzGRQFkbm3<mihsxu=kEfMKC
z9JQMr0a+<7ESe;*-Q;k|N<O3dW4+UQV*zhV-Yhx)W0V?{4(f5r(ShF@Owzsh045**
zuHVcMY0)gQ%aQ8rPTO3v-`P6b?P?FldSm#6+g+|%IY(fCJdsiL4k57#f1zI!{^Tbi
zf6r2iT;_Tx-D${!JqXDuCi{Z=yiX9?AKC%RABFJbh-wIZV*}!ijUbP}Rr+jW13V0G
zkT;-X>{l~+1vr@O9@&I8QRG0x`CzTpuA8DAq)`o2U7pkkJ-Jz~M#SB-Tb+K{WlMK=
zrW`I);BV9i$<WUxHwDcnO~|lz_`c@783_hHGGV5x<9Z=9fO8aHhsSO5Ui2?H#m`Mz
zeb*7R+k+0U0xbZIFF_Qdoe;E5V^8o$AEGEQpFg!sXwY4ADVTyJAEx5?D+SdgePB6Y
z{7qBx^0yEG0*ni5TwUkWe?}~j74ry9@S=863^{Lz0h&x_Q0WQ?<AhhahnI4BKUry+
zZbWN|nMTr{nsrBWQ65eugIaGe+0@kD-XtAqYEQ*u<WqmqXf^zhZ*6KZ@OzEHc+_l(
zHie8Pi#zT0bGI+!u}Z@jLdoE*ZE<agF6Pe%Q{^__tmm}nkIV8s#{KgmDcR8J@)>M)
zyUpNp`P8N)qO<I3OPm-7={$9u$hSBE@8YU|gcU;eN*T}tS)T<@=D&lZcBy~B&pjqX
z^}U#18vSoztX=1Je@%PVfKV<zbj6!Mzs5IqN`D8}?7&)q9awX58SvL<_4J7fQnA4(
zFfQQ5%a+KQLNk8!8<+$*XhvA=@cjr`L-r*;kU(gnSzxa@gzXAfI{0dw{2HcQpW09H
ze-sg!qS}~vmMm(fpn7`UCiB3Cy&DDwHVn+l4{eA~575M4WJv^5h1S3{4KDEJpn1hL
zda%><T|-7G?)OR?9jZUhO+!0p5alkuc7-|6?9HZ~KFP9f-uz{2md&5L-ol}wUaA(d
zs>g%LIy?Xm+L&)K`-1_xc_c!UlYyY@b<RV~&Z5iafw>g7PREUBlAN5$<NoPei{QNT
zE?dNt!Ff*a7Hv4-JpY<>CX>GAd}n~>86YgFJyTefumUS#F2O3Fo6w@B^tewJ(=EbF
z`2SMdDiC9^;iWt{cCB$?F6qrJCEU*RjC6X&@L<YdHiafNcGtrHR%5?j+BNK~KJOgf
zRa!IN-qKaIF5n}E)Zl`_G-9irE@@Kxn}Tnu{lUK`+W)zpRfWQ;p0a3v(HH0fuJ^;k
zh&_Xqs*;G80zu-5hzudEu{PIr1qfK({njgTxhqC@sZPaLzGclOlh?Fq%`N<+xeaZz
zH~9Mo2KoZ)XSZ$09l2%oVxw{KYQ(SA?9_*)Kck<A@i<*>>Jk(Y2oq1iU_rB!et{5b
z(G|q^>QjIav@`}_<PtmxtzMKJ4q9W)QEPBG>vZ-kbXtwh;$=%WtUv#<lG9*yEb4JO
zRkgfZ2ldv~n-sUQY4xpT9gDJ8Esi7+A(<SJo=V3Z_=~3{^X%@Xq1eb3%a$x&cEyg^
zP*eA8vs9L?8zy0NM90-C_qM~_>;-;gAC1We<uc~5r-9GwQ5k||BZdSas06sMHiXkv
zNe2};-zbWKVw!<+Ay*RfpG1xgapdE%DH2=0U|w6hfzK>nwrJ61Ft)j&y=~rt<s)lW
z_T|YKSv2?ZVUIa(_6%P>cM;Bw`M#BFHaGPJY;7|N$!V<<GrKa&W#-OX?wNm8$F_a@
zwsl-J-?Mz)+)S?A)4hD<2=}ah|G>!ph{F-xKQeIFY7gJBa#?rJpOS^??Y2N)Q*L_0
zG_|f@6Yg`M>5^U8IEy<4md5dMjTkHWpa61gY815hPk_vSF|rCk^mH#<btZuCpO|>A
z`6sTEXQM9?h@!)4Dh~e^@!6Vtq#jg|sSW&b=bZ?`^}{%vaIDJH!q$~nz3Zx#)_A<V
zJuV%>QTupdYuTzTvd-Sdj~M0Z9kS6VONS7bF;-J!7A-hjE+1ad5!Y7IRs3J#9iQo0
zJutAkr@G33KmIQi|DgSw*D3Tn;j;%X6mX|$t<+hd2DEkf{5cW6H6@JS5Q@uxS!Zv(
z7|=>nfTSHKKCMG=0-yoF@v(Xwy0M+O0q-wCC_#QB5;_pXxPv&ag=O%+_&j{nl=N52
zp%$4R_H0Y8OlhBj&4f?}ex;qee4*x$_IG<*F!&p7KKXL^*K7UrpfslI-cg-qrqH_;
zlo=s5EtvJsWt8!U4(Ph{SQTcOcu*!<Epta|Ws+~!Mm?<_?Jl$Up{6Dy_JHYiaeP$U
z!*72E#>jl_b-VqPq5cb2M%8S#kHW4F!y+JGLO+6D;Zeb?RTerK98_S7f-|8Mf%s?#
z8siZ3L$c19<f-RQ&bxU}m%94;rQt|l&yt~|R)fQ$Sl7Po{9qsw-F)vJyE$lZIBoY8
z=9Ol|<C{LXGZ2ejwtUrw{5qdep8_h(DcUiaVm0{INhgMm-2Q>Lt;0S1l5}inVX?IA
zhP4*CEZcV9yLrxN;Q^almb`9*W6wRGTfh2-mTZ;gRqE424f86eejq<4XVAkGQ$=V3
zA*dCEkdCH~km|%(IBhzJe{0LVdu*1V!OnG{*KXMSft@ycvia>Bw_K{O-@Ddlw1h(@
zdkt!v9JcSecgvi&5@-gl2JHZC^R6u$-`<?8{<d#$+Qj4)K__&~XXH8HCo)#PHDM$a
zX{Dr!I2GtZ!u>AILWsfm%qRjGosu5Q)Gc9*L*Xhxw=xAON0!-`G+G_?raD9Xj!<XH
zt9=D?p+<i!>WO_4v4kj*=-2DUOcsl2%xbl+#UO^oh=nw_FJ3{v)3q!1Pt1eLEmSgd
zCjEB1#bM!Yj|*xJE&?4{bXh>~TOsW_!GUP!fQ9f4>b~}I@Ja+V%<LLQ@C<ZIMnqZZ
zh!l+=f39nUNs2t2WN1ye2)B>Jyj@^2fhBU<27X5{sj(z~8Ro&)wL`(A#F9T7x4B+R
z2y0OKq`=`0y1J^j2<0TbwaUrhoH@bd=e4)<tE!(*2G^_!CYO#ce35p5g8*~jEo|xp
zC!c}`bVXjm0*#`YZCt9yod(aLM7O124>~Y%i<!*73bs1s8L!P9B&cFBQwv#|@~i<y
z>L)8~fASlG)1DcfG7+)D6J>GhDKeu1zUZVc!At%IpA)r-qxJ;dQWn;MD%{}0DuN$H
zVkahoeD|L$UoyKdT|JrZn|+Ctod_M)emwh<a=NcCjo)!!(mBL4>aokjvCbB`j9)-U
zx*3KClBzo?bongN%B7y=-F9>Jq}krRyyv6<ObY3MeRU#ItuaFRkEn>~d^0XAPXbrx
zufLK{$PvipPTdw(Fh?tlU<C3(6Qao`G?0psO&U?nbkgT{F_@_k|1?bi42VyWUdn&+
zX@BI(=B}>h{gJ?!Cl`t2zHN0YveFK54NJ(<+R@Q!Ibv~}4ayRlRa`=a>zd>7=5-d?
zdCb|_tliw)>3plrgvD!L_r*-r_u9Ow(th}GI~h5xdk^nzwH&je=)65UckVgQLJ|Ax
zj~zL3Y`sPAgOl?2<PhdU+Q6kK&c;JlnyEe?GMm#P$H{o+X-(rmwvH!eWN9iIdNApV
z0#SXQR<|5QDS!1-sn)|rMKNC6ntamj_?*XoEg^l_?|shU4m3A^Oh>vonQW#t2X(AH
zSZ7-t94wNdHhaN>*%s+L)!ml|xMJYPjHbY6EmztE{<iBZyxA{(-QQfji_mXgv0+8C
zHLO}%_a54pvmUc~RHby=2X8A;6l(d=Pd{1)o2&bxDc;<MUQHvOdYbS>*FAx`Mu!;K
znb5G{Aq>hHmFA!u{ftuZvt*6Zp&wCTs^d;DmyuJ9vYd`ja`K2uLliw;ix?jhEbIxP
z?9{%-cy$h!o+%@qd~Q7$T<@zBGQsN7Bfp{RfWb}zpdKPX3@TSgf#wPtC+_6thR19F
zF%I%C1-wo`&aqH!9B4Vw2uAg|0Qh<Q4*qtZfV<X~U>u|u5pS9gc|jh@an3~4q8mmu
zG(i1*7yvXN^7^QNEiddeSWOrqeIO|+@av^hx;2N&6a-hu%mCp?PQ_q$yF#m4gSogX
z*ypr3xZ4?Svxh8Jd&p&W;-uj>i^*!YN)d|wY*54a8)8yMyWQ$hU0BqYRg=w%!RwHX
zs%me}sR_4%)EO+7Y0ml*3B~Af$_B4$kMjVW`!@bd-K*KCt`X0uwTTNJ7m_BY^_a0P
zOL$U*v=sB?lC6go36m>NDx<Cfj^SASihxt<t6t^u#8W--rcl&9%N+?sqv?RtW4Ace
zKuQ{G1mrf+R@$a$I+w^`@s7n9HJKgmmOyXD6?M?!dfg6sNxoTbhEM1aAnl{+qydmo
zsc(qWiXtTqKRQ{0wQyqaV{{Svt1qiZiwFA<Yhyw<j!Efr!ucQPr9P|?C43Mq1r~{g
zTGZL-esB<2joHbz)Ot)=!C%;{dfUAVo4Ltp3WeYtYFU%Xo0V|D<T53O)poC%fF_SW
z#gsrzbvS_^f+5A6&#Y+~Fq^_bT*#Xj;wGy0woZyz)?<44c?O5#3cD1C0e4@V@Olm0
z=(Zt>mVyfqPHJ}<xxwpAEXK8{>Wt`BhjFf=s=<vKN+zGrD9At&M9<?c!<!l`HzCvN
zZTL<06ZQ()ks?Z|6?7kvzQ&IlO^+y}rU7>)1s$#%Dn^^qcts17oS?!q{Ha-LG>8o>
zoI>-X<!If59%V<K{US+2ngXH`ltOQa;QfZ~z?2zvM?d<5=F3j&50v#GK#e*iS2(@X
zQ%WE1S?hIL?LGC%BB{mdjD}P-7z_E0ic@Jfn#{qF%()y2noY)b6dC=YSkUVW#+=qQ
zR%a~eqsoX`r^-f4AcV;uDHO06sWKwjQCSt0YyFQ>e@~nJbONxq_4sj*$rRu+`9#&`
z37SGhA4o-~sbvlE;u9nyz3j9`Ixv2yuNRwDqoXHc^VuWa4x?&WY{$}GyVceiwmO~G
zaHq|RQ-gi61=YIsYCWiCUQE>Cu-H2yR%f|RSF%0muai~SWp>Ei3%c@!5U4$wtc(VG
z$Oo$Oa@k>aMx2UMCSvsm?Q)$~wXw!{_3>zXL3_WJS4e+>#y%afjORg;!RXCk3}?uj
z3z4k5cCjGRNP)q1C$ABtQ`ha}aduR<JwS}Y2$6mg>G5c<Vb<91>5gD&Vxlysl#sMv
zdD?>dS+Xm|V^|xBQY?^!o4zZV)QaMpe<Pru|0LjhKyCIMSN(}nxs=3pR{KLPZxSbo
z_``N3SxhF2xB-7T*_}vqC$;Np->-{r;#2VTof3E=diJasV(d(XAh785XumlVi*&a@
zqBA{#gn-t2+&2!b#r`mWCSV`2n}DUB2TU|)^Q!z6Ie<97t+XE!rc0p^;)7}VG&pGr
zJ`a(UJ_y2GcD9TV0|*0`l*cN0NuQ6yKtxA?MK*q8Av=l9T%L@0D3`FS(&NqqM2Sd;
z#ai)Tv#Ys%sBLzep4xF1#L{r%0ht>lQ}u7b7UhtI8x5x1jAkAiP!S=a4opXcI%Y6y
z-)g=oF(YR(7`ZGN4=F8e)zNYyD7_n2*N?bt_&uf@TsCJy<z3zQ>*8v{X?J>lqsY7*
z_5ZJ?NGMiH@*vE5f3WeGD#bz(#cunZKdNofKF1enPk<<b9IFu;+KuKh7oy#!@T3H5
zsFM$;-dv}*QvICByi}CuR!60GRu2Xf0{-Nd8cKo54be1pI}F71cHn=|O8nnoKWaH0
z;GYJQ8wDQ!3|*Z@U&lTQPJJy9dKK(ff{-LW9B@kD=%iIska1D(RoYfTr2c@E9Wi)p
zFF3qrljR;okus9S7qUHL30R)7g?tvAE6P0<liBNd!R9fHfUWwaKR*kNr&)3bgO<C@
zKI;p1I75tkjQDU@!2W{OXTHl447sFc$!>Yp=FrzjP+Y+qI*cLW6*O0ah-QLN-@*j4
z22LXaio^+R=isDuE4sjf>;dFt@?aX7#1lc^tt$ycqY_&R{`c5bs@u?XcW5AVcay=b
zUiBDQ>r%Vlcp7$c*k`lo*ja48uzUt~(x>hT#SP&rz5S8LRyZ6h9*gvQuM8XFp+7rp
z&syw2$rY+$tu_msn^l2vC^(LBjn+h;5WW}uk7A7FKBu=)oH{rEKiU*dyLx)-)o8==
zKhsLwVLh!$1tGyy7y98V^3&2uX!k9QQFs8XKyu@!_2Bq!sen)<Y<U77kgj4lMXX+Q
z+u36Eewv9;L|gTZxy9uv5vn&YEjcgUcb_6tq@Ivz;+Y~=Zyj-n@vQ;y?EZl4$;ps!
ze&{6~d=el6J~+z*6c$4om_B78bm|;*DvE&+dRCIpP#yJPy*XRB^f!tn%!m-fwlIYl
zZXs7Qzi-vi>eDkrU7n;9fq9D4)e-a<WSRTj?~J!&tht&yhqW7|uThL1mc-o=$*S6X
zejC>gzafxnL{-G@U8+5*dQvm8Z5FrDqWBS~7Yn-sye&SoeQpPw|1?hP@c<d%Pl_UG
z*|k|E5ton7sJs02Y1yeF0hW*HHrsI=rwRhl%Bq8EILIGWYy0|h+hDuQ#k0>j+6s}J
z&>N_K;Ix^5jRGsqDWpn=RR`zW!qC(MEB<-B6p+y4acigmpN4odAAB5dIz~ipbX{UT
zoM;{@y&fZSPN+;BBl6EtsostV5yXigh;dgvIOEO5h$wYP0X4SgIeU!AyG5fl|Dza@
zFA!<a^Hs;!>XCo7c~>Tl(%y1<Y)EaDDcO54duW*!M%h4CIx&W4=;T$;@Z*zC9aLWD
zGj+Pd+~is49p(;^RgKJG1d-$U?4*AjH$Pq{ZputO0wz_d4FvL2*5P^c<DkK3gtho@
zns}CLqXadl<NvdfFjl+TL3g6|6?5f`KS+D)@do&$6Ixk+*cgs{M9_rL(Hil8GhCqY
z?&mo08xVezV;;CQ^2)^7XlD{oXGU{2Hu=<4Qg0dkd1#;}=|1@6;D^uXPF@;l@MCZU
z#2_*ff#Xn`urGrGN0mY0ubVtxhry&^5hZ^Giz8iT?g?A@>-f!cA-OJ*#THFoj|nwU
zZVh|5S#!~rD?%Q=EdL99fGXy_Xk{e%%q1T-SkVQU?p>+P&?8cKTu9WT(^Y~9V<m{F
zeTvsXFsB~YgN3|o;ppx{VfS_K8ttDK!r#39(S<9Qo<DO%41X(Tp1<^=#*-2tf8B~e
z9qzKK+Aka`GURSXp>(3Kd-OKCS^xYk8#iv5-(M)l6Ej!rzv!a<D`qC*BERnv%2z)(
zaUJ+})Izt5&|O4deh;|zV2*?M01$+B3I{W}$Do)JPXBP{gslF^;{^Y4dbpnZ3Eltj
zVJxPm<3wKikdEj?MLnl|{)~#^qSI*Yta2F+8R*Ao@!EzCQ_1D4e(UaZT}E#GOMZpN
zO-XZK{+-)>6hER0Dvr}Rt<`HI8laxmm7jmII_@0f8qYC|QMcbFcmwVBbIy>^V)BND
zfjM-Js=?g>_tEjjvi{b6j$ESpm4*hi{LWqDgYS^Gpbar{>(F4zzCI@S`{Vu>@F?pG
zu#)+wsQI;}{;enjrN4lH@=xi+dcJ?WKPZm>Y-<bD23n};5PD4AR3tHcpDk{?j~=}b
z%m%wGO-&Wa`)sI%8I65>E^%({OZ#Zm{{+t#^fBkn^oy!ne^|;poA%Y9^<}}pkaUi8
zQ-hm!jj92T9reyFBvyMsM}}snF4CUX<<LBR|0$p|-oAuS7qFR92d1G0wTz^!B5Z4Y
zb<&jWYi$6~LXCZ|b;@yf#Bv%msEj73O-Ux}1;sbFc1CX01(b2((+T3-hr(er6HPL^
z1g+e36OrhBwsRd3H#VvUh=m|Zy6Gm`QRY6#nnqdrkN8`|o;3mARE_PNbmJ+TdH#Jg
z!*|oo1i^jQ=F{4CP>+Fn6P#rdNNCPd-#PM@N1YQbfcCiZTw4<ArM2GrG;lu-`q1?(
z=~?L>+W#0)vlCnU(7rw<{s}zmwb!V%U-Nojvuvi!N#ZQ8s(GB(uD?xsi1t#>Kyc^C
z=R((l)tjVC92V`rxK*Pj`}MCa-W^u1G}$z|->bjIZEE~2!G9;7U*~TVBo@I_0QajW
ziE3W+eqMc5&xk^m`X5B_s&q5P9F|@R4oQw4-IE0=?Bsc!a0x7O3+YAt=ML-hs`@-_
zLt-?VzV|)aQSN7Y+4uCR=jWfNxw<P*si-2W@0a=f_es4GMF7bn&gt<4gKUO<;l;i>
zj3yu8l>#HB*3=zPWcQy|B%4W%dj9(sprt>>T02MEigW%B(!~Ir8H|dcwf>=2Kn<c7
z)Sn%mz#kL%*qw=@cF3_yeMm9BR3_w@UL?hFCs_gBV&9hWyHnZt-LDW3>3g*pl&OIv
z)CK;Fq!H-q6z9>Px?-<K$j?TSkaHR%zA4dBdym8NMVsx5L>?dgsKr~?=f^BhTNBo&
z36hU~6#cF9F|=_~`hmXIhxTn`c+7;QqT)fd79S!%Ci*>x*dO3bt`)NA1s8h3Vfog#
z=y5OE61JDn2JRPs*8orrE(aCy<x~|N{gRE_UoxTZD_h5vYC(4=;AgU9mkAm<6R=Fh
zDQi5?-GCHuyb#YTQ)^Vm9O|rzc8H=?>SObm^bXwyGQyo=6fq6b9_>}Qa{@-YUApei
zvRVE!h?xIYG1jh;ol;!CMuifs2K0aw?);0a$bZ46JDQ4#1p^Ptvi56(-ClprkEKh*
zbD*MObs?d{pXLG7dX=8D_b;IEzZhT}{MJ-|j->HF(=}0AfPiI{<om|T1p$wyDn|aw
zIG~^t@EWWU`ylKBL<JZdYys%X@N~gn5yV6UX7ON`;2+u|E&G8It?!P2D3nu+-#Kkn
zE^D_94Swd^pPoTm;Hm~L`C>ss@&nI3H9c>&B$D$>H{W(mr#a#`m<QgoHkjz^nZIkt
z1s82ty-nJ&X4s*69iNsRs^oHPy*9dR<)Y2&SFfGc-R536-G*(tZS&Sx^yzQ`>qq4r
z)|3F&ZfQu4%h2o*I9=?PoN`>k3<$*o(0Z12_a2*RIq!ytKl=W??G7mraY^>RL-#&(
z^Lpoux7_#OJX^$VuobRN%)jcvkA2`!zh}*jkFImL41UL|doQ2vU4Pp{A2`$<>optv
z5pxcDvM$q}m+!~g-zeD>nH(Oa2MRV=7Da68fw?k%+TI_!VlBV-Bg3IkFm%)QE!%h8
zl}xzZS8v(0eb<VQVIRz@v7>$A;*Tv}*xoUoQ9iP8WZTw}cgJF??}lxgx9_+&leXCh
zAEy`>{`s|&>e59t=0(iF$K)V#s;=!!F(-o6HCZqqZ0Zw$izSX-PDxe61fTQ^L?O7U
zKle3ZTg<qxscEU*bcw-miOJr#vImiFa}G$dHpa{4CZF~Ye)jQgzNXttFge%AHp6N}
z==4hYHNE8QoO^ga!9#jZRUVZzwAf5&IcszZ0}+Gw=yVAfnjn*OK1^Q7@!dz!iGYz@
zWpzId@e2{*C|rY$d5IqSv|=`E%xqSk_6{kAK*T)TDnIQqso8+U0$J7MdRoR}=TREi
zXFJHyYA$OEoKQR-<wT(A*^Rb{%V^u=^8BmG@UpkNJrrv1_P%U1YPWz9y+^Q}yC;3s
zdEzL#qFLYZ9UU|7-Ad}4x}33>nz82YO4i+8^&Q{NQ10aNMm$a<m()Upazvz29IGG4
zsm`P~V(w~G`<TbJOmX>@;k(R!m-&9XG}cUg(kzbINR^flM<ndLR!&fBB*gKNN2+6d
zi}uL*_Vekw1$UWUeq2rcXrTl4vL~F<h!CEK9VIs7eJz(_kKTWZos8(!0=6hV9m&Ry
z%{Tab8}p5e3LDEC^Ha7-gj%9Hx^TQ@v|xgE*`UK?&6I1#h8~a6!A1w|)_?f(*_*IB
z%D0psX>3RBE|=eR+Gq5%bDUC>f@Nd>rU%ikwEyl*M9FSNw6E}a3o57RIa&s#HhRM0
zAf?fetT&pzhql-YMO=(1JQA{0jV=y0h}?%ASk?3h(ZeG)xB7!evjsGf+x933f!|F>
z$D=5Zs0D1->$ZJ}3O<B7?kc0KOh<kKl_sv!5`}ETh2yuQI(k)cKdN(0EmBw~D#ZJ9
z_`Yc0s@b5Y?RbySm3Z&cd)RRX9k>QMAwshgdYlSyA=LE^SP}h1sGarqe|9}0r0cUD
z;46(MaMZu)U-&yIvf~N;@B{?~(Sct*MWHrxio&PRs$`6buYLGJ47O8z?VWTcjnyBc
z$B5LQRi3g`OH5gOh3e?TP3iEX30`=Y>L8nt4#<`%i^Gq+PEptC{qaOyqFv(cwBI|!
zngM#d1)?9-Leh^NRdvqZ7~I&wiF}D3u>p}DS^*C~xB{j=Mey+$mh`4V)jx((*zN9C
zIu4hAoSQy9_v0Vyt6(~QOv9NX*bwI|jh3&uf$CI`>h<l|5pHDKifLGwgDrzcBsL~O
zmH{JxYgprZK2g=Vdb?D}c1R!v0T=odHAyC#r^OD4h=}RKBsRq^pVQV*{T@fwrP}5G
z^V~+GiY;<&)||&@bMU3tp67L_F6ms|9E#5=J3Mx``@B4t^_zHbGbQ9OoOkVFo7WCg
zt1f?zOUJPfe}}#|nZQ~P@XC_bQg`y|6M^*wW(f7s-M}*J62usbXsz-6k|nl&_nO6v
z*X;g;_*%bl+v0^?S(7Q-wQ$k)C$}%EpDf<C5zF>cgIF|(*P=kq3}my?$neZ<+hz`n
zV|iNp;-0+4XUX?0Zl5;k1bfGc3vu-rT{%E%9w8-vN-BUyCdWP3XDrQt7KYFy-Nw}W
z3Cc2z9BelR6~k0&JegEYVuzlauNc&jdB)?<JwC%6QVq)d=QNkiXkMg50!C$#IU+SX
zf`+v02;*pQyl#zHu<?~IYFTZOs?R&zl3(&iUD)3>z=wBlwuD>;>+<#MS6B?LkY)4k
zs1mVVWHY)VwtY6^#RiAtDo0SU)A8+Q$vR?<dL-)(YvfKT;JDV|Ht0v9Ti~3OXr6^)
zi&>-fCO2^NNqM}8ghs7yROz<T6nUvOH*<;+!-=T%@7fv$sf=fyWqrWJ+eIdF7`I}u
zl~4PYM#NzK-;=&{wDdy)&!O0TbnqlAE#GLeO*+w|paJtAfaAp1$P_r9fqPAVX_78O
zd(!UUNtVLc5IgrxYTJpOV;fuipOs40hM6bLm=ID<a=wXDlEU~T1ag`tZjpeT#tIWn
zoAhh_eF<ZT*K=aENfa>^-5BYM=uLAl%g8_@gN>(&fzj)DXwa+U;nX>>0`OgwQRKA9
zQCOcz2^LEf?SNTVS)YHxsyE$empW(e@2I^7WahnVoZqCOZ=~0iv~+!<w%<uhXOhhF
zWS92Mz7FycwDw9T*S~Vrnw32>W*+?3GB^yL!ZxLkn<ZbwBCR&bW;cIY8R*cR9d6Ui
zIeajht-brCC9FLsHsBfaB+0XswDMiacFMISqU*QAa<TKZ%i#Fa3^wU;YsAB?)isLh
z!Q2n={8RGnax2Eo42lbDg9<@*^MpcGmrWC5Ue;y)5WR5*iWQU!eN#OX`7i1Y8k3x<
zekNNeWM3iW=@pwB+Y&Ajs?BQ-wSP_j<uv#%M<}5BCx_(*YJux5-a=MdQd5<xpP_4h
zMYVnf&B&xWzSzIEk2<}S{37g$?bhpoATH9kv)A$XcdS!u*ZX$`dY1Z9pTly&+$A#{
zJxI~L-4ej3S!}E=K!;+pR(*bZe2X6n1x6SzsY+s3N?L*g!~L6EmoM9Gb@sT77Vr7-
zS+T<9v$m~TJ}?j(y6Ll>g7R7eM(k+=7-401C!G#kTVgQm67RcldXlY!rKLW+grdow
z&)>iG@V?}t^gN&0ga}=eCEvGf#g{&N(@^z%LA-yrW2+yPuy?hEy27qVpf{TJN3rz}
zHoM6NqtiCE!K|+H`|D)`e3wo7Tc}`4(jtVqD<?^af@w_j-XuP8_7iz$6<i4eN;(cO
zG}5my=&r^Ww5_WJ!gPj0nO+HotfNZ&@)~G9)aj#C!Wm_2iyZV~G0Y{soLF#O?>H_e
zpx@?TEiot$xvZ1k^`MVVE*6ravuGWVE_W%Y2yPX9c7k*i{ENL%3j;YF`K)|>)4pMQ
z81EDs+!!{7LN;wrANKV%_VzAYvDLX@*?HYP207o~bH)0jJ4cGs42EgNjhioW>$B9d
z_K?{Ylp>1`r%dKh*wi#K%Wk!XzNh^n)w^Zc(#~!}PxpDtHY|SoKwoM8;EbJnj$X8R
zBkn<aRUQsRYzp5(zBS=f6n#US`}AH>>77*c_9_Zd1Y?;E+rGavx!uj=W`5v)3-)#=
z$Nl{eAUC<W`O7rWA9%o`@8+&&@N82}m!o}6Xs?znuotc)e*)<(6Al+WxC7n{EMKM9
zkk$QExkj}{7D}iHYo^5|dJKqoNepzKIQCPPN~tuwO0^#_@W4)~i)!8_1VYp90H;q`
zfL4~>^w<NJ_s93#^U?S9n!|phX~t(S6x&DW`&3LQN593JB2d4x+-tD9Jx+zot+UU=
zMpIr1rPy8T4VzcOj*+&A(`a+LCE4jXZTdsk*4N#&D^j}R(GT6Y#JFOi)!+=<*6uh_
z+Y|#kWAO5XMy35RJ1<8Roai>RCoFiP&27#MrZ2!gTUhsj-In1{AK(sK>v;ji7z~@u
zO>VQ|2*OHJ#@k-RLDBo2W{Ex6&sCpBEELHVL^4mTE)0qV0flp%VR^l#W55F?l#Wpy
z(Q}+=(VmAkijC8v;_I7wr@-Y&cFYNR1Y^|$y&$8%A7FZIlhwMQD98jVYykwtcT2ef
z@14%MM<2_G0|b@H@(5NsjW5lb!wXvm?Onw#`}9o(nKx@E(z^$hf#CsVaCaKBnox?O
z)j9g|tY`S_Lo2<(SS;u{|KgcW?S!_2|EYi2lkDtFdWQQoTAn>VrzPfOJN12@&)JfZ
zgNlrI!%^Tjh2GLmkLPH(eDKy=o9rI$wp+|E+H5bH&(%)(w|)C~o7=8^&h9onVvd;~
z!Pq6<aq1O)kKhj4&lU{4E?e<#Ceqt+-mQE6V1UrM9x<%P#=<L2zv;F5^$8T3uhlDq
zr_#KF{!=YXTAJN5FWgV^w=XbjR^UTHw>#JxoH;816~t>^p4zrG-9}q!emFc&JAtb8
zlST8we$rt4ldswcy~l1am^Oyz{bvmK#Vkc%!0irvC@^a#?u(l*(_eM8jPBW%-ntDp
zj{Q9ru4iMoE3WbT-ERMf$FJF7qUkF)?n-+M!dpKnPK@51wh`|=K8$xj-$d`&K6ks-
zD0rJ5IhQ|&{F|+>fagz4-<(qvqxRkLHPie5VNUzUKTrHRpl>$ez)PrV+h+aqkjUTH
zUvqf2@6ogUP%r;I_%c2;9_zA5j7N$KC7<Y<=p`8*1h}v8zCma)gS_G79EawACh&Kh
z4(B>3f1fy!82<nV=*c*IQ@R&gR+qlk07CmT=glmV-}=(zER;%2B<V^R&E5HVu27P1
zb32~Ow`j96`GFSxm6rS`ov9{wT6+NzUbD!}#lK>8aOZcvBVA$HJJga#)njyAaDmy~
z<l+0Uf!%zo11~?gnU30RmtT6h*jt_Af<)U6;Z1NO7za1g8|6<Q1*HDgycwqjH7n=L
z9Tnk66zU|s@e19dFKI%@baV2Cj4KD!5~OC+yzwNDp~Mc3Y$;8fR@yT15@mP^xr1kh
z2Od5rchO-#HaBZ(@;47OHxCTap?T&7Gohn)ELyjy1L`ZzK=-7jM#djm&y<uiw-+y;
z(<bC6n*2v-Qs;=jsf<S+i5KGd96?qqh$lKa7Iol5ssakus*bg!31i0yeLs8=%SG08
z95Qq*-u`|Kyt%Z$2EDhfTf*jnB91s`q6tKBZ*{6r9GEgWm?@B|*fkeBbLg|w_$EC=
zU#EyInoRn7cv90yDrB)}7vD4kh}a!kDIb@NP`2qQS^k6e`7Oro#jEFMa7;MLL!s!*
zq3B9UGMkOE*_=7Emu@NUYD(lXiFqZb*DhhJn%1E(7V?@RZr@<Obh*jxvdfC%Nre=n
z<Zze_@-E5cG9z*z-4`}HWs5nzpx>!|${Mg6vEzr4KWIqhiyb~os=w6kyD=X16^aq}
zfYo4@@q9_<KRvU@svk%-C0mo{wIo{2PPNU17kzqKlGt9<>{g@6d9cd6u%gQB#K!p6
zXxdFdpDy<_VB|7~`g3lhWN|wr#a~+ZE`wS1S&+nBgXkj@EUPd)2AFGrLgUYO!x+Tm
z49pGeE0t0LLCgkb#XDV28&+zPs$unm6O%VN#4wOOi5?=eQyG%*_SI66)|b+@WqzMz
zYAHU&i@ywq0*O>}7oQc&lv9q#LuWSm7VYI?CfsSiD6qHO(>60VXqQxFU|u8<4q2zK
z?6yZEiBQrP^o9A!o|bg)CkxG>25*V?dPCFWA%E!K&ul_%sHH#TpS2_qpBv9v(~j-a
zY_UMJb77m^j76G>czajDL(wfYxhp}(GQm$|!=4o>c(Z3<uP)*|7vXK5*R!{=8_`yM
z>0n<jAMEq1eZf9?O5!c(bc(f5#X^t1)YhNvk%|hM1*Q;YUDL&&UpM!#KFZ_|=3Hd_
zp%L@Yb5yivt^jpLx8h+%1@b6I)24B;PW>4?H_b2Ot5)&n_{v+(Y{zgcXv5r{=@93K
z9rjGxWH#LxyV7FzN9>1fR^=Jn#j&8(;&&<70NP-^$Y$X72h56bC)G9EZ;V}Gwoq00
zl%KH&x%`05awF<!zxpcY!>hiEV|XRsGeuk9`mjwMf68|y`*Dk6c&BZJ6|g8+W5{C<
zJZ$&Y?rk;qST2giYv5_WMQywJM*E67T(LounP5SU_+wucdZVCQANFbm#gfr{I$e?x
z*hfLEXeVk$ByxXH<0>YYZX_sXa}<F%72UWFoMF5XUQ0|~v)N`3c<dhQjNU|Z-wdnA
z?hV>)Zm&s}WyxapnGr92X9nA)`OFrql03~Q6K|&YHn!*tgd$#($?BG6x7B3wMnZv5
z2z%vwf>0uTs|Th{%db)MVeI*eu}SX}5jcwdW5}a79lJ~J)<>u?oPzbql3abS+6g!8
z)WirKSt)_Ku;&RJKEW)_y})oa8H3b5bvHk~(TU%LNrj-t^Q6UQ^VsdfHjf92?Z<s~
z51qg7OhS8HP1$C97x%5{>s(e;Ear}dZ6*sA9`|Lu?F-x67p_{^;dM)9x=YZ5*MZS(
zmU-}mpl6qO2LITZbX2V>SOlD3)V{DSIU^&Hfvoa!cg&KWwQyECJ*%ZD79O{S5|}N$
zfV~s5g$&FH{s!{Z!N&#vSAaZt@IR0@k9L=wIBS?eB!3|6QSyq>YYr#QC^lir234@x
z6(|YhqesB#yiVVU1^3Wh5P3{<f!KtT4L2N@S<;}(AcZ9hlF?~2VBw*`V4*iO2V?~O
z;HYN}M%f|bP&*y}#ex^dHA}|XXLiFUvE{hesF<u4qseN(wN_s`W;DdCuG?L<xZ4tX
z=*egpwq+!1_k6%>PX~grV3^-v>@yhpjAnV70g-G*T!$-Rj~KkPmzx)vi9*FNO;-5*
zXZF><8)TOx8_X`m6M@VP=BB1d(q>QhC<bk-+uaw;<hxrP&RlnYHq`4z7^1MVAB3GP
zV?PVp9SZ%X<fm+Dn(&2^iS3~9T0T-cXYr);^uf-9?>@5)w1*Iga)qx+%kmcynDS1%
z&h<q;f2q`ZCd}HmNWqE!CtS<E50m;!Hff!=EI12qk<qt;zOsc9B%|KJG^7G}YmvUg
z0)!{F1%>#`=&IrAP9cKhP-{-co~s2ku$`N7o#g{_2QN(h0fAel0lYxLXfYsgEH>xB
zl-%SV8<(58QSO!{voW^3v$UnqmD?{FGPoO;cAEKvoqfeE#Tq_8lRt*|sCo2m0&?%u
zKY7S%l9|>Ll+uNKK|#v<^L~ZGyPyCleL>n^h;#v*>oks~5?E-C>&e?CoRJi;n9EAL
zq5pV8{<Y`zgre5&Y$4j6%qCTf{O8Nx_x|M%Jn%My(Qh{yt68^ecKKf~-n(Jb9$6YF
zd~W~VZ99gvj{cxmjn0TSN5Wo@J(f;%aRv8t`mAkUTRgEV60l*ZbZ;OO?&FDti;}#H
zd&AR1Hq)9t7wuiMZllFAW5zT4_if&K*kI`H+4wct?};|4VW-W9y;@vutAl#h%U%*u
ztjLqehR8AfsNhWGC3v+WwY-dcvX-YeGq%?9M(6`QwY&-CGirG&W{>97@;2OYKWLg8
zC`u-ah!~NFpO`&b%fmO!K2^)h$kX22RNsL7cWZeg3$XvF<xMF6LoIJ*>o~9FZ7j>z
z&pWbb$I(5z6FaX=?Avwlzy${n9KGPOeZ%-#wdcai_U|}SJF9)I+jHd7eFqOD`nr2-
zB@6c)*mI<Qi%XAP*njls1&Ire9K0k!H`%j)|G~teBL^?qv+HR0-lInk&FJZ&XHa?f
zu7j6=w2r_vv4b7OaW_j~3;ru{+=s1S4zdGa$#gu5@5@j&TsvEZx)-8kKdw7++HaF<
zu0zcu2rSyCUzvbm+Ku3`$#oW@&H=sN=}=q>b?rjdkLMEv38W*q&n3v!A=v{M_M<F;
zjcVw(i*TP^sND^Ng|0e;PVT{f9glkbZXLf%be^HplJ1z(bCVB`U|&^ioWQ{rxx&rd
z!mS*ksvL$eCZ^ro!@XSPK8|<e@*ofKFpuykkHPMwMf3@t<SCx!c(n)5@*HpFZM+>*
zH=P&-v`W60_wjz7M~q>C7kP<K<J0*J2(OuVF%&JhFY`HkE}zHe^96jEFXW5(V!ni*
z$CvW+`7*wouiz{BD!!Vp;cNLizMgO38~G-_8Lt@G%D3_De1z}dJNYiYoA2Ql@C*4~
zzK>tTFXsFCCHw$C$Pe+u{0P64AB7rvj9<>L;8*gu@T>UM{2G2Oe=8s5*YWH54g78V
z?ff15M*dEI6Tg|?!f)m8!cykj`5pY-{7(KJ{$Bn*eiwf~zng!6e~{n9@5NiU@8=Kj
z<NQJX5Pz6I!XIVIp&eIVvgg22<;b30d-fgMqg=Y@!0v;W9X0PcwqyTgAYjY?T~xIt
zIS#_Ws;pnw$?Qq?P%_9dWeg0Dcyjv{!p{7NZX`h>q&6&xx*H6N0|KrtM-(Z5joyVc
zC^VE6-d#L&l56{PPQ{V!zeO7(e9%^E4`u?T0>(HyxBVr&1Wi{(jv9aY*9>xt9wgTM
z4}HvFHwi)U{&2BL!cLRMn_b0s37&pS-Rn;xC^d0ZQ_vs{#Hg3|;{xov)9{sYFzHY7
zRn}~Edh@pU&`G-No#oxG;*JV}38%WSr$MEYD2C}{fjJv0BeUUR&7!Rm#qhpZ(fFEP
zkXYSb3(^!cY4xc@S8=0Br9?5DHEH|Osit%liw&1tk1R+Sy`4uEG#Do#k%&DmP(z7r
zq8O%P2W_gOpnj(Zg(u$6l|9q$W^K-^D{gidP!z)v{a!11+uxIQNuO`sRouFuFpO+#
zxYsh}fcJCd%`sxiwL&e!Hm=m4BU_GW;_AF8hN*}N!s#G16uN?0rkL>ah!s<(pO4iP
z)KlYIZJ+mZt%rD%<D;0UpS1;si?zG9ISRJL`}IMb+DhXhl0^t3Ti$-i73DU&A7&%7
z;IdW2<!Bi^d^Se8<LtY_vY+b0slyfUm(zoOuC?{XUp_(z?qHW-XmCjtm7|+NZ`rpT
z(Uc+llbjz^aK88_dXG{P&N^}S_Y-l_6;i@UT^5@CwKonFrFD`1x?H>95=l%KWk9rD
zDV4T^B(1RuLK7v}?mI}QusgueTnYL@qF<fG{-vXyNt8-&GiqpVbMHKVcH3yQ!p7*B
zgr)FwxUiAdg#;VkzJcU}?k_svH8P-auoc}PH4EvF2&hPhHcWlY(bI3D^XxWk_?{i<
zP~#1}+ZWyA+LxmyZlbo(&s5ilq2FmvZHl+=@9roEr+x+lR^oI?7fEk>{E+RykV3xs
G8}}bLsapyF

literal 0
HcmV?d00001

diff --git a/components/firstui/fui-icon/fui-icon.vue b/components/firstui/fui-icon/fui-icon.vue
new file mode 100644
index 0000000..54a7b12
--- /dev/null
+++ b/components/firstui/fui-icon/fui-icon.vue
@@ -0,0 +1,148 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18   614  072 54   9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<!-- #ifndef APP-NVUE -->
+	<text :style="{ color:getColor, fontSize: getSize, fontWeight: fontWeight}" class="fui-icon"
+		:class="[!getColor && !primary?'fui-icon__color':'',primary && (!color || color===true)?'fui-icon__active-color':'',disabled?'fui-icon__not-allowed':'',customPrefix,customPrefix?name:'']"
+		@click="handleClick">{{ icons[name] || '' }}</text>
+	<!-- #endif -->
+	<!-- #ifdef APP-NVUE -->
+	<text
+		:style="{ color: primary && (!color || color===true)?primaryColor:getColor, fontSize: getSize,lineHeight:getSize, fontWeight: fontWeight}"
+		class="fui-icon" :class="[customPrefix]" @click="handleClick">{{ customPrefix?name:icons[name] }}</text>
+	<!-- #endif -->
+</template>
+
+<script>
+	import icons from './fui-icon.js';
+	// #ifdef APP-NVUE
+	var domModule = weex.requireModule('dom');
+	import fuiicons from './fui-icon.ttf'
+	domModule.addRule('fontFace', {
+		'fontFamily': 'fuiFont',
+		'src': "url('" + fuiicons + "')"
+	});
+	// #endif
+
+	export default {
+		name: "fui-icon",
+		emits: ['click'],
+		// #ifdef MP-WEIXIN
+		options: {
+			addGlobalClass: true
+		},
+		// #endif
+		props: {
+			name: {
+				type: String,
+				default: ''
+			},
+			size: {
+				type: [Number, String],
+				default: 0
+			},
+			//rpx | px
+			unit: {
+				type: String,
+				default: ''
+			},
+			color: {
+				type: String,
+				default: ''
+			},
+			//字重
+			fontWeight: {
+				type: [Number, String],
+				default: 'normal'
+			},
+			//是否禁用点击
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+			params: {
+				type: [Number, String],
+				default: 0
+			},
+			customPrefix: {
+				type: String,
+				default: ''
+			},
+			//是否显示为主色调，color为空时有效。【内部使用】
+			primary: {
+				type: Boolean,
+				default: false
+			}
+		},
+		computed: {
+			getSize() {
+				const size = (uni.$fui && uni.$fui.fuiIcon && uni.$fui.fuiIcon.size) || 64
+				const unit = (uni.$fui && uni.$fui.fuiIcon && uni.$fui.fuiIcon.unit) || 'rpx'
+				return (this.size || size) + (this.unit || unit)
+			},
+			primaryColor() {
+				const app = uni && uni.$fui && uni.$fui.color;
+				return (app && app.primary) || '#465CFF';
+			},
+			getColor() {
+				const app = uni && uni.$fui && uni.$fui.fuiIcon;
+				let color = this.color || (app && app.color)
+
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					color = '#333333'
+				}
+				// #endif
+				return color;
+			}
+		},
+		data() {
+			return {
+				icons: icons
+			};
+		},
+		methods: {
+			handleClick() {
+				if (this.disabled) return;
+				this.$emit('click', {
+					params: this.params
+				});
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	/* #ifndef APP-NVUE */
+	/* 头条小程序组件内不能引入字体，需要在父级页面引入字体文件*/
+	@font-face {
+		font-family: fuiFont;
+		src: url("./fui-icon.ttf") format("truetype");
+	}
+
+	/* #endif */
+	.fui-icon {
+		font-family: fuiFont;
+		text-decoration: none;
+		text-align: center;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-icon__color {
+		color: var(--fui-color-section, #333333) !important;
+	}
+
+	.fui-icon__active-color {
+		color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+
+	.fui-icon__not-allowed {
+		/* #ifdef H5 */
+		cursor: not-allowed !important;
+		/* #endif */
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-image-cropper/bindingx.js b/components/firstui/fui-image-cropper/bindingx.js
new file mode 100644
index 0000000..4cd6e2b
--- /dev/null
+++ b/components/firstui/fui-image-cropper/bindingx.js
@@ -0,0 +1,282 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1  861    4 07 2 549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifdef APP-NVUE
+const animation = uni.requireNativePlugin('animation');
+export default {
+	watch: {
+		width(val) {
+			this.canvasWidth = Number(val);
+		},
+		height(val) {
+			this.canvasHeight = Number(val);
+		},
+		changeval(val) {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this.valsChange(val)
+				}, 50)
+			})
+		},
+		src(val) {
+			this.$nextTick(() => {
+				if (val) {
+					setTimeout(() => {
+						this.ref = this.getEl(this.$refs['fui_cropper_img'])
+						this.realRef = this.getEl(this.$refs['fui_cropper_real'])
+					}, 50)
+				}
+			})
+		}
+	},
+	data() {
+		return {
+			touchRelative: [{
+				x: 0,
+				y: 0
+			}],
+			hypotenuseLength: 0,
+			flagEndTouch: false,
+			canvasWidth: 0,
+			canvasHeight: 0
+		}
+	},
+	created() {
+		this.ref = null;
+		this.realRef = null;
+		this.canvasWidth = Number(this.width);
+		this.canvasHeight = Number(this.height);
+	},
+	methods: {
+		cutDetectionPosition() {
+			var windowHeight = this.windowHeight,
+				windowWidth = this.windowWidth;
+
+			var cutDetectionPositionTop = () => {
+				if (this.cutY < 0) {
+					this.cutY = 0;
+				}
+				if (this.cutY > windowHeight - this.canvasHeight) {
+					this.cutY = windowHeight - this.canvasHeight;
+				}
+			}
+
+			var cutDetectionPositionLeft = () => {
+				if (this.cutX < 0) {
+					this.cutX = 0;
+				}
+				if (this.cutX > windowWidth - this.canvasWidth) {
+					this.cutX = windowWidth - this.canvasWidth;
+				}
+			}
+			if (this.cutY == null && this.cutX == null) {
+				var cutY = (windowHeight - this.canvasHeight) * 0.5;
+				var cutX = (windowWidth - this.canvasWidth) * 0.5;
+				this.cutY = cutY;
+				this.cutX = cutX;
+			} else if (this.cutY != null && this.cutX != null) {
+				cutDetectionPositionTop();
+				cutDetectionPositionLeft();
+			} else if (this.cutY != null && this.cutX == null) {
+				cutDetectionPositionTop();
+				this.cutX = (windowWidth - this.canvasWidth) / 2;
+			} else if (this.cutY == null && this.cutX != null) {
+				cutDetectionPositionLeft();
+				this.cutY = (windowHeight - this.canvasHeight) / 2;
+			}
+		},
+		imgMarginDetectionPosition(scale, delay) {
+			var left = this.imgLeft;
+			var top = this.imgTop;
+			scale = 1 // scale || this.scale;
+			var imgWidth = this.imgWidth;
+			var imgHeight = this.imgHeight;
+			if ((this.angle / 90) % 2) {
+				imgWidth = this.imgHeight;
+				imgHeight = this.imgWidth;
+			}
+			left = this.cutX + (imgWidth * scale) / 2 >= left ? left : this.cutX + (imgWidth * scale) / 2;
+			left = this.cutX + this.canvasWidth - (imgWidth * scale) / 2 <= left ? left : this.cutX + this.canvasWidth -
+				(imgWidth * scale) / 2;
+			top = this.cutY + (imgHeight * scale) / 2 >= top ? top : this.cutY + (imgHeight * scale) / 2;
+			top = this.cutY + this.canvasHeight - (imgHeight * scale) / 2 <= top ? top : this.cutY + this.canvasHeight -
+				(imgHeight * scale) / 2;
+
+			this.imgLeft = left;
+			this.imgTop = top;
+			this.scale = scale;
+			if (!delay || delay === 'undefined') {
+				this._animation()
+			}
+		},
+		imgMarginDetectionScale(scale, delay) {
+			scale = 1 //scale || this.scale;
+			var imgWidth = this.imgWidth;
+			var imgHeight = this.imgHeight;
+			if ((this.angle / 90) % 2) {
+				imgWidth = this.imgHeight;
+				imgHeight = this.imgWidth;
+			}
+			if (imgWidth * scale < this.canvasWidth) {
+				scale = this.canvasWidth / imgWidth;
+			}
+			if (imgHeight * scale < this.canvasHeight) {
+				scale = Math.max(scale, this.canvasHeight / imgHeight);
+			}
+			this.imgMarginDetectionPosition(scale, delay);
+		},
+		computeCutSize() {
+			if (this.canvasWidth > this.windowWidth) {
+				this.canvasWidth = this.windowWidth;
+			} else if (this.canvasWidth + this.cutX > this.windowWidth) {
+				this.cutX = this.windowWidth - this.cutX;
+			}
+			if (this.canvasHeight > this.windowHeight) {
+				this.canvasHeight = this.windowHeight;
+			} else if (this.canvasHeight + this.cutY > this.windowHeight) {
+				this.cutY = this.windowHeight - this.cutY;
+			}
+		},
+		setCutCenter() {
+			var cutY = (this.windowHeight - this.canvasHeight) * 0.5;
+			var cutX = (this.windowWidth - this.canvasWidth) * 0.5;
+			this.imgTop = this.imgTop - this.cutY + cutY;
+			this.cutY = cutY;
+			this.imgLeft = this.imgLeft - this.cutX + cutX;
+			this.cutX = cutX;
+			this.cutDetectionPosition()
+			this._animation()
+		},
+		imageReset() {
+			this.scale = 1;
+			this.angle = 0;
+			this._animation()
+		},
+		getEl(el) {
+			return el.ref || el[0].ref;
+		},
+		_animation() {
+			if (!this.ref || !this.realRef) return
+			var x = this.imgLeft - this.imgWidth / 2;
+			var y = this.imgTop - this.imgHeight / 2;
+			animation.transition(this.realRef, {
+				styles: {
+					//暂时去除缩放功能，此功能后期做优化再放出使用
+					// transform: `translate(${x}px,${y}px) scale(${this.scale}) rotate(${this.angle}deg)`
+					transform: `translate(${x}px,${y}px) rotate(${this.angle}deg)`
+				},
+				duration: this.ani ? 250 : 0,
+				timingFunction: 'linear',
+				needLayout: false,
+				delay: 0
+			});
+			animation.transition(this.ref, {
+				styles: {
+					transform: `translate(${x}px,${y}px) rotate(${this.angle}deg)`
+				},
+				duration: this.ani ? 250 : 0,
+				timingFunction: 'linear',
+				needLayout: false,
+				delay: 0
+			});
+		},
+		touchstart(e) {
+			var touch = e.touches || e.changedTouches
+			this.flagEndTouch = false;
+			//暂时放弃双指操作，待后期优化
+			if (touch.length == 1 && true) {
+				this.touchRelative[0] = {
+					x: touch[0].screenX - this.imgLeft,
+					y: touch[0].screenY - this.imgTop
+				};
+			} else {
+				var width = Math.abs(touch[0].screenX - touch[1].screenX);
+				var height = Math.abs(touch[0].screenY - touch[1].screenY);
+				this.touchRelative = [{
+						x: touch[0].screenX - this.imgLeft,
+						y: touch[0].screenY - this.imgTop
+					},
+					{
+						x: touch[1].screenX - this.imgLeft,
+						y: touch[1].screenY - this.imgTop
+					}
+				];
+				this.hypotenuseLength = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2));
+			}
+		},
+		touchmove(e) {
+			var touch = e.touches || e.changedTouches
+			if (this.flagEndTouch || touch.length > 1 || !this.src) return;
+			this.moveDuring();
+			//暂时放弃双指操作，待后期优化
+			if (touch.length == 1 && true) {
+				var left = touch[0].screenX - this.touchRelative[0].x,
+					top = touch[0].screenY - this.touchRelative[0].y;
+				this.imgLeft = left;
+				this.imgTop = top;
+				this._animation()
+				this.imgMarginDetectionPosition();
+			} else {
+				var width = Math.abs(touch[0].screenX - touch[1].screenX),
+					height = Math.abs(touch[0].screenY - touch[1].screenY),
+					hypotenuse = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2)),
+					scale = this.scale * (hypotenuse / this.hypotenuseLength),
+					current_deg = 0;
+				scale = scale <= 0.5 ? 0.5 : scale;
+				scale = scale >= 2 ? 2 : scale;
+				this.imgMarginDetectionScale(scale, true);
+				var touchRelative = [{
+						x: touch[0].screenX - this.imgLeft,
+						y: touch[0].screenY - this.imgTop
+					},
+					{
+						x: touch[1].screenX - this.imgLeft,
+						y: touch[1].screenY - this.imgTop
+					}
+				];
+				this.touchRelative = touchRelative;
+				this.hypotenuseLength = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2));
+				this.angle = this.angle + current_deg;
+				this._animation()
+			}
+		},
+		touchend(e) {
+			this.flagEndTouch = true;
+			this.moveStop();
+		},
+		valsChange(val) {
+			if (val) {
+				var params = val.split('_')
+				var type = Number(params[0])
+				if (type == 3) {
+					this._animation()
+				}
+				switch (type) {
+					case 1:
+						this.setCutCenter();
+						this.computeCutSize();
+						this.cutDetectionPosition();
+						break;
+					case 2:
+						this.setCutCenter();
+						break;
+					case 3:
+						this.imgMarginDetectionScale()
+						break;
+					case 4:
+						this.imageReset();
+						break;
+					case 5:
+						this.setCutCenter();
+						break;
+					default:
+						break;
+				}
+			}
+		}
+	}
+}
+
+// #endif
+
+// #ifndef APP-NVUE
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-image-cropper/fui-image-cropper.vue b/components/firstui/fui-image-cropper/fui-image-cropper.vue
new file mode 100644
index 0000000..ba2a85c
--- /dev/null
+++ b/components/firstui/fui-image-cropper/fui-image-cropper.vue
@@ -0,0 +1,677 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1     8 61 407 2  549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-image__cropper" @touchmove.stop.prevent="stop">
+		<!-- #ifdef APP-VUE || MP-WEIXIN || H5 -->
+		<image @touchstart="handler.touchstart" @touchmove="handler.touchmove" @touchend="handler.touchend"
+			@mousedown="handler.mousedown" class="fui-cropper__img"
+			:class="{'fui-cropper__img-hidden':!src || !initVal}" :src="src"
+			:style="{width: (imgWidth ? imgWidth : width) + 'px',height: imgHeight ? imgHeight + 'px' : 'auto',transitionDuration: ani ?'0.25s' : '0s'}"
+			mode="widthFix">
+		</image>
+		<!-- #endif -->
+		<!-- #ifdef APP-NVUE -->
+		<image ref="fui_cropper_img" class="fui-cropper__img" :src="src"
+			:style="{width: (imgWidth ? imgWidth : width) + 'px',height: imgHeight ? imgHeight + 'px' : 'auto'}"
+			mode="widthFix">
+		</image>
+		<!-- #endif -->
+		<!-- #ifndef APP-PLUS || MP-WEIXIN || H5 -->
+		<image @touchstart="touchstart" @touchmove="touchmove" @touchend="touchend" class="fui-cropper__img"
+			:class="{'fui-cropper__img-hidden':!src || !initVal}" :src="src"
+			:style="{width: (imgWidth ? imgWidth : width) + 'px',height: imgHeight ? imgHeight + 'px' : 'auto',transitionDuration: ani ?'0.25s' : '0s',transform:getTransform}"
+			mode="widthFix">
+		</image>
+		<!-- #endif -->
+
+		<!-- #ifdef APP-NVUE -->
+		<view class="fui-cropper__mask">
+			<view class="fui-cropper__top" :style="{height:(windowHeight-canvasHeight)/2+'px'}"></view>
+			<view class="fui-cropper__left" :style="{width:(windowWidth-canvasWidth)/2+'px',height:height+'px'}"></view>
+			<view class="fui-cropper__right" :style="{width:(windowWidth-canvasWidth)/2+'px',height:height+'px'}">
+			</view>
+			<view class="fui-cropper__bottom" :style="{height:(windowHeight-canvasHeight)/2+'px'}"></view>
+			<!-- #endif -->
+			<!-- #ifndef APP-NVUE -->
+			<view class="fui-cropper__mask"
+				:style="{ width: width + 'px', height: height + 'px', borderRadius: round ? '50%' : '0' }">
+				<!-- #endif -->
+				<!-- #ifdef APP-VUE || MP-WEIXIN || H5-->
+				<view class="fui-cropper__border" :change:prop="handler.valsChange" :prop="changeval"
+					:data-width="width" :data-height="height" :data-windowHeight="windowHeight"
+					:data-windowWidth="windowWidth" :data-imgWidth="imgWidth" :data-imgHeight="imgHeight"
+					:data-imgTop="imgTop" :data-angle="angle"
+					:style="{ borderRadius: round ? '50%' : '0',borderColor:borderColor}"></view>
+				<!-- #endif -->
+
+				<!-- #ifdef APP-NVUE -->
+				<view class="fui-cropper__border"
+					:style="{width:width+'px',height:height+'px', borderRadius: round ? canvasWidth/2+'px' : '0',borderColor:borderColor}">
+				</view>
+				<!-- #endif -->
+
+				<!-- #ifndef APP-PLUS || MP-WEIXIN || H5 -->
+				<view class="fui-cropper__border" :style="{ borderRadius: round ? '50%' : '0',borderColor:borderColor}">
+				</view>
+				<!-- #endif -->
+
+				<!-- #ifdef APP-NVUE -->
+				<view class="fui-cropper__real-el"
+					:style="{width: (imgWidth ? imgWidth : width) + 'px',height: imgHeight ? imgHeight + 'px' : 'auto'}"
+					@touchstart="touchstart" @touchmove="touchmove" @touchend="touchend" ref="fui_cropper_real"></view>
+				<!-- #endif -->
+			</view>
+
+			<!-- #ifndef APP-NVUE -->
+			<canvas canvas-id="fui_image_cropper" id="fui_image_cropper" :disable-scroll="true"
+				:style="{ width: nWidth * nScaleRatio + 'px', height: nWidth * nScaleRatio + 'px' }"
+				class="fui-cropper__canvas"></canvas>
+			<!-- #endif -->
+		</view>
+</template>
+
+<!-- #ifdef APP-VUE || MP-WEIXIN || H5-->
+<script src="./index.wxs" module="handler" lang="wxs"></script>
+<!-- #endif -->
+
+<script>
+	import mpjs from './mpjs.js'
+	import bindingx from './bindingx.js'
+	export default {
+		name: "fui-image-cropper",
+		mixins: [mpjs, bindingx],
+		props: {
+			src: {
+				type: String,
+				default: ''
+			},
+			//裁剪框高度 px
+			height: {
+				type: [Number, String],
+				default: 280
+			},
+			//裁剪框宽度 px
+			width: {
+				type: [Number, String],
+				default: 280
+			},
+			//是否为圆形裁剪框
+			round: {
+				type: Boolean,
+				default: false
+			},
+			borderColor: {
+				type: String,
+				default: '#B2B2B2'
+			},
+			// #ifndef MP-QQ
+			scaleRatio: {
+				type: [Number, String],
+				default: 2
+			},
+			// #endif
+			// #ifdef MP-QQ
+			scaleRatio: {
+				type: [Number, String],
+				default: 3
+			},
+			// #endif
+			//图片的质量，取值范围为 (0, 1]，不在范围内时当作1.0处理
+			quality: {
+				type: Number,
+				default: 0.8
+			},
+			fileType: {
+				type: String,
+				default: 'png'
+			},
+			//是否为网络图片
+			network: {
+				type: Boolean,
+				default: false
+			}
+		},
+		watch: {
+			src(val) {
+				this.initVal && this.handleImage(val)
+			},
+			ani(val) {
+				clearTimeout(this.aniTimer);
+				if (val) {
+					this.aniTimer = setTimeout(() => {
+						this.ani = false;
+					}, 220);
+				}
+			},
+			scaleRatio(val) {
+				this.nScaleRatio = Number(val) || 2
+			},
+			width(val) {
+				this.nWidth = Number(val) || 280
+			},
+			height(val) {
+				this.nHeight = Number(val) || 280
+			}
+		},
+		data() {
+			return {
+				windowHeight: 600,
+				windowWidth: 400,
+				cutX: 0,
+				cutY: 0,
+				imgWidth: 0,
+				imgHeight: 0,
+				scale: 1,
+				angle: 0,
+				ani: false,
+				imgTop: 0,
+				imgLeft: 0,
+				changeval: '',
+				initVal: false,
+				naturalWidth: 0,
+				naturalHeight: 0,
+				picturePath: '',
+				rotateAngle: 0,
+				nScaleRatio: 2,
+				nWidth: 280,
+				nHeight: 280
+			};
+		},
+		created() {
+			this.cutTimer = null;
+			this.aniTimer = null;
+			this.ctx = null;
+			this.nScaleRatio = Number(this.scaleRatio) || 2
+			this.nWidth = Number(this.width) || 280
+			this.nHeight = Number(this.height) || 280
+		},
+		mounted() {
+			let sys = uni.getSystemInfoSync();
+			this.windowHeight = sys.windowHeight
+			this.windowWidth = sys.windowWidth
+			this.imgTop = sys.windowHeight / 2;
+			this.imgLeft = sys.windowWidth / 2;
+			this.$nextTick(() => {
+				// #ifndef APP-NVUE
+				this.ctx = uni.createCanvasContext('fui_image_cropper', this);
+				// #endif
+				setTimeout(() => {
+					this.changeval = `1_${this.getRandom()}`;
+					this.initVal = true
+					setTimeout(() => {
+						this.src && this.handleImage(this.src)
+					}, 50);
+				}, 220);
+			})
+		},
+		methods: {
+			stop() {},
+			getRandom() {
+				return Math.ceil(Math.random() * 10e5).toString(36)
+			},
+			loading() {
+				uni.showLoading({
+					// #ifndef MP-ALIPAY
+					mask: true,
+					// #endif
+					title: '请稍候...'
+				});
+			},
+			reset() {
+				this.scale = 1;
+				this.angle = 0;
+				let sys = uni.getSystemInfoSync();
+				this.imgTop = sys.windowHeight / 2;
+				this.imgLeft = sys.windowWidth / 2;
+				this.changeval = `4_${this.getRandom()}`;
+			},
+			calcSize(width, height) {
+				let imgWidth = width,
+					imgHeight = height;
+				if (imgWidth > 0 && imgHeight > 0) {
+					if (imgWidth / imgHeight > this.nWidth / this.nHeight) {
+						imgHeight = this.nHeight;
+						imgWidth = (width / height) * imgHeight;
+					} else {
+						imgWidth = this.nWidth;
+						imgHeight = (height / width) * imgWidth;
+					}
+				} else {
+					imgWidth = uni.getSystemInfoSync().windowWidth;
+					imgHeight = 0;
+				}
+				this.imgWidth = imgWidth;
+				this.imgHeight = imgHeight;
+				this.changeval = `2_${this.getRandom()}`;
+				uni.hideLoading()
+			},
+			// #ifdef APP-NVUE
+			async compressImage(url, width, height, orientation) {
+				let imgUrl = url;
+				if (this.network) {
+					imgUrl = await this.getLocalImage(url);
+					if (!imgUrl) {
+						this.toast('网络图片处理失败~');
+						return;
+					}
+				}
+				let defaultAngle = {
+					up: 0,
+					down: 180,
+					left: 270,
+					right: 90
+				} [orientation] || 0;
+				let f_dst = `_documents/${this.getRandom()}.jpg`;
+				plus.zip.compressImage({
+						src: imgUrl,
+						dst: f_dst,
+						overwrite: true,
+						rotate: defaultAngle,
+						format: 'jpg'
+					},
+					i => {
+						this.picturePath = i.target;
+						this.calcSize(width, height);
+						this.changeval = `3_${this.getRandom()}`;
+					},
+					e => {
+						this.picturePath = imgUrl;
+						this.calcSize(width, height);
+						this.changeval = `3_${this.getRandom()}`;
+					}
+				);
+			},
+			// #endif
+			handleImage(src) {
+				this.reset();
+				this.loading();
+				uni.getImageInfo({
+					src: src,
+					success: res => {
+						let width = res.width;
+						let height = res.height;
+						this.naturalWidth = width;
+						this.naturalHeight = height;
+						let orientation = res.orientation;
+						if (orientation && orientation != 'up') {
+							//宽高传值颠倒
+							width = orientation == 'down' ? res.width : res.height;
+							height = orientation == 'down' ? res.height : res.width;
+							//此处需要测试，可能导致裁剪出错
+							// #ifdef APP-NVUE
+							this.compressImage(src, width, height, orientation);
+							// #endif
+						} else {
+							// #ifdef APP-NVUE
+							this.calcSize(width, height);
+							this.changeval = `3_${this.getRandom()}`;
+							// #endif
+						}
+
+						// #ifndef APP-NVUE
+						this.calcSize(width, height);
+						this.changeval = `3_${this.getRandom()}`;
+						// #endif
+					},
+					fail: err => {
+						this.calcSize(0, 0);
+						this.changeval = `3_${this.getRandom()}`;
+					}
+				});
+			},
+			change(e) {
+				this.cutX = e.cutX || 0;
+				this.cutY = e.cutY || 0;
+				this.imgWidth = e.imgWidth || this.imgWidth;
+				this.imgHeight = e.imgHeight || this.imgHeight;
+				this.scale = e.scale || 1;
+				this.angle = e.angle || 0;
+				this.imgTop = e.imgTop || 0;
+				this.imgLeft = e.imgLeft || 0;
+			},
+			async getLocalImage(src) {
+				return await new Promise((resolve, reject) => {
+					uni.downloadFile({
+						url: src,
+						success: res => {
+							resolve(res.tempFilePath);
+						},
+						fail: res => {
+							reject(false);
+						}
+					});
+				});
+			},
+			moveStop() {
+				clearTimeout(this.cutTimer);
+				this.cutTimer = setTimeout(() => {
+					this.changeval = `5_${this.getRandom()}`;
+				}, 600);
+			},
+			moveDuring() {
+				clearTimeout(this.cutTimer);
+			},
+			rotate() {
+				if (!this.src) {
+					this.toast('请选择要裁剪的图片！')
+					return;
+				}
+				this.ani = true;
+				let angle = this.angle + 90;
+				if (angle % 90) {
+					angle = Math.round(angle / 90) * 90;
+				}
+				this.angle = angle
+				this.moveStop();
+				this.changeval = `3_${this.getRandom()}`;
+			},
+			toast(text) {
+				uni.showToast({
+					title: text,
+					icon: 'none'
+				});
+			},
+			// #ifdef APP-NVUE
+			getImageByNvue(callback) {
+				let getCutImg = async () => {
+					let imgUrl = this.picturePath || this.src;
+					if (this.network) {
+						imgUrl = await this.getLocalImage(this.src);
+						if (!imgUrl) {
+							this.toast('网络图片处理失败~');
+							return;
+						}
+					}
+					let f_dst = `_documents/${this.getRandom()}.${this.fileType}`;
+					let multiple = Math.round(this.angle / 90);
+					let angle = 0,
+						x = 0,
+						y = 0,
+						left = 0,
+						top = 0,
+						clipHeight = 0,
+						clipWidth = 0;
+					let sys = uni.getSystemInfoSync();
+					let isAndroid = sys.platform.toLocaleLowerCase() == 'android';
+
+					if (multiple % 2 == 0) {
+						angle = this.angle % 360 == 0 || this.angle == 0 ? 0 : 180;
+						if (!isAndroid || (isAndroid && angle == 0)) {
+							x = this.imgLeft - (this.imgWidth * this.scale) / 2;
+							y = this.imgTop - (this.imgHeight * this.scale) / 2;
+							left = (((this.cutX - x) / this.imgWidth / this.scale) * 100).toFixed(2);
+							top = (((this.cutY - y) / this.imgHeight / this.scale) * 100).toFixed(2);
+							clipWidth = ((this.canvasWidth / this.imgWidth / this.scale) * 100).toFixed(2);
+							clipHeight = ((this.canvasHeight / this.imgHeight / this.scale) * 100).toFixed(2);
+						} else {
+							x = this.imgLeft - (this.imgWidth * this.scale) / 2;
+							y = this.imgTop - (this.imgHeight * this.scale) / 2;
+							left = (((this.imgWidth * this.scale - (this.cutX - x) - this.canvasWidth) / this
+								.imgWidth / this.scale) * 100).toFixed(2);
+							top = (((this.imgHeight * this.scale - (this.cutY - y) - this.canvasHeight) / this
+								.imgHeight / this.scale) * 100).toFixed(2);
+							clipWidth = ((this.canvasWidth / this.imgWidth / this.scale) * 100).toFixed(2);
+							clipHeight = ((this.canvasHeight / this.imgHeight / this.scale) * 100).toFixed(2);
+						}
+					} else {
+						angle = this.angle % 270 == 0 ? 270 : 90;
+						if (isAndroid) {
+							if (angle == 90) {
+								x = this.imgLeft - (this.imgHeight * this.scale) / 2;
+								y = this.imgTop - (this.imgWidth * this.scale) / 2;
+								top = (((this.imgHeight * this.scale - (this.cutX - x) - this.canvasHeight) / this
+									.imgHeight / this.scale) * 100).toFixed(2);
+								left = (((this.imgWidth * this.scale - (this.cutY - y) - this.canvasWidth) / this
+									.imgWidth / this.scale) * 100).toFixed(2);
+								clipHeight = ((this.canvasWidth / this.imgHeight / this.scale) * 100).toFixed(2);
+								clipWidth = ((this.canvasHeight / this.imgWidth / this.scale) * 100).toFixed(2);
+							} else {
+								x = this.imgLeft - (this.imgHeight * this.scale) / 2;
+								y = this.imgTop - (this.imgWidth * this.scale) / 2;
+								top = (((this.cutX - x) / this.imgHeight / this.scale) * 100).toFixed(2);
+								left = (((this.cutY - y) / this.imgWidth / this.scale) * 100).toFixed(2);
+								clipHeight = ((this.canvasWidth / this.imgHeight / this.scale) * 100).toFixed(2);
+								clipWidth = ((this.canvasHeight / this.imgWidth / this.scale) * 100).toFixed(2);
+							}
+						} else {
+							x = this.imgLeft - (this.imgHeight * this.scale) / 2;
+							y = this.imgTop - (this.imgWidth * this.scale) / 2;
+							left = (((this.cutX - x) / this.imgHeight / this.scale) * 100).toFixed(2);
+							top = (((this.cutY - y) / this.imgWidth / this.scale) * 100).toFixed(2);
+							clipWidth = ((this.canvasWidth / this.imgHeight / this.scale) * 100).toFixed(2);
+							clipHeight = ((this.canvasHeight / this.imgWidth / this.scale) * 100).toFixed(2);
+						}
+					}
+					let width = (this.imgWidth < this.naturalWidth ? this.naturalWidth : this.imgWidth) * this
+						.scale;
+					let height = (this.imgHeight < this.naturalHeight ? this.naturalHeight : this.imgHeight) * this
+						.scale;
+					width = `${width}px`;
+					height = `${height}px`;
+					left = Number(left) <= 0 ? 0 : left;
+					top = Number(top) <= 0 ? 0 : top;
+					plus.zip.compressImage({
+							src: imgUrl,
+							dst: f_dst,
+							quality: this.quality * 100,
+							overwrite: true,
+							format: this.fileType,
+							width: width,
+							height: height,
+							rotate: angle,
+							clip: {
+								top: `${top}%`,
+								left: `${left}%`,
+								width: `${clipWidth}%`,
+								height: `${clipHeight}%`
+							}
+						},
+						i => {
+							uni.hideLoading();
+							callback && callback(i.target)
+						},
+						e => {
+							console.log(e);
+							uni.hideLoading();
+							this.toast('图片裁剪失败,请稍候再试~');
+						}
+					);
+				};
+				setTimeout(() => {
+					getCutImg();
+				}, 20);
+			},
+			// #endif
+			//裁剪
+			cutting(callback) {
+				if (!this.src) {
+					this.toast('请选择要裁剪的图片！')
+					return;
+				}
+				this.loading();
+				// #ifdef APP-NVUE
+				this.getImageByNvue(callback)
+				// #endif
+
+				// #ifndef APP-NVUE
+				let draw = async () => {
+					let imgWidth = this.imgWidth * this.scale * this.nScaleRatio;
+					let imgHeight = this.imgHeight * this.scale * this.nScaleRatio;
+					let xpos = this.imgLeft - this.cutX;
+					let ypos = this.imgTop - this.cutY;
+					this.ctx.translate(xpos * this.nScaleRatio, ypos * this.nScaleRatio);
+					this.ctx.rotate((this.angle * Math.PI) / 180);
+					let src = this.src;
+					// #ifdef APP-PLUS || MP
+					if (this.network) {
+						src = await this.getLocalImage(this.src);
+					}
+					// #endif
+					this.ctx.drawImage(src, -imgWidth / 2, -imgHeight / 2, imgWidth, imgHeight);
+					this.ctx.draw(false, () => {
+						let params = {
+							width: this.nWidth * this.nScaleRatio,
+							height: Math.round(this.nHeight * this.nScaleRatio),
+							// #ifdef MP-QQ
+							destWidth: this.nWidth * this.nScaleRatio * 2,
+							destHeight: Math.round(this.nHeight) * this.nScaleRatio * 2,
+							// #endif
+
+							// #ifndef MP-QQ
+							destWidth: this.nWidth * this.nScaleRatio,
+							destHeight: Math.round(this.nHeight) * this.nScaleRatio,
+							// #endif
+							fileType: this.fileType,
+							quality: this.quality
+						};
+						setTimeout(() => {
+							// #ifdef MP-ALIPAY
+							this.ctx.toTempFilePath({
+								...params,
+								success: res => {
+									uni.hideLoading();
+									this.ctx.rotate(((360 - this.angle % 360) * Math
+										.PI) / 180);
+									this.ctx.translate(-xpos * this.nScaleRatio, -
+										ypos * this.nScaleRatio);
+									this.ctx.clearRect(0, 0, this.nWidth * this
+										.nScaleRatio, this.nHeight * this
+										.nScaleRatio);
+									this.ctx.draw();
+									callback && callback(res.apFilePath)
+								}
+							});
+							// #endif
+
+							// #ifndef MP-ALIPAY
+							uni.canvasToTempFilePath({
+									...params,
+									canvasId: 'fui_image_cropper',
+									success: res => {
+										uni.hideLoading();
+										callback && callback(res.tempFilePath)
+									},
+									fail(err) {
+										console.log(err);
+									}
+								},
+								this
+							);
+							// #endif
+						}, 80)
+					});
+				};
+				draw();
+				// #endif
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-image__cropper {
+		background: rgba(0, 0, 0, 0.6);
+		position: fixed;
+		top: 0;
+		left: 0;
+		bottom: 0;
+		right: 0;
+		z-index: 1;
+	}
+
+	.fui-cropper__img,
+	.fui-cropper__real-el {
+		/* #ifndef APP-NVUE */
+		backface-visibility: hidden;
+		/* #endif */
+		position: absolute;
+		top: 0;
+		left: 0;
+		z-index: 2;
+		transform-origin: center;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-cropper__img-hidden {
+		opacity: 0;
+		visibility: hidden;
+	}
+
+	/* #endif */
+	.fui-cropper__mask {
+		position: fixed;
+		z-index: 4;
+		/* #ifndef APP-NVUE */
+		left: 50%;
+		top: 50%;
+		transform: translate(-50%, -50%);
+		border: 3000px solid rgba(0, 0, 0, 0.5);
+		pointer-events: none;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		border-style: solid;
+		border-color: rgba(0, 0, 0, 0.5);
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		align-items: center;
+		justify-content: center;
+		/* #endif */
+	}
+
+	.fui-cropper__border {
+		/* #ifndef APP-NVUE */
+		position: absolute;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		box-sizing: border-box;
+		pointer-events: none;
+		/* #endif */
+		border-width: 1px;
+		border-style: solid;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-cropper__canvas {
+		position: fixed;
+		left: -3000px;
+		top: -3000px;
+		pointer-events: none;
+	}
+
+	/* #endif */
+
+	/* #ifdef APP-NVUE */
+	.fui-cropper__top {
+		position: absolute;
+		left: 0;
+		right: 0;
+		top: 0;
+		background: rgba(0, 0, 0, 0.5);
+	}
+
+	.fui-cropper__left {
+		position: absolute;
+		left: 0;
+		background: rgba(0, 0, 0, 0.5);
+	}
+
+	.fui-cropper__right {
+		position: absolute;
+		right: 0;
+		background: rgba(0, 0, 0, 0.5);
+	}
+
+	.fui-cropper__bottom {
+		position: absolute;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		background: rgba(0, 0, 0, 0.5);
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-image-cropper/index.wxs b/components/firstui/fui-image-cropper/index.wxs
new file mode 100644
index 0000000..7c34155
--- /dev/null
+++ b/components/firstui/fui-image-cropper/index.wxs
@@ -0,0 +1,342 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 8 614    0 725  49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+function isPC() {
+	if (typeof navigator !== 'object') return false;
+	var userAgentInfo = navigator.userAgent;
+	var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
+	var flag = true;
+	for (var v = 0; v < Agents.length - 1; v++) {
+		if (userAgentInfo.indexOf(Agents[v]) > 0) {
+			flag = false;
+			break;
+		}
+	}
+	return flag;
+}
+var isH5 = false
+if (typeof window === 'object') isH5 = true
+var cropper = {
+	cutX: 0,
+	cutY: 0,
+	touchRelative: [{
+		x: 0,
+		y: 0
+	}],
+	hypotenuseLength: 0,
+	flagEndTouch: false,
+	canvasWidth: 0,
+	canvasHeight: 0,
+	imgWidth: 0,
+	imgHeight: 0,
+	scale: 1,
+	angle: 0,
+	imgTop: 0,
+	imgLeft: 0,
+	windowHeight: 0,
+	windowWidth: 0,
+	init: true
+}
+
+function touchstart(e, ins) {
+	var touch = null
+	if (isH5 && isPC()) {
+		touch = [e];
+	} else {
+		touch = e.touches || e.changedTouches
+	}
+	cropper.flagEndTouch = false;
+	if (touch.length == 1) {
+		cropper.touchRelative[0] = {
+			x: touch[0].pageX - cropper.imgLeft,
+			y: touch[0].pageY - cropper.imgTop
+		};
+	} else {
+		var width = Math.abs(touch[0].pageX - touch[1].pageX);
+		var height = Math.abs(touch[0].pageY - touch[1].pageY);
+		cropper.touchRelative = [{
+				x: touch[0].pageX - cropper.imgLeft,
+				y: touch[0].pageY - cropper.imgTop
+			},
+			{
+				x: touch[1].pageX - cropper.imgLeft,
+				y: touch[1].pageY - cropper.imgTop
+			}
+		];
+		cropper.hypotenuseLength = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2));
+	}
+
+}
+
+function moveDuring(ins) {
+	if (!ins) return;
+	ins.callMethod('moveDuring')
+}
+
+function moveStop(ins) {
+	if (!ins) return;
+	ins.callMethod('moveStop')
+};
+
+function setCutCenter(ins) {
+	var cutY = (cropper.windowHeight - cropper.canvasHeight) * 0.5;
+	var cutX = (cropper.windowWidth - cropper.canvasWidth) * 0.5;
+	cropper.imgTop = cropper.imgTop - cropper.cutY + cutY;
+	cropper.cutY = cutY;
+	cropper.imgLeft = cropper.imgLeft - cropper.cutX + cutX;
+	cropper.cutX = cutX;
+	cutDetectionPosition(ins)
+	imgTransform(ins)
+	updateData(ins)
+}
+
+function touchmove(e, ins) {
+	if (e.preventDefault) {
+		e.preventDefault()
+	}
+	var touch = null
+	if (isH5 && isPC()) {
+		touch = [e];
+	} else {
+		touch = e.touches || e.changedTouches
+	}
+	if (cropper.flagEndTouch) return;
+	moveDuring(ins);
+	if (touch.length == 1) {
+		var left = touch[0].pageX - cropper.touchRelative[0].x,
+			top = touch[0].pageY - cropper.touchRelative[0].y;
+		cropper.imgLeft = left;
+		cropper.imgTop = top;
+		imgTransform(ins);
+		imgMarginDetectionPosition(ins);
+	} else {
+		var res = e.instance.getDataset();
+		var width = Math.abs(touch[0].pageX - touch[1].pageX),
+			height = Math.abs(touch[0].pageY - touch[1].pageY),
+			hypotenuse = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2)),
+			scale = cropper.scale * (hypotenuse / cropper.hypotenuseLength),
+			current_deg = 0;
+		scale = scale <= 0.5 ? 0.5 : scale;
+		scale = scale >= 2 ? 2 : scale;
+		cropper.scale = scale;
+		imgMarginDetectionScale(ins, true);
+		var touchRelative = [{
+				x: touch[0].pageX - cropper.imgLeft,
+				y: touch[0].pageY - cropper.imgTop
+			},
+			{
+				x: touch[1].pageX - cropper.imgLeft,
+				y: touch[1].pageY - cropper.imgTop
+			}
+		];
+		cropper.touchRelative = touchRelative;
+		cropper.hypotenuseLength = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2));
+		cropper.angle = cropper.angle + current_deg;
+		imgTransform(ins);
+	}
+}
+
+function touchend(e, ins) {
+	cropper.flagEndTouch = true;
+	moveStop(ins);
+	updateData(ins)
+}
+
+function cutDetectionPosition(ins) {
+	var windowHeight = cropper.windowHeight,
+		windowWidth = cropper.windowWidth;
+
+	var cutDetectionPositionTop = function() {
+		if (cropper.cutY < 0) {
+			cropper.cutY = 0;
+		}
+		if (cropper.cutY > windowHeight - cropper.canvasHeight) {
+			cropper.cutY = windowHeight - cropper.canvasHeight;
+		}
+	}
+
+	var cutDetectionPositionLeft = function() {
+		if (cropper.cutX < 0) {
+			cropper.cutX = 0;
+		}
+		if (cropper.cutX > windowWidth - cropper.canvasWidth) {
+			cropper.cutX = windowWidth - cropper.canvasWidth;
+		}
+	}
+	if (cropper.cutY == null && cropper.cutX == null) {
+		var cutY = (windowHeight - cropper.canvasHeight) * 0.5;
+		var cutX = (windowWidth - cropper.canvasWidth) * 0.5;
+		cropper.cutY = cutY;
+		cropper.cutX = cutX;
+	} else if (cropper.cutY != null && cropper.cutX != null) {
+		cutDetectionPositionTop();
+		cutDetectionPositionLeft();
+	} else if (cropper.cutY != null && cropper.cutX == null) {
+		cutDetectionPositionTop();
+		cropper.cutX = (windowWidth - cropper.canvasWidth) / 2;
+	} else if (cropper.cutY == null && cropper.cutX != null) {
+		cutDetectionPositionLeft();
+		cropper.cutY = (windowHeight - cropper.canvasHeight) / 2;
+	}
+}
+
+function imgMarginDetectionScale(ins, delay) {
+	var scale = cropper.scale;
+	var imgWidth = cropper.imgWidth;
+	var imgHeight = cropper.imgHeight;
+	if ((cropper.angle / 90) % 2) {
+		imgWidth = cropper.imgHeight;
+		imgHeight = cropper.imgWidth;
+	}
+	if (imgWidth * scale < cropper.canvasWidth) {
+		scale = cropper.canvasWidth / imgWidth;
+	}
+	if (imgHeight * scale < cropper.canvasHeight) {
+		scale = Math.max(scale, cropper.canvasHeight / imgHeight);
+	}
+	imgMarginDetectionPosition(ins, scale, delay);
+}
+
+function imgMarginDetectionPosition(ins, scale, delay) {
+	var left = cropper.imgLeft;
+	var top = cropper.imgTop;
+	scale = scale || cropper.scale;
+	var imgWidth = cropper.imgWidth;
+	var imgHeight = cropper.imgHeight;
+	if ((cropper.angle / 90) % 2) {
+		imgWidth = cropper.imgHeight;
+		imgHeight = cropper.imgWidth;
+	}
+	left = cropper.cutX + (imgWidth * scale) / 2 >= left ? left : cropper.cutX + (imgWidth * scale) / 2;
+	left = cropper.cutX + cropper.canvasWidth - (imgWidth * scale) / 2 <= left ? left : cropper.cutX + cropper
+		.canvasWidth -
+		(imgWidth * scale) / 2;
+	top = cropper.cutY + (imgHeight * scale) / 2 >= top ? top : cropper.cutY + (imgHeight * scale) / 2;
+	top = cropper.cutY + cropper.canvasHeight - (imgHeight * scale) / 2 <= top ? top : cropper.cutY + cropper
+		.canvasHeight -
+		(imgHeight * scale) / 2;
+
+	cropper.imgLeft = left;
+	cropper.imgTop = top;
+	cropper.scale = scale;
+	if (!delay || delay === 'null') {
+		imgTransform(ins);
+	}
+}
+
+function computeCutSize(ins) {
+	if (cropper.canvasWidth > cropper.windowWidth) {
+		cropper.canvasWidth = cropper.windowWidth;
+	} else if (cropper.canvasWidth + cropper.cutX > cropper.windowWidth) {
+		cropper.cutX = cropper.windowWidth - cropper.cutX;
+	}
+	if (cropper.canvasHeight > cropper.windowHeight) {
+		cropper.canvasHeight = cropper.windowHeight;
+	} else if (cropper.canvasHeight + cropper.cutY > cropper.windowHeight) {
+		cropper.cutY = cropper.windowHeight - cropper.cutY;
+	}
+}
+
+function imgTransform(ins) {
+	var owner = ins.selectComponent('.fui-cropper__img')
+	if (!owner) return
+	var x = cropper.imgLeft - cropper.imgWidth / 2;
+	var y = cropper.imgTop - cropper.imgHeight / 2;
+	owner.setStyle({
+		'transform': 'translate3d(' + x + 'px,' + y + 'px,0) scale(' + cropper.scale + ') rotate(' + cropper
+			.angle + 'deg)'
+	})
+}
+
+function imageReset(ins) {
+	cropper.scale = 1;
+	cropper.angle = 0;
+	imgTransform(ins);
+}
+
+function updateData(ins) {
+	if (!ins) return;
+	ins.callMethod('change', {
+		cutX: cropper.cutX,
+		cutY: cropper.cutY,
+		imgWidth: cropper.imgWidth,
+		imgHeight: cropper.imgHeight,
+		scale: cropper.scale,
+		angle: cropper.angle,
+		imgTop: cropper.imgTop,
+		imgLeft: cropper.imgLeft
+	})
+}
+
+function valsChange(prop, oldProp, ownerInstance, ins) {
+	if (prop && prop !== 'null' && ins) {
+		var params = prop.split('_')
+		var type = +params[0]
+		var dataset = ins.getDataset();
+		if (cropper.init || type == 4) {
+			cropper.canvasWidth = +dataset.width;
+			cropper.canvasHeight = +dataset.height;
+			cropper.windowHeight = +dataset.windowheight;
+			cropper.windowWidth = +dataset.windowwidth;
+			cropper.imgTop = (+dataset.windowheight) / 2;
+			cropper.imgLeft = (+dataset.windowwidth) / 2;
+			cropper.imgWidth = +dataset.imgwidth;
+			cropper.imgHeight = +dataset.imgheight;
+			cropper.init = false
+		} else if (type == 2 || type == 3) {
+			cropper.imgTop = (+dataset.windowheight) / 2;
+			cropper.imgLeft = (+dataset.windowwidth) / 2;
+			cropper.imgWidth = +dataset.imgwidth;
+			cropper.imgHeight = +dataset.imgheight;
+		}
+		cropper.angle = +dataset.angle;
+		if (type == 3) {
+			imgTransform(ownerInstance);
+		}
+
+		switch (type) {
+			case 1:
+				setCutCenter(ownerInstance);
+				computeCutSize(ownerInstance);
+				cutDetectionPosition(ownerInstance);
+				break;
+			case 2:
+				setCutCenter(ownerInstance);
+				break;
+			case 3:
+				imgMarginDetectionScale(ownerInstance)
+				break;
+			case 4:
+				imageReset(ownerInstance);
+				break;
+			case 5:
+				setCutCenter(ownerInstance);
+				break;
+			default:
+				break;
+		}
+	}
+}
+
+var movable = false;
+
+function mousedown(e, ins) {
+	if (!isH5 || !isPC()) return
+	touchstart(e, ins)
+	movable = true
+	window.onmousemove = function(event) {
+		if (!isH5 || !isPC() || !movable) return
+		touchmove(event, ins, e)
+	}
+	window.onmouseup = function(event) {
+		if (!isH5 || !isPC() || !movable) return
+		touchend(event, ins, e)
+		movable = false
+	}
+}
+
+module.exports = {
+	touchstart: touchstart,
+	touchmove: touchmove,
+	touchend: touchend,
+	valsChange: valsChange,
+	mousedown: mousedown
+}
\ No newline at end of file
diff --git a/components/firstui/fui-image-cropper/mpjs.js b/components/firstui/fui-image-cropper/mpjs.js
new file mode 100644
index 0000000..5231917
--- /dev/null
+++ b/components/firstui/fui-image-cropper/mpjs.js
@@ -0,0 +1,231 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1   861 4 0   725 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifndef APP-PLUS || MP-WEIXIN || H5
+export default {
+	data() {
+		return {
+			touchRelative: [{
+				x: 0,
+				y: 0
+			}],
+			hypotenuseLength: 0,
+			flagEndTouch: false,
+			canvasWidth: 0,
+			canvasHeight: 0
+		}
+	},
+	created() {
+		this.canvasWidth = Number(this.width);
+		this.canvasHeight = Number(this.height);
+	},
+	watch: {
+		width(val) {
+			this.canvasWidth = Number(val);
+		},
+		height(val) {
+			this.canvasHeight = Number(val);
+		},
+		changeval(val) {
+			this.valsChange(val)
+		}
+	},
+	computed: {
+		getTransform: function() {
+			return `translate3d(${this.imgLeft - this.imgWidth / 2}px,${this.imgTop - this.imgHeight / 2}px,0) scale(${this.scale}) rotate(${this.angle}deg)`;
+		}
+	},
+	methods: {
+		cutDetectionPosition() {
+			var windowHeight = this.windowHeight,
+				windowWidth = this.windowWidth;
+
+			var cutDetectionPositionTop = () => {
+				if (this.cutY < 0) {
+					this.cutY = 0;
+				}
+				if (this.cutY > windowHeight - this.canvasHeight) {
+					this.cutY = windowHeight - this.canvasHeight;
+				}
+			}
+
+			var cutDetectionPositionLeft = () => {
+				if (this.cutX < 0) {
+					this.cutX = 0;
+				}
+				if (this.cutX > windowWidth - this.canvasWidth) {
+					this.cutX = windowWidth - this.canvasWidth;
+				}
+			}
+			if (this.cutY == null && this.cutX == null) {
+				var cutY = (windowHeight - this.canvasHeight) * 0.5;
+				var cutX = (windowWidth - this.canvasWidth) * 0.5;
+				this.cutY = cutY;
+				this.cutX = cutX;
+			} else if (this.cutY != null && this.cutX != null) {
+				cutDetectionPositionTop();
+				cutDetectionPositionLeft();
+			} else if (this.cutY != null && this.cutX == null) {
+				cutDetectionPositionTop();
+				this.cutX = (windowWidth - this.canvasWidth) / 2;
+			} else if (this.cutY == null && this.cutX != null) {
+				cutDetectionPositionLeft();
+				this.cutY = (windowHeight - this.canvasHeight) / 2;
+			}
+		},
+		imgMarginDetectionPosition(scale) {
+			var left = this.imgLeft;
+			var top = this.imgTop;
+			scale = scale || this.scale;
+			var imgWidth = this.imgWidth;
+			var imgHeight = this.imgHeight;
+			if ((this.angle / 90) % 2) {
+				imgWidth = this.imgHeight;
+				imgHeight = this.imgWidth;
+			}
+			left = this.cutX + (imgWidth * scale) / 2 >= left ? left : this.cutX + (imgWidth * scale) / 2;
+			left = this.cutX + this.canvasWidth - (imgWidth * scale) / 2 <= left ? left : this.cutX + this.canvasWidth -
+				(imgWidth * scale) / 2;
+			top = this.cutY + (imgHeight * scale) / 2 >= top ? top : this.cutY + (imgHeight * scale) / 2;
+			top = this.cutY + this.canvasHeight - (imgHeight * scale) / 2 <= top ? top : this.cutY + this.canvasHeight -
+				(imgHeight * scale) / 2;
+
+			this.imgLeft = left;
+			this.imgTop = top;
+			this.scale = scale;
+		},
+		imgMarginDetectionScale(scale) {
+			scale = scale || this.scale;
+			var imgWidth = this.imgWidth;
+			var imgHeight = this.imgHeight;
+			if ((this.angle / 90) % 2) {
+				imgWidth = this.imgHeight;
+				imgHeight = this.imgWidth;
+			}
+			if (imgWidth * scale < this.canvasWidth) {
+				scale = this.canvasWidth / imgWidth;
+			}
+			if (imgHeight * scale < this.canvasHeight) {
+				scale = Math.max(scale, this.canvasHeight / imgHeight);
+			}
+			this.imgMarginDetectionPosition(scale);
+		},
+		computeCutSize() {
+			if (this.canvasWidth > this.windowWidth) {
+				this.canvasWidth = this.windowWidth;
+			} else if (this.canvasWidth + this.cutX > this.windowWidth) {
+				this.cutX = this.windowWidth - this.cutX;
+			}
+			if (this.canvasHeight > this.windowHeight) {
+				this.canvasHeight = this.windowHeight;
+			} else if (this.canvasHeight + this.cutY > this.windowHeight) {
+				this.cutY = this.windowHeight - this.cutY;
+			}
+		},
+		setCutCenter() {
+			var cutY = (this.windowHeight - this.canvasHeight) * 0.5;
+			var cutX = (this.windowWidth - this.canvasWidth) * 0.5;
+			this.imgTop = this.imgTop - this.cutY + cutY;
+			this.cutY = cutY;
+			this.imgLeft = this.imgLeft - this.cutX + cutX;
+			this.cutX = cutX;
+			this.cutDetectionPosition()
+		},
+		imageReset() {
+			this.scale = 1;
+			this.angle = 0;
+		},
+		touchstart(e) {
+			var touch = e.touches || e.changedTouches
+			this.flagEndTouch = false;
+			if (touch.length == 1) {
+				this.touchRelative[0] = {
+					x: touch[0].clientX - this.imgLeft,
+					y: touch[0].clientY - this.imgTop
+				};
+			} else {
+				var width = Math.abs(touch[0].clientX - touch[1].clientX);
+				var height = Math.abs(touch[0].clientY - touch[1].clientY);
+				this.touchRelative = [{
+						x: touch[0].clientX - this.imgLeft,
+						y: touch[0].clientY - this.imgTop
+					},
+					{
+						x: touch[1].clientX - this.imgLeft,
+						y: touch[1].clientY - this.imgTop
+					}
+				];
+				this.hypotenuseLength = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2));
+			}
+		},
+		touchmove(e) {
+			var touch = e.touches || e.changedTouches
+			if (this.flagEndTouch) return;
+			this.moveDuring();
+			if (touch.length == 1) {
+				var left = touch[0].clientX - this.touchRelative[0].x,
+					top = touch[0].clientY - this.touchRelative[0].y;
+				this.imgLeft = left;
+				this.imgTop = top;
+				this.imgMarginDetectionPosition();
+			} else {
+				var width = Math.abs(touch[0].clientX - touch[1].clientX),
+					height = Math.abs(touch[0].clientY - touch[1].clientY),
+					hypotenuse = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2)),
+					scale = this.scale * (hypotenuse / this.hypotenuseLength),
+					current_deg = 0;
+				scale = scale <= 0.5 ? 0.5 : scale;
+				scale = scale >= 2 ? 2 : scale;
+				this.imgMarginDetectionScale(scale);
+				var touchRelative = [{
+						x: touch[0].clientX - this.imgLeft,
+						y: touch[0].clientY - this.imgTop
+					},
+					{
+						x: touch[1].clientX - this.imgLeft,
+						y: touch[1].clientY - this.imgTop
+					}
+				];
+				this.touchRelative = touchRelative;
+				this.hypotenuseLength = Math.sqrt(Math.pow(width, 2) + Math.pow(height, 2));
+				this.angle = this.angle + current_deg;
+				this.scale = this.scale;
+			}
+		},
+		touchend(e) {
+			this.flagEndTouch = true;
+			this.moveStop();
+		},
+		valsChange(val) {
+			if (val) {
+				var params = val.split('_')
+				var type = Number(params[0])
+				switch (type) {
+					case 1:
+						this.setCutCenter();
+						this.computeCutSize();
+						this.cutDetectionPosition();
+						break;
+					case 2:
+						this.setCutCenter();
+						break;
+					case 3:
+						this.imgMarginDetectionScale()
+						break;
+					case 4:
+						this.imageReset();
+						break;
+					case 5:
+						this.setCutCenter();
+						break;
+					default:
+						break;
+				}
+			}
+		}
+	}
+}
+
+// #endif
+
+// #ifdef APP-PLUS|| MP-WEIXIN || H5
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-index-list/f-index-list-item.vue b/components/firstui/fui-index-list/f-index-list-item.vue
new file mode 100644
index 0000000..8ed1b0c
--- /dev/null
+++ b/components/firstui/fui-index-list/f-index-list-item.vue
@@ -0,0 +1,256 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8     6140  72 5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-index__list-item" :class="{'fui-il__between':subRight}" @tap="onClick">
+		<view class="fui-index__list-left">
+			<view class="fui-il__checkbox"
+				:class="{'fui-il__checkbox-color':(!selectedColor || selectedColor === true) && model.checked}"
+				:style="{background:model.checked?getSelectedColor:'#fff',borderColor:model.checked?getSelectedColor:borderColor}"
+				v-if="isSelect">
+				<view class="fui-il__checkmark" v-if="model.checked"></view>
+			</view>
+			<view class="fui-il__img-box" v-if="isSrc">
+				<image v-if="model.src" :src="model.src" class="fui-index__list-img" mode="widthFix"></image>
+			</view>
+			<text class="fui-index__list-main">{{model.text || ''}}</text>
+		</view>
+		<text class="fui-index__list-sub">{{model.subText || ''}}</text>
+		<view class="fui-il__border-bottom" v-if="!last"></view>
+	</view>
+</template>
+
+<script>
+	//此组件为索引列表item项，若不满足要求可自行调整样式
+	export default {
+		name: 'f-index-list-item',
+		props: {
+			model: {
+				type: Object,
+				default () {
+					return {}
+				}
+			},
+			isSelect: {
+				type: Boolean,
+				default: false
+
+			},
+			selectedColor: {
+				type: String,
+				default: ''
+			},
+			//checkbox未选中时边框颜色
+			borderColor: {
+				type: String,
+				default: '#ccc'
+			},
+			//是否显示图片
+			isSrc: {
+				type: Boolean,
+				default: false
+			},
+			//次要内容是否居右侧
+			subRight: {
+				type: Boolean,
+				default: true
+			},
+			last: {
+				type: Boolean,
+				default: false
+			},
+			idx: {
+				type: Number,
+				default: 0
+			},
+			index: {
+				type: Number,
+				default: 0
+			}
+		},
+		computed: {
+			getSelectedColor() {
+				let color = this.selectedColor;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+
+				return color;
+			}
+		},
+		methods: {
+			onClick() {
+				this.$emit("itemClick", {
+					idx: this.idx,
+					index: this.index
+				})
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	.fui-index__list-item {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		align-items: center;
+		padding: 32rpx 64rpx 32rpx 32rpx;
+		background-color: #FFFFFF;
+		position: relative;
+	}
+
+	.fui-il__border-bottom {
+		position: absolute;
+		bottom: 0;
+		/* #ifdef APP-NVUE */
+		height: 0.5px;
+		z-index: -1;
+		background-color: #EEEEEE;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		height: 1px;
+		-webkit-transform: scaleY(0.5);
+		transform: scaleY(0.5);
+		transform-origin: 0 100%;
+		z-index: 1;
+		background-color: var(--fui-color-border, #EEEEEE);
+		/* #endif */
+		left: 32rpx;
+		right: 0;
+	}
+
+	.fui-index__list-item:active {
+		/* #ifdef APP-NVUE */
+		background-color: rgba(0, 0, 0, 0.2) !important;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		background-color: var(--fui-bg-color-hover, rgba(0, 0, 0, 0.2)) !important;
+		/* #endif */
+	}
+
+	.fui-il__between {
+		justify-content: space-between;
+	}
+
+	.fui-index__list-left {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		overflow: hidden;
+	}
+
+	.fui-il__checkbox {
+		font-size: 0;
+		color: rgba(0, 0, 0, 0);
+		width: 40rpx;
+		height: 40rpx;
+		border-width: 1px;
+		border-style: solid;
+		/* #ifdef APP-NVUE */
+		border-radius: 40rpx;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		display: inline-flex;
+		box-sizing: border-box;
+		border-radius: 50%;
+		vertical-align: top;
+		flex-shrink: 0;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		overflow: hidden;
+		position: relative;
+		margin-right: 24rpx;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-il__checkbox-color {
+		background: var(--fui-color-primary, #465CFF) !important;
+		border-color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+
+	.fui-il__checkmark {
+		width: 20rpx;
+		height: 40rpx;
+		border-bottom-style: solid;
+		border-bottom-width: 3px;
+		border-bottom-color: #FFFFFF;
+		border-right-style: solid;
+		border-right-width: 3px;
+		border-right-color: #FFFFFF;
+		transform: rotate(45deg) scale(0.5);
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		transform: rotate(45deg) scale(0.5) translateZ(0);
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		transform: rotate(45deg) scale(0.5);
+		/* #endif */
+		transform-origin: 54% 48%;
+	}
+
+	.fui-il__img-box {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		background-color: var(--fui-bg-color-content, #F8F8F8);
+		/* #endif */
+		width: 72rpx;
+		height: 72rpx;
+		align-items: center;
+		justify-content: center;
+		border-radius: 8rpx;
+		overflow: hidden;
+		/* #ifdef APP-NVUE */
+		background-color: #F8F8F8;
+		/* #endif */
+		margin-right: 24rpx;
+	}
+
+	.fui-index__list-img {
+		width: 72rpx;
+		height: 72rpx;
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		/* #endif */
+		border-radius: 8rpx;
+	}
+
+	.fui-index__list-main {
+		/* #ifndef APP-NVUE */
+		display: block;
+		white-space: nowrap;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		lines: 1;
+		/* #endif */
+		font-size: 32rpx;
+		font-weight: normal;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.fui-index__list-sub {
+		/* #ifndef APP-NVUE */
+		display: block;
+		/* #endif */
+		font-weight: normal;
+		font-size: 28rpx;
+		color: #999;
+		/* #ifdef APP-NVUE */
+		lines: 1;
+		/* #endif */
+		padding-left: 24rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-index-list/fui-index-list.vue b/components/firstui/fui-index-list/fui-index-list.vue
new file mode 100644
index 0000000..c99521b
--- /dev/null
+++ b/components/firstui/fui-index-list/fui-index-list.vue
@@ -0,0 +1,649 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：   18  6140 7 2 54  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-index__list" ref="fui_index_list" id="fui_index_list">
+		<!-- #ifdef APP-NVUE -->
+		<list class="fui-index__list-sv" scrollable="true" show-scrollbar="false">
+			<cell>
+				<slot></slot>
+			</cell>
+
+			<!-- #ifdef VUE2 -->
+			<template v-for="(list, idx) in lists">
+				<!-- #endif -->
+				<!-- #ifdef VUE3 -->
+				<template v-for="(list, idx) in lists" :key="list.key">
+					<!-- #endif -->
+					<header :ref="'fui_il_letter_' + idx">
+						<view class="fui-index__list-letter" :class="{'fui-il__key-bg':!background}"
+							:style="{background:background}">
+							<text class="fui-il__letter-text"
+								:style="{color:color}">{{list.descr || list.letter}}</text>
+						</view>
+					</header>
+					<!-- #ifdef VUE2 -->
+					<cell :key="list.key">
+						<!-- #endif -->
+						<!-- #ifdef VUE3 -->
+						<cell>
+							<!-- #endif -->
+							<!-- #endif -->
+							<!-- #ifndef APP-NVUE -->
+							<scroll-view class="fui-index__list-sv" scroll-y :scroll-into-view="scrollViewId">
+								<slot></slot>
+								<view :id="'fui_il_letter_'+idx" v-for="(list, idx) in lists" :key="list.key">
+									<view class="fui-index__list-letter" :class="{'fui-il__key-bg':!background}"
+										:style="{background:background}">
+										<text class="fui-il__letter-text"
+											:style="{color:color}">{{list.descr || list.letter}}</text>
+									</view>
+									<!-- #endif -->
+									<!-- 解构插槽 item项样式内容自定义 -->
+									<view v-if="custom">
+										<view v-for="(model,index) in list.data" :key="index" @tap="onTap(idx,index)">
+											<slot name="item" :model="model" :idx="idx" :index="index"
+												:last="list.data.length-1===index" :isSelect="isSelect" :isSrc="isSrc"
+												:subRight="subRight"></slot>
+										</view>
+									</view>
+									<view v-else>
+										<f-index-list-item @itemClick="onClick" :model="model" :idx="idx" :index="index"
+											:last="list.data.length-1===index" :isSelect="isSelect"
+											:borderColor="borderColor" :selectedColor="selectedColor" :isSrc="isSrc"
+											:subRight="subRight" v-for="(model,index) in list.data" :key="index">
+										</f-index-list-item>
+									</view>
+									<!-- #ifndef APP-NVUE -->
+								</view>
+								<slot name="footer"></slot>
+							</scroll-view>
+							<!-- #endif -->
+							<!-- #ifdef APP-NVUE -->
+						</cell>
+				</template>
+				<cell>
+					<slot name="footer"></slot>
+				</cell>
+		</list>
+		<!-- #endif -->
+		<!-- #ifndef VUE3 -->
+		<view class="fui-il__indicator" :class="{'fui-il__nvue-android':nvueAndroid}"
+			:style="{ top: indicators[touchmoveIndex] + 'px' }" v-if="touching && touchmoveIndex!==-1">
+			<view class="fui-il__indicator-after"></view>
+			<text class="fui-il__indicator-text">{{ lists[touchmoveIndex] && lists[touchmoveIndex].letter }}</text>
+		</view>
+		<!-- #endif -->
+
+		<!-- #ifdef VUE3 -->
+		<!-- #ifndef APP-NVUE -->
+		<view class="fui-il__indicator" :class="{'fui-il__nvue-android':nvueAndroid}"
+			:style="{ top: indicators[touchmoveIndex] + 'px' }" v-if="touching && touchmoveIndex!==-1">
+			<view class="fui-il__indicator-after"></view>
+			<text class="fui-il__indicator-text">{{ lists[touchmoveIndex] && lists[touchmoveIndex].letter }}</text>
+		</view>
+		<!-- #endif -->
+
+		<!-- #ifdef APP-NVUE -->
+		<view class="fui-il__indicator" :class="{'fui-il__nvue-android':nvueAndroid}"
+			:style="{ top: idtHeight/2 + 'px' }" v-if="touching && touchmoveIndex!==-1">
+			<view class="fui-il__indicator-after"></view>
+			<text class="fui-il__indicator-text">{{ lists[touchmoveIndex] && lists[touchmoveIndex].letter }}</text>
+		</view>
+		<!-- #endif -->
+
+		<!-- #endif -->
+
+		<view class="fui-index__letter" :style="styles" @touchstart="touchStart" @touchmove.stop.prevent="touchMove"
+			@touchend="touchEnd" @mousedown.stop="mousedown" @mousemove.stop.prevent="mousemove"
+			@mouseleave.stop="mouseleave" v-if="!isNvue || styles">
+			<view class="fui-letter__item" v-for="(item, i) in lists" :key="i">
+				<!-- @tap="letterTap(i)" -->
+				<text class="fui-letter__key" :class="{'fui-il__key-color':i === touchmoveIndex && !activeBackground}"
+					:style="{ background: i === touchmoveIndex ? getActiveBgColor : 'transparent', color: i === touchmoveIndex? activeColor : keyColor }">{{ item.letter }}</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const dom = weex.requireModule('dom');
+	// #endif
+	import fIndexListItem from './f-index-list-item.vue'
+	// #ifdef APP-PLUS
+	function throttle(func, delay) {
+		var prev = Date.now();
+		return function() {
+			var context = this;
+			var args = arguments;
+			var now = Date.now();
+			if (now - prev >= delay) {
+				func.apply(context, args);
+				prev = Date.now();
+			}
+		}
+	}
+
+	function touchMove(e) {
+		let pageY = e.touches[0].pageY
+		let index = this.getIndex(pageY - this.winOffsetY)
+		if (this.touchmoveIndex === index) {
+			return false
+		}
+		let item = this.lists[index]
+		if (item) {
+			// #ifndef APP-NVUE
+			this.scrollViewId = `fui_il_letter_${index}`
+			this.touchmoveIndex = index
+			// #endif
+			// #ifdef APP-NVUE
+			dom.scrollToElement(this.$refs[`fui_il_letter_${index}`][0], {
+				animated: false
+			})
+			this.touchmoveIndex = index
+			// #endif
+		}
+	}
+	const throttleTouchMove = throttle(touchMove, 40)
+	// #endif
+	export default {
+		name: 'fui-index-list',
+		emits: ['click', 'init'],
+		components: {
+			fIndexListItem
+		},
+		props: {
+			//列表数据
+			listData: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			height: {
+				type: [Number, String],
+				default: 64
+			},
+			color: {
+				type: String,
+				default: '#181818'
+			},
+			// #ifdef APP-NVUE
+			background: {
+				type: String,
+				default: '#F1F4FA'
+			},
+			// #endif
+			// #ifndef APP-NVUE
+			background: {
+				type: String,
+				default: ''
+			},
+			// #endif
+			keyColor: {
+				type: String,
+				default: '#7F7F7F'
+			},
+			activeColor: {
+				type: String,
+				default: '#FFFFFF'
+			},
+			activeBackground: {
+				type: String,
+				default: ''
+			},
+			isSelect: {
+				type: Boolean,
+				default: false
+			},
+			//checkbox未选中时边框颜色
+			borderColor: {
+				type: String,
+				default: '#ccc'
+			},
+			selectedColor: {
+				type: String,
+				default: ''
+			},
+			//是否显示图片
+			isSrc: {
+				type: Boolean,
+				default: false
+			},
+			//次要内容是否居右侧
+			subRight: {
+				type: Boolean,
+				default: true
+			},
+			custom: {
+				type: Boolean,
+				default: false
+			},
+			//H5端使用，是否使用了默认导航栏，默认44px
+			isHeader: {
+				type: Boolean,
+				default: false
+			}
+		},
+		watch: {
+			listData(val) {
+				this.initData()
+			}
+		},
+		computed: {
+			getActiveBgColor() {
+				let color = this.activeBackground;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+
+				return color;
+			}
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				lists: [],
+				idtHeight: 0,
+				winOffsetY: 0,
+				winHeight: 0,
+				styles: '',
+				indicators: [],
+				top: -1,
+				start: 0,
+				touching: false,
+				touchmoveIndex: -1,
+				scrollViewId: '',
+				touchmovable: true,
+				loaded: false,
+				isPC: false,
+				nvueAndroid: false,
+				isNvue: isNvue
+			};
+		},
+		mounted() {
+			// #ifdef APP-NVUE
+			const res = uni.getSystemInfoSync();
+			if (res.platform.toLocaleLowerCase() == 'android') {
+				this.nvueAndroid = true;
+			}
+			// #endif
+
+			// #ifdef H5
+			this.isPC = this.IsPC()
+			// #endif
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this.initData()
+				}, 50)
+			})
+		},
+		methods: {
+			getIndex(y) {
+				let index = -1;
+				// #ifdef H5
+				if (this.isHeader) {
+					y += 44
+				}
+				// #endif
+				// #ifdef APP-NVUE
+				if (this.nvueAndroid) {
+					index = Math.floor(y / uni.upx2px(40))
+				} else {
+					index = Math.floor((y - this.start) / uni.upx2px(40))
+				}
+				// #endif
+
+				// #ifndef APP-NVUE
+				// if (y > this.start && y < this.start + uni.upx2px(this.idtHeight)) {}
+				index = Math.floor((y - this.start) / uni.upx2px(40))
+				// #endif
+				return index
+			},
+			initData() {
+				this.lists = []
+				let height = 0;
+				let lists = [];
+				let tempArr = [...(this.listData || [])]
+				for (let i = 0, len = tempArr.length; i < len; i++) {
+					let model = tempArr[i]
+					if (!model.data || model.data.length === 0) {
+						continue;
+					}
+					height += 40;
+					model.originalIndex = i;
+					model.key = `fui_key_${Math.ceil(Math.random() * 10e5).toString(36)}`
+					lists.push(model)
+				}
+				this.idtHeight = height;
+				this.styles = `height:${height}rpx;`;
+				//nvue vue3 rpx 失效
+				// #ifdef APP-NVUE
+				// #ifdef VUE3
+				this.idtHeight = uni.upx2px(height)
+				this.styles = `height:${this.idtHeight}px;`;
+				// #endif
+				// #endif
+				this.lists = lists;
+				// #ifndef APP-NVUE
+				uni.createSelectorQuery()
+					// #ifndef MP-ALIPAY
+					.in(this)
+					// #endif
+					.select('#fui_index_list')
+					.boundingClientRect()
+					.exec(ret => {
+						this.winOffsetY = ret[0].top
+						this.winHeight = ret[0].height
+						this.setStyles()
+					})
+				// #endif
+				// #ifdef APP-NVUE
+				dom.getComponentRect(this.$refs['fui_index_list'], (res) => {
+					this.winOffsetY = res.size.top
+					this.winHeight = res.size.height
+					this.setStyles()
+				})
+				// #endif
+				this.$nextTick(() => {
+					this.$emit('init')
+				})
+			},
+			setStyles() {
+				this.indicators = []
+
+				this.styles =
+					`height:${this.idtHeight}rpx;top:${this.winHeight / 2}px;-webkit-transform: translateY(-${this.idtHeight/2}rpx);transform: translateY(-${this.idtHeight/2}rpx)`
+				// #ifdef APP-NVUE
+				// #ifdef VUE3
+				this.styles =
+					`height:${this.idtHeight}px;top:${this.winHeight / 2}px;-webkit-transform: translateY(-${this.idtHeight/2}px);transform: translateY(-${this.idtHeight/2}px)`
+				// #endif
+				// #endif
+				let start = this.winHeight / 2 - uni.upx2px(this.idtHeight) / 2
+				this.start = start;
+				this.lists.forEach((item, index) => {
+					//20为40的一半，50为100的一半
+					const top = start + uni.upx2px(index * 40 + 20 - 50)
+					this.indicators.push(top)
+				})
+			},
+			startEmits(idx, index) {
+				let item = this.lists[idx]
+				let data = item.data[index] || {}
+				this.$emit('click', {
+					index: item.originalIndex,
+					letter: item.letter,
+					subIndex: index,
+					...data
+				})
+			},
+			onTap(idx, index) {
+				this.startEmits(idx, index)
+			},
+			// #ifdef H5
+			IsPC() {
+				var userAgentInfo = navigator.userAgent;
+				var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
+				var flag = true;
+				for (let v = 0; v < Agents.length - 1; v++) {
+					if (userAgentInfo.indexOf(Agents[v]) > 0) {
+						flag = false;
+						break;
+					}
+				}
+				return flag;
+			},
+			// #endif
+			onClick(e) {
+				const {
+					idx,
+					index
+				} = e;
+				this.startEmits(idx, index)
+			},
+			touchStart(e) {
+				this.touching = true
+				let pageY = this.isPC ? e.pageY : e.touches[0].pageY
+				let index = this.getIndex(pageY - this.winOffsetY)
+				let item = this.lists[index]
+				if (item) {
+					this.scrollViewId = `fui_il_letter_${index}`
+					this.touchmoveIndex = index
+					// #ifdef APP-NVUE
+					dom.scrollToElement(this.$refs[`fui_il_letter_${index}`][0], {
+						animated: false
+					})
+					// #endif
+				}
+			},
+			touchMove(e) {
+				// #ifndef APP-PLUS
+				let pageY = this.isPC ? e.pageY : e.touches[0].pageY
+				let index = this.getIndex(pageY - this.winOffsetY)
+				if (this.touchmoveIndex === index) return false;
+				let item = this.lists[index]
+				if (item) {
+					this.scrollViewId = `fui_il_letter_${index}`
+					this.touchmoveIndex = index
+				}
+				// #endif
+				// #ifdef APP-PLUS
+				throttleTouchMove.call(this, e)
+				// #endif
+			},
+			touchEnd() {
+				this.touching = false
+				this.touchmoveIndex = -1
+			},
+			mousedown(e) {
+				if (!this.isPC) return
+				this.touchStart(e)
+			},
+			mousemove(e) {
+				if (!this.isPC) return
+				this.touchMove(e)
+			},
+			mouseleave(e) {
+				if (!this.isPC) return
+				this.touchEnd(e)
+			}
+			//开发工具中移动端如果touch事件失效，请检查开发工具或者真机调试
+			// letterTap(index) {
+			// #ifdef H5
+			// if (this.touching) return;
+			// let item = this.lists[index]
+			// if (item) {
+			// 	this.scrollViewId = `fui_il_letter_${index}`
+			// 	this.touchmoveIndex = index
+			// }
+			// this.touchEnd()
+			// #endif
+			// }
+		}
+	};
+</script>
+
+<style scoped>
+	.fui-index__list {
+		position: absolute;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+	}
+
+	.fui-index__list-sv {
+		flex: 1;
+	}
+
+	.fui-index__list-letter {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		box-sizing: border-box;
+		display: flex;
+		position: sticky;
+		top: 0;
+		left: 0;
+		right: 0;
+		z-index: 10;
+		/* #endif */
+		flex: 1;
+		padding: 0 32rpx;
+		height: 64rpx;
+		line-height: 64rpx;
+		flex-direction: row;
+		align-items: center;
+
+		/* #ifdef APP-NVUE */
+		border-top-style: solid;
+		border-top-width: 0.5px;
+		border-top-color: #eee;
+		border-bottom-style: solid;
+		border-bottom-width: 0.5px;
+		border-bottom-color: #eee;
+		/* #endif */
+	}
+
+	.fui-il__letter-text {
+		font-size: 28rpx;
+		font-weight: 600;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-index__list-letter::before {
+		content: " ";
+		position: absolute;
+		top: 0;
+		right: 0;
+		left: 0;
+		border-top: 1px solid var(--fui-color-border, #EEEEEE);
+		-webkit-transform: scaleY(0.5) translateZ(0);
+		transform: scaleY(0.5) translateZ(0);
+		transform-origin: 0 0;
+		z-index: 2;
+		pointer-events: none;
+	}
+
+	.fui-index__list-letter::after {
+		content: '';
+		position: absolute;
+		border-bottom: 1px solid var(--fui-color-border, #EEEEEE);
+		-webkit-transform: scaleY(0.5) translateZ(0);
+		transform: scaleY(0.5) translateZ(0);
+		transform-origin: 0 100%;
+		bottom: 0;
+		right: 0;
+		left: 0;
+	}
+
+	/* #endif */
+	.fui-index__letter {
+		position: fixed;
+		right: 0;
+		text-align: center;
+		z-index: 10;
+		/* #ifndef APP-NVUE */
+		top: 50%;
+		transform: translateY(-50%);
+		display: flex;
+		/* #endif */
+		flex-direction: column;
+	}
+
+	.fui-letter__item {
+		flex: 1;
+		padding: 0 8rpx;
+		font-weight: bold;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+	}
+
+	.fui-letter__key {
+		width: 40rpx;
+		height: 40rpx;
+		font-size: 26rpx;
+		transform: scale(0.8);
+		transform-origin: center center;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		border-radius: 50%;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		border-radius: 40rpx;
+		line-height: 40rpx;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-il__indicator {
+		position: fixed;
+		width: 100rpx;
+		height: 100rpx;
+		z-index: 999;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		justify-content: center;
+		align-items: center;
+		border-radius: 10rpx;
+		right: 100rpx;
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-il__nvue-android {
+		width: 128rpx !important;
+		padding-right: 28rpx;
+		right: 72rpx !important;
+	}
+
+	/* #endif */
+
+	.fui-il__indicator-text {
+		text-align: center;
+		color: #ffffff;
+		font-size: 60rpx;
+		font-weight: bold;
+	}
+
+	.fui-il__indicator-after {
+		width: 100rpx;
+		position: absolute;
+		top: 0;
+		right: 0;
+		left: 0;
+		bottom: 0;
+		z-index: -1;
+		border-radius: 100rpx 0 100rpx 100rpx;
+		background: #c9c9c9;
+		transform: rotate(45deg);
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-il__key-color {
+		background: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-il__key-bg {
+		background: var(--fui-bg-color-grey, #F1F4FA) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-input-number/fui-input-number.vue b/components/firstui/fui-input-number/fui-input-number.vue
new file mode 100644
index 0000000..8eb2939
--- /dev/null
+++ b/components/firstui/fui-input-number/fui-input-number.vue
@@ -0,0 +1,326 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1    86 14 0 725 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-input__number">
+		<view class="fui-number__minus" :class="[disabled || min >= inputValue ? 'fui-number__disabled' : '']"
+			@tap="minus" :style="{ minHeight:getMinHeight }">
+			<view class="fui-minus__sign" :style="{backgroundColor:signColor,width:signWidth+'rpx'}" v-if="!custom">
+			</view>
+			<slot></slot>
+		</view>
+		<input :type="type" v-model="inputValue" :disabled="disabled" @blur="blur" class="fui-number__input"
+			:style="{ color: color, fontSize: size + 'rpx', backgroundColor: backgroundColor, height: height + 'rpx', minHeight: height + 'rpx', width: width + 'rpx',borderRadius:radius+'rpx',marginLeft:margin+'rpx',marginRight:margin+'rpx' }" />
+		<view class="fui-number__plus" :style="{minWidth:signWidth+'rpx',minHeight:signWidth+'rpx'}"
+			:class="[disabled || inputValue >= max ? 'fui-number__disabled' : '']" @tap="plus">
+			<view class="fui-plus__sign-col"
+				:style="{height:signWidth+'rpx',backgroundColor:signColor,left:isNvue?(signWidth/2+'rpx'):'50%'}"
+				v-if="!custom">
+			</view>
+			<view class="fui-plus__sign-row" :style="{width:signWidth+'rpx',backgroundColor:signColor}" v-if="!custom">
+			</view>
+			<slot name="plus"></slot>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'fui-input-number',
+		emits: ['change', 'update:modelValue', 'input', 'blur'],
+		props: {
+			// #ifndef VUE3
+			value: {
+				type: [Number, String],
+				default: 1
+			},
+			// #endif
+			// #ifdef VUE3
+			modelValue: {
+				type: [Number, String],
+				default: 1
+			},
+			// #endif
+			//number、text（主要用与输入负号）
+			type: {
+				type: String,
+				default: 'number'
+			},
+			//最小值
+			min: {
+				type: Number,
+				default: 1
+			},
+			//最大值
+			max: {
+				type: Number,
+				default: 99
+			},
+			//每次点击改变的间隔大小
+			step: {
+				type: Number,
+				default: 1
+			},
+			//是否禁用操作
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+			//加减号宽度，单位rpx
+			signWidth: {
+				type: [Number, String],
+				default: 24
+			},
+			//加减号颜色
+			signColor: {
+				type: String,
+				default: '#181818'
+			},
+			//input高度，单位rpx
+			height: {
+				type: [Number, String],
+				default: 40
+			},
+			//input宽度，单位rpx
+			width: {
+				type: [Number, String],
+				default: 80
+			},
+			//input圆角，单位rpx
+			radius: {
+				type: [Number, String],
+				default: 8
+			},
+			size: {
+				type: Number,
+				default: 26
+			},
+			//input 背景颜色
+			backgroundColor: {
+				type: String,
+				default: '#EEEEEE'
+			},
+			//input 字体颜色
+			color: {
+				type: String,
+				default: '#181818'
+			},
+			//输入框margin-left，margin-right值
+			margin: {
+				type: [Number, String],
+				default: 16
+			},
+			//是否自定义加减号，为true则去除默认加减号，使用插槽自定义
+			custom: {
+				type: Boolean,
+				default: false
+			},
+			//索引值，列表中使用
+			index: {
+				type: [Number, String],
+				default: 0
+			},
+			//自定义参数
+			params: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		created() {
+			// #ifndef VUE3
+			this.inputValue = this.getValue(this.value);
+			// #endif
+
+			// #ifdef VUE3
+			this.inputValue = this.getValue(this.modelValue);
+			// #endif
+		},
+		computed: {
+			getMinHeight() {
+				return (Number(this.height) - 8) + 'rpx'
+			}
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				inputValue: 0,
+				oldValue: 0,
+				isNvue: isNvue
+			};
+		},
+		watch: {
+			// #ifndef VUE3
+			value(val) {
+				this.inputValue = this.getValue(val);
+			},
+			// #endif
+			// #ifdef VUE3
+			modelValue(val) {
+				this.inputValue = this.getValue(val);
+			},
+			// #endif
+			inputValue(newVal, oldVal) {
+				if (!isNaN(Number(newVal)) && Number(newVal) !== Number(oldVal)) {
+					const val = this.getValue(+newVal)
+					this.oldValue = val
+					this.$emit("change", {
+						value: val,
+						index: this.index,
+						params: this.params
+					});
+					// TODO vue2 兼容
+					this.$emit("input", val);
+					// TODO vue3 兼容
+					// #ifdef VUE3
+					this.$emit("update:modelValue", +val);
+					// #endif
+				}
+			}
+		},
+		methods: {
+			getScale(val, step) {
+				let scale = 1;
+				let scaleVal = 1;
+				//浮点型
+				if (!Number.isInteger(step)) {
+					scale = Math.pow(10, (step + '').split('.')[1].length);
+				}
+				if (!Number.isInteger(val)) {
+					scaleVal = Math.pow(10, (val + '').split('.')[1].length);
+				}
+				return Math.max(scale, scaleVal);
+			},
+			getValue(val) {
+				val = Number(val)
+				if (val < this.min) {
+					val = this.min
+				} else if (val > this.max) {
+					val = this.max
+				}
+				return val
+			},
+			calcNum: function(type) {
+				if (this.disabled || (this.inputValue == this.min && type === 'reduce') || (this.inputValue == this
+						.max && type === 'plus')) return;
+				const scale = this.getScale(Number(this.inputValue), Number(this.step));
+				let num = Number(this.inputValue) * scale;
+				let step = this.step * scale;
+				if (type === 'reduce') {
+					num -= step;
+				} else if (type === 'plus') {
+					num += step;
+				}
+				let value = Number((num / scale).toFixed(String(scale).length - 1));
+				if (value < this.min) {
+					value = this.min;
+				} else if (value > this.max) {
+					value = this.max;
+				}
+				this.inputValue = String(value);
+			},
+			plus: function() {
+				this.calcNum('plus');
+			},
+			minus: function() {
+				this.calcNum('reduce');
+			},
+			blur: function(e) {
+				let value = e.detail.value;
+				if (value && !isNaN(Number(value))) {
+					if (~value.indexOf('.') && Number.isInteger(this.step) && Number.isInteger(Number(value))) {
+						value = value.split('.')[0];
+					}
+					value = this.getValue(value)
+				} else {
+					value = this.oldValue;
+				}
+				setTimeout(() => {
+					e.detail.value = value
+					this.$emit('blur', e)
+					this.inputValue = value;
+				}, this.type === 'text' ? 100 : 0)
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	.fui-input__number {
+		/* #ifndef APP-NVUE */
+		display: inline-flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+	}
+
+	.fui-number__minus {
+		position: relative;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-minus__sign {
+		height: 2px;
+		border-radius: 2px;
+	}
+
+	.fui-number__plus {
+		position: relative;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-plus__sign-col {
+		position: absolute;
+		top: 0;
+		/* #ifdef APP-NVUE */
+		transform: translateX(-1px);
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		transform: translateX(-50%);
+		/* #endif */
+		width: 2px;
+		border-radius: 2px;
+	}
+
+	.fui-plus__sign-row {
+		height: 2px;
+		border-radius: 2px;
+	}
+
+	.fui-number__input {
+		text-align: center;
+		font-weight: 500;
+		border-width: 0;
+		/* #ifdef H5 */
+		outline: none;
+		/* #endif */
+	}
+
+	/* #ifdef H5 */
+	::-webkit-inner-spin-button,
+	::-webkit-outer-spin-button{
+		-webkit-appearance: none;
+		margin: 0;
+	}
+	/* #endif */
+
+	.fui-number__disabled {
+		opacity: 0.6;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-input/fui-input.vue b/components/firstui/fui-input/fui-input.vue
new file mode 100644
index 0000000..1d11d97
--- /dev/null
+++ b/components/firstui/fui-input/fui-input.vue
@@ -0,0 +1,716 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：    1  86 1 40  72549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-input__wrap" :class="{'fui-input__border-nvue':inputBorder}"
+		:style="{paddingTop:padding[0] || 0,paddingRight:padding[1] || 0,paddingBottom:padding[2] || padding[0] || 0,paddingLeft:padding[3] || padding[1] || 0,background:backgroundColor,marginTop:marginTop+'rpx',borderRadius:getRadius,borderColor:borderColor}"
+		@tap="fieldClick">
+		<view v-if="borderTop && !inputBorder" :style="{background:borderColor,left:topLeft+'rpx',right:topRight+'rpx'}"
+			class="fui-input__border-top" :class="{'fui-input__background':!borderColor}">
+		</view>
+		<!-- #ifndef APP-NVUE -->
+		<view class="fui-input__border" :class="{'fui-input__bordercolor':!borderColor}"
+			:style="{borderRadius:getBorderRadius,borderColor:borderColor}" v-if="inputBorder"></view>
+		<!-- #endif -->
+		<!-- #ifdef APP-NVUE -->
+		<view class="fui-input__required" v-if="required">
+			<text :style="{color:requiredColor || dangerColor}" class="fui-form__asterisk-text">*</text>
+		</view>
+		<!-- #endif -->
+		<!-- #ifndef APP-NVUE -->
+		<view class="fui-input__required" :style="{color:requiredColor || dangerColor}" v-if="required">*</view>
+		<!-- #endif -->
+		<view class="fui-input__label" :style="{minWidth:labelWidth+'rpx'}" v-if="label">
+			<text :style="{fontSize:getLabelSize,color:labelColor}">{{label}}</text>
+		</view>
+		<slot name="left"></slot>
+		<!-- #ifndef APP-NVUE -->
+		<input class="fui-input__self" :class="{'fui-input__text-right':textRight}"
+			:style="{fontSize:getSize,color:color}" placeholder-class="fui-input__placeholder" :type="type" :name="name"
+			:value="val" :placeholder="placeholder" :password="password || type === 'password' || null"
+			:placeholder-style="placeholderStyl" :disabled="disabled || readonly" :cursor-spacing="cursorSpacing"
+			:maxlength="maxlength" :focus="focused" :confirm-type="confirmType" :confirm-hold="confirmHold"
+			:cursor="cursor" :selection-start="selectionStart" :selection-end="selectionEnd"
+			:adjust-position="adjustPosition" :hold-keyboard="holdKeyboard" :auto-blur="autoBlur" :enableNative="false"
+			:always-embed="alwaysEmbed" @focus="onFocus" @blur="onBlur" @input="onInput" @confirm="onConfirm"
+			@keyboardheightchange="onKeyboardheightchange" />
+		<!-- #endif -->
+		<!-- #ifdef APP-NVUE -->
+		<view class="fui-input__self-wrap">
+			<input ref="fuiInput" class="fui-input__self" :class="{'fui-input__text-right':textRight}"
+				:style="{fontSize:getSize,color:color}" placeholder-class="fui-input__placeholder" :type="type"
+				:name="name" :value="val" :placeholder="placeholder" :password="password || type === 'password'"
+				:placeholder-style="placeholderStyl" :disabled="disabled || readonly" :cursor-spacing="cursorSpacing"
+				:maxlength="maxlength" :focus="focused" :confirm-type="confirmType" :confirm-hold="confirmHold"
+				:cursor="cursor" :selection-start="selectionStart" :selection-end="selectionEnd"
+				:adjust-position="adjustPosition" :hold-keyboard="holdKeyboard" :auto-blur="autoBlur"
+				:enableNative="false" :always-embed="alwaysEmbed" @focus="onFocus" @blur="onBlur" @input="onInput"
+				@confirm="onConfirm" @keyboardheightchange="onKeyboardheightchange" />
+			<view class="fui-input__cover" v-if="disabled || readonly" @tap="fieldClickAndroid"></view>
+		</view>
+		<!-- #endif -->
+		<view class="fui-input__clear-wrap" :style="{background:clearColor}" v-if="clearable && val != ''"
+			@tap.stop="onClear">
+			<view class="fui-input__clear">
+				<view class="fui-input__clear-a"></view>
+			</view>
+			<view class="fui-input__clear">
+				<view class="fui-input__clear-b"></view>
+			</view>
+		</view>
+		<slot></slot>
+		<view v-if="borderBottom  && !inputBorder"
+			:style="{background:borderColor,left:bottomLeft+'rpx',right:bottomRight+'rpx'}"
+			class="fui-input__border-bottom" :class="{'fui-input__background':!borderColor}"></view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-input",
+		emits: ['input', 'update:modelValue', 'focus', 'blur', 'confirm', 'click', 'keyboardheightchange'],
+		// #ifdef MP-WEIXIN
+		//加group是为了避免在表单中使用时给组件加value属性
+		behaviors: ['wx://form-field-group'],
+		// #endif
+		// #ifdef MP-BAIDU || MP-QQ || H5
+		//如果在这些平台不需要也能识别，则删除
+		behaviors: ['uni://form-field'],
+		// #endif
+		// #ifdef MP-WEIXIN
+		options: {
+			addGlobalClass: true,
+			virtualHost: true
+		},
+		// #endif
+		props: {
+			//是否为必填项
+			required: {
+				type: Boolean,
+				default: false
+			},
+			requiredColor: {
+				type: String,
+				default: ''
+			},
+			//左侧标题
+			label: {
+				type: String,
+				default: ''
+			},
+			//标题字体大小
+			labelSize: {
+				type: [Number, String],
+				default: 0
+			},
+			labelColor: {
+				type: String,
+				default: '#333'
+			},
+			//label 最小宽度 rpx
+			labelWidth: {
+				type: [Number, String],
+				default: 140
+			},
+			clearable: {
+				type: Boolean,
+				default: false
+			},
+			clearColor: {
+				type: String,
+				default: '#CCCCCC'
+			},
+			//获取焦点
+			focus: {
+				type: Boolean,
+				default: false
+			},
+			placeholder: {
+				type: String,
+				default: ''
+			},
+			placeholderStyle: {
+				type: String,
+				default: ''
+			},
+			//输入框名称
+			name: {
+				type: String,
+				default: ''
+			},
+			//输入框值 vue2
+			value: {
+				type: [Number, String],
+				default: ''
+			},
+			// #ifdef VUE3
+			//输入框值
+			modelValue: {
+				type: [Number, String],
+				default: ''
+			},
+			// #endif
+			//vue3
+			modelModifiers: {
+				default: () => ({})
+			},
+			//兼容写法，type为text时也做Number处理，NaN时返回原值
+			number: {
+				type: Boolean,
+				default: false
+			},
+			//与官方input type属性一致
+			type: {
+				type: String,
+				default: 'text'
+			},
+			password: {
+				type: Boolean,
+				default: false
+			},
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+			readonly: {
+				type: Boolean,
+				default: false
+			},
+			maxlength: {
+				type: [Number, String],
+				default: 140
+			},
+			min: {
+				type: [Number, String],
+				default: 'NaN'
+			},
+			max: {
+				type: [Number, String],
+				default: 'NaN'
+			},
+			cursorSpacing: {
+				type: Number,
+				default: 0,
+			},
+			confirmType: {
+				type: String,
+				default: 'done'
+			},
+			confirmHold: {
+				type: Boolean,
+				default: false,
+			},
+			cursor: {
+				type: Number,
+				default: -1
+			},
+			selectionStart: {
+				type: Number,
+				default: -1
+			},
+			selectionEnd: {
+				type: Number,
+				default: -1
+			},
+			adjustPosition: {
+				type: Boolean,
+				default: true
+			},
+			holdKeyboard: {
+				type: Boolean,
+				default: false
+			},
+			autoBlur: {
+				type: Boolean,
+				default: false
+			},
+			alwaysEmbed: {
+				type: Boolean,
+				default: false
+			},
+			size: {
+				type: [Number, String],
+				default: 0
+			},
+			color: {
+				type: String,
+				default: '#333'
+			},
+			inputBorder: {
+				type: Boolean,
+				default: false
+			},
+			isFillet: {
+				type: Boolean,
+				default: false
+			},
+			radius: {
+				type: [Number, String],
+				default: 8
+			},
+			borderTop: {
+				type: Boolean,
+				default: false
+			},
+			topLeft: {
+				type: [Number, String],
+				default: 0
+			},
+			topRight: {
+				type: [Number, String],
+				default: 0
+			},
+			borderBottom: {
+				type: Boolean,
+				default: true
+			},
+			bottomLeft: {
+				type: [Number, String],
+				default: 32
+			},
+			bottomRight: {
+				type: [Number, String],
+				default: 0
+			},
+			// #ifdef APP-NVUE
+			borderColor: {
+				type: String,
+				default: '#EEEEEE'
+			},
+			// #endif
+			// #ifndef APP-NVUE
+			borderColor: {
+				type: String,
+				default: ''
+			},
+			// #endif
+			trim: {
+				type: Boolean,
+				default: true
+			},
+			textRight: {
+				type: Boolean,
+				default: false
+			},
+			padding: {
+				type: Array,
+				default () {
+					return ['28rpx', '32rpx']
+				}
+			},
+			backgroundColor: {
+				type: String,
+				default: '#FFFFFF'
+			},
+			marginTop: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		data() {
+			return {
+				placeholderStyl: '',
+				focused: false,
+				val: ''
+			}
+		},
+		computed: {
+			getRadius() {
+				let radius = this.radius + 'rpx'
+				if (this.isFillet) {
+					radius = '120px'
+				}
+				return radius;
+			},
+			getBorderRadius() {
+				let radius = Number(this.radius) * 2 + 'rpx'
+				if (this.isFillet) {
+					radius = '240px'
+				}
+				return radius;
+			},
+			getSize() {
+				const size = (uni.$fui && uni.$fui.fuiInput && uni.$fui.fuiInput.size) || 32
+				return `${this.size || size}rpx`
+			},
+			getLabelSize() {
+				const labelSize = (uni.$fui && uni.$fui.fuiInput && uni.$fui.fuiInput.labelSize) || 32
+				return `${this.labelSize || labelSize}rpx`
+			},
+			dangerColor() {
+				const app = uni && uni.$fui && uni.$fui.color;
+				return (app && app.danger) || '#FF2B2B';
+			}
+		},
+		watch: {
+			focus(val) {
+				this.$nextTick(() => {
+					setTimeout(() => {
+						this.focused = val
+					}, 20)
+				})
+			},
+			// #ifdef APP-NVUE
+			focused(val) {
+				if (!this.$refs.fuiInput) return;
+				this.$nextTick(() => {
+					setTimeout(() => {
+						if (val) {
+							this.$refs.fuiInput.focus()
+						} else {
+							this.$refs.fuiInput.blur()
+						}
+					}, 50)
+				})
+			},
+			// #endif
+			placeholderStyle() {
+				this.fieldPlaceholderStyle()
+			},
+			// #ifdef VUE3
+			modelValue(newVal) {
+				this.val = newVal
+			},
+			// #endif
+			value(newVal) {
+				this.val = newVal
+			}
+		},
+		created() {
+			// #ifndef VUE3
+			this.val = this.value
+			// #endif
+
+			// #ifdef VUE3
+			if (this.value && !this.modelValue) {
+				this.val = this.value
+			} else {
+				this.val = this.modelValue
+			}
+			// #endif
+
+			this.fieldPlaceholderStyle()
+		},
+		mounted() {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this.focused = this.focus
+				}, 300)
+			})
+		},
+		methods: {
+			fieldPlaceholderStyle() {
+				if (this.placeholderStyle) {
+					this.placeholderStyl = this.placeholderStyle
+				} else {
+					const _size = (uni.$fui && uni.$fui.fuiInput && uni.$fui.fuiInput.size) || 32
+					const size = uni.upx2px(this.size || _size)
+					this.placeholderStyl = `fontSize:${size}px;`
+				}
+			},
+			onInput(event) {
+				let value = event.detail.value;
+				if (this.trim) value = this.trimStr(value);
+				this.val = value;
+				const currentVal = Number(value)
+				if ((this.modelModifiers.number || this.number || this.type === 'digit' || this.type === 'number') && !
+					isNaN(currentVal) && Number.isSafeInteger(currentVal)) {
+					let eVal = this.type === 'digit' ? value : currentVal
+					if (typeof currentVal === 'number') {
+						const min = Number(this.min)
+						const max = Number(this.max)
+						if (typeof min === 'number' && currentVal < min) {
+							eVal = min
+						} else if (typeof max === 'number' && max < currentVal) {
+							eVal = max
+						}
+					}
+					value = isNaN(eVal) ? value : eVal
+				}
+				this.$nextTick(() => {
+					//当输入框为空时，输入框显示不赋值为0
+					event.detail.value !== '' && (this.val = String(value));
+				})
+				//如果为空时返回0 ，当双向绑定会将输入框赋值0
+				const inputValue = event.detail.value !== '' ? value : ''
+				// TODO　兼容　vue2
+				this.$emit('input', inputValue);
+				// TODO　兼容　vue3
+				// #ifdef VUE3
+				this.$emit('update:modelValue', inputValue)
+				// #endif
+			},
+			onFocus(event) {
+				this.$emit('focus', event);
+			},
+			onBlur(event) {
+				this.$emit('blur', event);
+			},
+			onConfirm(e) {
+				this.$emit('confirm', e);
+			},
+			onClear(event) {
+				if (this.disabled && !this.readonly) return;
+				uni.hideKeyboard()
+				this.val = '';
+				this.$emit('input', '');
+				// #ifdef VUE3
+				this.$emit('update:modelValue', '')
+				// #endif
+			},
+			fieldClick() {
+				this.$emit('click', {
+					name: this.name,
+					target: 'wrap'
+				});
+			},
+			/**
+			 * 在安卓nvue上，事件无法冒泡
+			 * 外层容器点击事件无法触发，需要单独处理
+			 */
+			fieldClickAndroid(e) {
+				//仅添加事件好像就可以实现冒泡？以下代码无需执行？
+				// const sys = uni.getSystemInfoSync()
+				// if (sys.platform.toLocaleLowerCase() == "android") {
+				// 	const formItem = this.getParent();
+				// 	//手动触发 formItem 点击事件
+				// 	formItem && formItem.handleClick();
+				// 	this.$emit('click', {
+				// 		name: this.name,
+				// 		target: 'input'
+				// 	});
+				// }
+			},
+			getParent(name = 'fui-form-item') {
+				let parent = this.$parent;
+				let parentName = parent.$options.name;
+				while (parentName !== name) {
+					parent = parent.$parent;
+					if (!parent) return false;
+					parentName = parent.$options.name;
+				}
+				return parent;
+			},
+			onKeyboardheightchange(e) {
+				this.$emit('keyboardheightchange', e.detail)
+			},
+			trimStr(str) {
+				return str.replace(/^\s+|\s+$/g, '');
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-input__wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		box-sizing: border-box;
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		flex: 1;
+		align-items: center;
+		position: relative;
+		border-width: 0;
+	}
+
+	.fui-input__border-top {
+		position: absolute;
+		top: 0;
+		/* #ifdef APP-NVUE */
+		height: 0.5px;
+		z-index: -1;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		height: 1px;
+		-webkit-transform: scaleY(0.5);
+		transform: scaleY(0.5);
+		transform-origin: 0 0;
+		z-index: 1;
+		/* #endif */
+	}
+
+	.fui-input__border-bottom {
+		position: absolute;
+		bottom: 0;
+		/* #ifdef APP-NVUE */
+		height: 0.5px;
+		z-index: -1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		height: 1px;
+		-webkit-transform: scaleY(0.5) translateZ(0);
+		transform: scaleY(0.5) translateZ(0);
+		transform-origin: 0 100%;
+		z-index: 1;
+		/* #endif */
+	}
+
+
+	.fui-input__required {
+		position: absolute;
+		left: 12rpx;
+		/* #ifndef APP-NVUE */
+		height: 30rpx;
+		top: 50%;
+		transform: translateY(-50%);
+		line-height: 1.15;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		top: 28rpx;
+		bottom: 28rpx;
+		align-items: center;
+		justify-content: center;
+		/* #endif */
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-form__asterisk-text {
+		font-size: 32rpx;
+		height: 32rpx;
+	}
+
+	/* #endif */
+	.fui-input__label {
+		padding-right: 12rpx;
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		/* #endif */
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-input__self-wrap {
+		flex: 1;
+		flex-direction: row;
+		position: relative;
+	}
+
+	.fui-input__cover {
+		position: absolute;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+	}
+
+	/* #endif */
+
+	.fui-input__self {
+		flex: 1;
+		padding-right: 12rpx;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		overflow: visible;
+		/* #endif */
+		background-color: transparent;
+	}
+
+	.fui-input__clear-wrap {
+		width: 32rpx;
+		height: 32rpx;
+		transform: rotate(45deg) scale(1.1);
+		position: relative;
+		/* #ifndef APP-NVUE */
+		border-radius: 50%;
+		flex-shrink: 0;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		border-radius: 32rpx;
+		/* #endif */
+
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+
+	}
+
+	.fui-input__clear {
+		width: 32rpx;
+		height: 32rpx;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		position: absolute;
+		left: 0;
+		top: 0;
+		transform: scale(0.5) translateZ(0);
+	}
+
+	.fui-input__clear-a {
+		width: 32rpx;
+		border: 2rpx solid #fff;
+		background-color: #fff;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+	}
+
+	.fui-input__clear-b {
+		height: 32rpx;
+		border: 2rpx solid #fff;
+		background-color: #fff;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+	}
+
+	.fui-input__placeholder {
+		/* #ifndef APP-NVUE */
+		color: var(--fui-color-minor, #ccc);
+		overflow: visible;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		color: #ccc;
+		font-size: 32rpx;
+		/* #endif */
+	}
+
+	/* #ifdef MP */
+	::v-deep .fui-input__placeholder {
+		color: var(--fui-color-minor, #ccc);
+		overflow: visible;
+	}
+
+	/* #endif */
+
+	/* #ifdef APP-NVUE */
+	.fui-input__border-nvue {
+		border-width: 0.5px;
+		border-style: solid;
+	}
+
+	/* #endif */
+
+	/* #ifndef APP-NVUE */
+	.fui-input__border {
+		position: absolute;
+		height: 200%;
+		width: 200%;
+		border: 1px solid var(--fui-color-border, #EEEEEE);
+		transform-origin: 0 0;
+		transform: scale(0.5);
+		left: 0;
+		top: 0;
+		border-radius: 16rpx;
+		pointer-events: none;
+	}
+
+	.fui-input__bordercolor {
+		border-color: var(--fui-color-border, #EEEEEE) !important;
+	}
+
+	.fui-input__background {
+		background: var(--fui-color-border, #EEEEEE) !important;
+	}
+
+	/* #endif */
+
+	.fui-input__text-right {
+		text-align: right;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-label/fui-label.vue b/components/firstui/fui-label/fui-label.vue
new file mode 100644
index 0000000..4ec7e48
--- /dev/null
+++ b/components/firstui/fui-label/fui-label.vue
@@ -0,0 +1,72 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1    861  4 0725 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-label__box" :class="{'fui-label__full':full,'fui-label__inline':inline}"
+		:style="{paddingTop:padding[0] || 0,paddingRight:padding[1] || 0,paddingBottom:padding[2] || padding[0] || 0,paddingLeft:padding[3] || padding[1] || 0,marginTop:margin[0] || 0,marginRight:margin[1] || 0,marginBottom:margin[2] || margin[0] || 0,marginLeft:margin[3] || margin[1] || 0}"
+		@tap.stop="onClick">
+		<slot></slot>
+	</view>
+</template>
+
+<script>
+	//该组件主要用于fui-radio，fui-checkbox，fui-switch组件外层，类似label功能
+	export default {
+		name: "fui-label",
+		props: {
+			//padding值：['20rpx','32rpx']->[上，右，下，左]
+			padding: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			//margin值：[上，右，下，左]
+			margin: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			full: {
+				type: Boolean,
+				default: false
+			},
+			inline: {
+				type: Boolean,
+				default: false
+			}
+		},
+		created() {
+			this.childrens = [];
+		},
+		methods: {
+			onClick() {
+				if (this.childrens && this.childrens.length > 0) {
+					for (let child of this.childrens) {
+						child.labelClick()
+					}
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-label__box {
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+	}
+
+	.fui-label__full {
+		flex: 1;
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+	}
+
+	.fui-label__inline {
+		/* #ifndef APP-NVUE */
+		display: inline-block;
+		/* #endif */
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-landscape/fui-landscape.vue b/components/firstui/fui-landscape/fui-landscape.vue
new file mode 100644
index 0000000..9f39b89
--- /dev/null
+++ b/components/firstui/fui-landscape/fui-landscape.vue
@@ -0,0 +1,246 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 86 1 4 072 5  4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-landscape__wrap"
+		:class="{'fui-landscape__fixed':!absolute,'fui-landscape__absolute':absolute,'fui-landscape__show':isShow}"
+		:style="{background:maskBackground,zIndex:zIndex}" v-if="isShow || !isNvue" @tap.stop="closeWin"
+		ref="fui_landscape_ani">
+		<view class="fui-landscape__inner">
+			<slot></slot>
+			<view class="fui-landscape__icon"
+				:class="{'fui-landscape__icon-rt':position==2,'fui-landscape__icon-def':position==3}" :style="getStyles"
+				v-if="closable">
+				<view @tap.stop="close">
+					<icon :type="type" :size="size" :color="color"></icon>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	export default {
+		name: "fui-landscape",
+		emits: ['close'],
+		props: {
+			show: {
+				type: Boolean,
+				default: false
+			},
+			closable: {
+				type: Boolean,
+				default: true
+			},
+			type: {
+				type: String,
+				default: 'cancel'
+			},
+			color: {
+				type: String,
+				default: '#fff'
+			},
+			size: {
+				type: [Number, String],
+				default: 28
+			},
+			position: {
+				type: [Number, String],
+				default: 3
+			},
+			distance: {
+				type: [Number, String],
+				default: 120
+			},
+			absolute: {
+				type: Boolean,
+				default: false
+			},
+			maskClosable: {
+				type: Boolean,
+				default: false
+			},
+			maskBackground: {
+				type: String,
+				default: 'rgba(0,0,0,.6)'
+			},
+			zIndex: {
+				type: Number,
+				default: 996
+			},
+			param: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		computed: {
+			getStyles() {
+				let distance = Math.abs(Number(this.distance))
+				let styles = `bottom: -${distance}rpx;`;
+				// #ifdef APP-NVUE
+				styles = `bottom: 0rpx;`;
+				// #endif
+				if (this.position != 3) {
+					styles = `top: -${distance}rpx;`;
+					// #ifdef APP-NVUE
+					styles = `top: 0rpx;`;
+					// #endif
+				}
+				return styles
+			}
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				isShow: false,
+				src: '',
+				text: '',
+				isNvue: isNvue
+			}
+		},
+		watch: {
+			show: {
+				handler(newVal) {
+					if (newVal) {
+						this.open();
+					} else {
+						// #ifndef APP-NVUE
+						this.isShow = false
+						// #endif
+
+						// #ifdef APP-NVUE
+						this._animation(false);
+						// #endif
+					}
+				},
+				immediate: true
+			}
+		},
+		mounted() {
+			if (this.show) {
+				this.open()
+			}
+		},
+		methods: {
+			// #ifdef APP-NVUE
+			_animation(type) {
+				if (!this.$refs['fui_landscape_ani']) return;
+				animation.transition(
+					this.$refs['fui_landscape_ani'].ref, {
+						styles: {
+							opacity: type ? 1 : 0
+						},
+						duration: 250, //ms
+						timingFunction: 'ease-in',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {
+						if (!type) {
+							this.isShow = false
+						}
+					}
+				);
+			},
+			// #endif
+			closeWin(e) {
+				if (!this.maskClosable) return;
+				this.close(e)
+			},
+			open() {
+				this.isShow = true;
+				// #ifdef APP-NVUE
+				this.$nextTick(() => {
+					setTimeout(() => {
+						this._animation(true);
+					}, 50);
+				});
+				// #endif
+			},
+			close(e) {
+				// #ifdef APP-NVUE
+				e && e.stopPropagation();
+				// #endif
+				this.$emit('close', {
+					param: this.param
+				});
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-landscape__wrap {
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		z-index: 1002;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		transition: all ease-in .25s;
+		transform: scale3d(1, 1, 0);
+		visibility: hidden;
+		/* #endif */
+		opacity: 0;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.fui-landscape__fixed {
+		position: fixed;
+	}
+
+	.fui-landscape__absolute {
+		position: absolute;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-landscape__show {
+		opacity: 1;
+		transform: scale3d(1, 1, 1);
+		visibility: visible;
+	}
+
+	/* #endif */
+
+	.fui-landscape__inner {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		flex-direction: column;
+		position: relative;
+		/* #ifdef APP-NVUE */
+		padding: 40px 0;
+		/* #endif */
+	}
+
+	.fui-landscape__icon {
+		position: absolute;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+		left: 0;
+		right: 0;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		justify-content: flex-start;
+		flex-direction: row;
+	}
+
+	.fui-landscape__icon-rt {
+		justify-content: flex-end !important;
+	}
+
+	.fui-landscape__icon-def {
+		justify-content: center !important;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-lazyload/fui-lazyload.vue b/components/firstui/fui-lazyload/fui-lazyload.vue
new file mode 100644
index 0000000..b8583cb
--- /dev/null
+++ b/components/firstui/fui-lazyload/fui-lazyload.vue
@@ -0,0 +1,232 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 86  1 4   07  25 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view @appear="handleAppear" class="fui-lazyload__wrap"
+		:style="{background:background,width:width==-1?'100%':width+'rpx',height:(height==0 || height==-1)?'auto':height+'rpx',borderRadius:radius+'rpx',marginTop:marginTop+'rpx',marginRight:marginRight+'rpx',marginBottom:marginBottom+'rpx',marginLeft:marginLeft+'rpx'}"
+		@tap="handleTap">
+		<image class="fui-lazyload__img" lazy-load :class="[visible?'fui-lazyload__visible':'fui-lazyload__hidden']"
+			:style="getStyl" :src="show?src:placeholder" :mode="(height==0 || height==-1)?'widthFix':mode" :webp="webp"
+			:draggable="draggable" @load="handleLoad" @error="handleError" :id="elId"></image>
+		<slot></slot>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-lazyload",
+		emits: ['error', 'load', 'click'],
+		// #ifdef MP-WEIXIN
+		options: {
+			virtualHost: true
+		},
+		// #endif
+		props: {
+			src: {
+				type: String,
+				default: ''
+			},
+			width: {
+				type: [String, Number],
+				default: 320
+			},
+			height: {
+				type: [String, Number],
+				default: 320
+			},
+			radius: {
+				type: [String, Number],
+				default: 0
+			},
+			placeholder: {
+				type: String,
+				default: ''
+			},
+			background: {
+				type: String,
+				default: '#EEEEEE'
+			},
+			mode: {
+				type: String,
+				default: 'widthFix'
+			},
+			webp: {
+				type: Boolean,
+				default: false
+			},
+			draggable: {
+				type: Boolean,
+				default: true
+			},
+			marginTop: {
+				type: [String, Number],
+				default: 0
+			},
+			marginRight: {
+				type: [String, Number],
+				default: 0
+			},
+			marginBottom: {
+				type: [String, Number],
+				default: 0
+			},
+			marginLeft: {
+				type: [String, Number],
+				default: 0
+			},
+			param: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		computed: {
+			getStyl() {
+				const width = this.width == -1 ? '100%' : `${this.width}rpx`;
+				let style = `width:${width};border-radius:${this.radius}rpx;`;
+				// TODO：如果有平台自适应不显示图片，auto时将写法改为height:rpx;
+				if (this.height != 0 || this.height != -1) {
+					style += `height:${this.height}rpx;`
+				}
+				return style
+			}
+		},
+		data() {
+			return {
+				show: false,
+				visible: false,
+				isMounted: false,
+				elId: `fui_lazy_${Math.ceil(Math.random() * 10e5).toString(36)}`
+			};
+		},
+		created() {
+			this.visible = this.placeholder ? true : false;
+			this.observer = null;
+		},
+		// #ifndef APP-NVUE
+		mounted() {
+			this.isMounted = true
+			setTimeout(() => {
+				// #ifdef H5
+				if (window.self === window.top) {
+					this.startObserver()
+				} else {
+					//嵌套在iframe中
+					this.handleFade()
+				}
+				// #endif
+
+				// #ifndef H5
+				this.startObserver()
+				// #endif
+			}, 50)
+		},
+		// #endif
+		// #ifdef H5
+		updated() {
+			if(!this.isMounted){
+				this.handleFade()
+			}
+		},
+		// #endif
+		// #ifndef VUE3
+		beforeDestroy() {
+			this.endObserver()
+		},
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+			this.endObserver()
+		},
+		// #endif
+		methods: {
+			handleFade() {
+				setTimeout(() => {
+					this.show = true
+				}, 200)
+				this.visible = false;
+				setTimeout(() => {
+					this.visible = true;
+				}, 500)
+			},
+			endObserver() {
+				if (this.observer) {
+					this.observer.disconnect()
+					this.observer = null;
+				}
+			},
+			startObserver() {
+				if (this.observer || this.show) return;
+				try {
+					const observer = uni.createIntersectionObserver(this)
+					observer.relativeToViewport({
+						bottom: 50
+					}).observe(`#${this.elId}`, (res) => {
+						if (res.intersectionRatio > 0 && !this.show) {
+							this.handleFade()
+							this.endObserver()
+						}
+					})
+					this.observer = observer
+				} catch (e) {
+					this.handleFade()
+					this.endObserver()
+				}
+			},
+			handleAppear(e) {
+				if (this.observer || this.show) return;
+				this.handleFade()
+			},
+			handleError(e) {
+				if (!this.show) return;
+				this.$emit('error', {
+					detail: e.detail,
+					param: this.param
+				})
+			},
+			handleLoad(e) {
+				if (!this.show) return;
+				this.$emit('load', {
+					detail: e.detail,
+					param: this.param
+				})
+			},
+			handleTap() {
+				this.$emit('click', {
+					param: this.param
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-lazyload__wrap {
+		/* #ifndef APP-NVUE */
+		display: inline-flex;
+		flex-shrink: 0;
+		/* #endif */
+		position: relative;
+	}
+
+	.fui-lazyload__img {
+		/* #ifndef APP-NVUE */
+		display: block;
+		flex-shrink: 0;
+		/* #endif */
+		transition-duration: .35s;
+		transition-property: opacity;
+		transition-timing-function: linear;
+	}
+
+	.fui-lazyload__visible {
+		/* #ifndef APP-NVUE */
+		visibility: visible;
+		/* #endif */
+		opacity: 1;
+	}
+
+	.fui-lazyload__hidden {
+		/* #ifndef APP-NVUE */
+		visibility: hidden;
+		/* #endif */
+		opacity: 0;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-license-plate/fui-license-plate.js b/components/firstui/fui-license-plate/fui-license-plate.js
new file mode 100644
index 0000000..ab7a609
--- /dev/null
+++ b/components/firstui/fui-license-plate/fui-license-plate.js
@@ -0,0 +1,128 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 86 140 725     4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export default [{
+	id: 'f_p1',
+	keys: [{
+		cn: '京',
+		en: '1'
+	}, {
+		cn: '津',
+		en: '2'
+	}, {
+		cn: '沪',
+		en: '3'
+	}, {
+		cn: '渝',
+		en: '4'
+	}, {
+		cn: '冀',
+		en: '5'
+	}, {
+		cn: '豫',
+		en: '6'
+	}, {
+		cn: '云',
+		en: '7'
+	}, {
+		cn: '辽',
+		en: '8'
+	}, {
+		cn: '黑',
+		en: '9'
+	}, {
+		cn: '湘',
+		en: '0'
+	}]
+}, {
+	id: 'f_p2',
+	keys: [{
+		cn: '皖',
+		en: 'Q'
+	}, {
+		cn: '鲁',
+		en: 'W'
+	}, {
+		cn: '新',
+		en: 'E'
+	}, {
+		cn: '苏',
+		en: 'R'
+	}, {
+		cn: '浙',
+		en: 'T'
+	}, {
+		cn: '赣',
+		en: 'Y'
+	}, {
+		cn: '鄂',
+		en: 'U'
+	}, {
+		cn: '桂',
+		en: 'I'
+	}, {
+		cn: '甘',
+		en: 'O'
+	}, {
+		cn: '晋',
+		en: 'P'
+	}]
+}, {
+	id: 'f_p3',
+	keys: [{
+		cn: '蒙',
+		en: 'A'
+	}, {
+		cn: '陕',
+		en: 'S'
+	}, {
+		cn: '吉',
+		en: 'D'
+	}, {
+		cn: '闽',
+		en: 'F'
+	}, {
+		cn: '贵',
+		en: 'G'
+	}, {
+		cn: '粤',
+		en: 'H'
+	}, {
+		cn: '青',
+		en: 'J'
+	}, {
+		cn: '藏',
+		en: 'K'
+	}, {
+		cn: '川',
+		en: 'L'
+	}, {
+		cn: '宁',
+		en: ''
+	}]
+}, {
+	id: 'f_p4',
+	keys: [{
+		cn: 'ABC',
+		en: '返回'
+	}, {
+		cn: '琼',
+		en: 'Z'
+	}, {
+		cn: '使',
+		en: 'X'
+	}, {
+		cn: '领',
+		en: 'C'
+	}, {
+		cn: '学',
+		en: 'V'
+	}, {
+		cn: '警',
+		en: 'B'
+	}, {
+		cn: '港',
+		en: 'N'
+	}, {
+		cn: '澳',
+		en: 'M'
+	}]
+}]
\ No newline at end of file
diff --git a/components/firstui/fui-license-plate/fui-license-plate.vue b/components/firstui/fui-license-plate/fui-license-plate.vue
new file mode 100644
index 0000000..80febe1
--- /dev/null
+++ b/components/firstui/fui-license-plate/fui-license-plate.vue
@@ -0,0 +1,448 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1    86 140  7  2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-license__plate-wrap"
+		:class="{'fui-license__plate__ani':show,'fui-lp__theme-light':theme==='light','fui-lp__theme-dark':theme==='dark','fui-lp__safe-weex':iphoneX && safeArea}"
+		:style="{zIndex:zIndex}" ref="fui_lp_ani">
+		<slot></slot>
+		<view v-if="toolbar" class="fui-lp__btn-wrap"
+			:class="[theme==='light'?'fui-lp__btnwrap-light':'fui-lp__btnwrap-dark']">
+			<text class="fui-lp__button" :class="{'fui-lp__button-color':!color}"
+				:style="{color:getColor,fontSize:size+'rpx',fontWeight:fontWeight}"
+				@tap.stop="onComplete">{{text}}</text>
+		</view>
+		<view class="fui-license__plate-grids">
+			<view class="fui-lp__grid-wrap" v-for="(item,index) in keyList" :key="item.id">
+				<view class="fui-lp__grid"
+					:class="{'fui-lp__grid-lg':index===3 && idx===0,'fui-lp__grid-hidden':!(type===1?val.cn:val.en)}"
+					v-for="(val,idx) in item.keys" :key="idx">
+					<text :key="theme" :style="{fontSize:`${index===3 && idx===0? 28:(type===1?32:36)}rpx`}"
+						class="fui-license__plate-key"
+						:class="{'fui-lp__key-dark':theme==='dark','fui-lp__key-light':theme!=='dark','fui-lp__highlight-dark':theme==='dark' && val,'fui-lp__highlight':theme==='light' && val}"
+						@tap.stop="keyClick(index,idx,val)">{{type===1?val.cn:val.en}}</text>
+				</view>
+				<view class="fui-lp__grid fui-lp__grid-lg" v-if="index===3">
+					<view :key="theme" class="fui-license__plate-key"
+						:class="{'fui-lp__key-dark':theme==='dark','fui-lp__key-light':theme!=='dark','fui-lp__highlight-dark':theme==='dark','fui-lp__highlight':theme==='light'}"
+						@tap.stop="backspace">
+						<fui-icon :name="name" :size="48" :color="theme==='dark'?'#d1d1d1':'#333'"></fui-icon>
+					</view>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	import keys from './fui-license-plate.js'
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	//非easycom模式取消注释引入字体组件，按实际路径进行调整
+	// import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
+	export default {
+		name: 'fui-license-plate',
+		emits: ['click', 'backspace', 'complete'],
+		// components:{
+		// 	fuiIcon
+		// },
+		props: {
+			show: {
+				type: Boolean,
+				default: false
+			},
+			toolbar: {
+				type: Boolean,
+				default: true
+			},
+			text: {
+				type: String,
+				default: '完成'
+			},
+			color: {
+				type: String,
+				default: ''
+			},
+			size: {
+				type: [Number, String],
+				default: 30
+			},
+			fontWeight: {
+				type: [Number, String],
+				default: 500
+			},
+			name: {
+				type: String,
+				default: 'backspace-fill'
+			},
+			theme: {
+				type: String,
+				default: 'light'
+			},
+			zIndex: {
+				type: [Number, String],
+				default: 1001
+			},
+			//是否适配底部安全区
+			safeArea: {
+				type: Boolean,
+				default: true
+			}
+		},
+		watch: {
+			// #ifdef APP-NVUE
+			show: {
+				handler(newVal) {
+					if (newVal) {
+						this.open();
+					} else {
+						this.close();
+					}
+				},
+				immediate: true
+			}
+			// #endif
+		},
+		computed: {
+			getColor() {
+				let color = this.color;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color;
+			}
+		},
+		data() {
+			return {
+				iphoneX: false,
+				keyList: [],
+				type: 1
+			};
+		},
+		created() {
+			// #ifdef APP-NVUE || MP-TOUTIAO
+			this.iphoneX = this.isPhoneX();
+			// #endif
+			this.keyList = keys;
+		},
+		methods: {
+			// #ifdef APP-NVUE
+			open() {
+				setTimeout(() => {
+					this._animation(true);
+				}, 50);
+			},
+			close() {
+				this._animation(false);
+			},
+			_animation(type) {
+				let styles = {
+					transform: `translateY(${type ? '0' : '100%'})`,
+					opacity: type ? 1 : 0
+				}
+				if (!this.$refs['fui_lp_ani']) return;
+				animation.transition(
+					this.$refs['fui_lp_ani'].ref, {
+						styles,
+						duration: 250,
+						timingFunction: 'ease-in-out',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {}
+				);
+			},
+			// #endif
+			// #ifdef APP-NVUE || MP-TOUTIAO
+			isPhoneX() {
+				if (!this.safeArea) return false;
+				//34px
+				const res = uni.getSystemInfoSync();
+				let iphonex = false;
+				let models = ['iphonex', 'iphonexr', 'iphonexsmax', 'iphone11', 'iphone11pro', 'iphone11promax',
+					'iphone12', 'iphone12mini', 'iphone12pro', 'iphone12promax', 'iphone13', 'iphone13mini',
+					'iphone13pro', 'iphone13promax', 'iphone14', 'iphone14mini',
+					'iphone14pro', 'iphone14promax'
+				]
+				const model = res.model.replace(/\s/g, "").toLowerCase()
+				const newModel = model.split('<')[0]
+				if (models.includes(model) || models.includes(newModel) || (res.safeAreaInsets && res.safeAreaInsets
+						.bottom > 0)) {
+					iphonex = true;
+				}
+				return iphonex;
+			},
+			// #endif
+			keyClick(index, idx, val) {
+				let text = this.type === 1 ? val.cn : val.en
+				if (!this.show || !text) return;
+				if (index === 3 && idx === 0) {
+					this.type = this.type === 1 ? 2 : 1
+				} else {
+					this.$emit('click', {
+						value: text
+					})
+				}
+			},
+			backspace() {
+				if (!this.show) return;
+				this.$emit('backspace', {})
+			},
+			onComplete() {
+				if (!this.toolbar || !this.show) return;
+				this.$emit('complete', {})
+			},
+			changeKeyboard(type = 'en') {
+				this.type = type === 'en' ? 2 : 1
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	.fui-license__plate-wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		visibility: hidden;
+		transform: translate3d(0, 100%, 0);
+		transition-property: transform, visibility;
+		transition-duration: .25s;
+		transition-timing-function: ease-in-out;
+		overflow: hidden;
+		/* #endif */
+
+		/* #ifndef APP-NVUE || MP-TOUTIAO */
+		padding-bottom: constant(safe-area-inset-bottom);
+		padding-bottom: env(safe-area-inset-bottom);
+		/* #endif */
+		position: fixed;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		transform-origin: center center;
+		/* #ifdef APP-NVUE */
+		transform: translate(0, 100%);
+		opacity: 0.01;
+		border-top-style: solid;
+		border-top-width: 0.5px;
+		/* #endif */
+	}
+
+	/* #ifdef APP-NVUE || MP-TOUTIAO */
+	.fui-lp__safe-weex {
+		padding-bottom: 34px;
+	}
+
+	/* #endif */
+
+	.fui-lp__theme-light {
+		background: #F1F4FA;
+		/* #ifdef APP-NVUE */
+		border-top-color: rgba(51, 51, 51, .1);
+		/* #endif */
+	}
+
+	.fui-lp__theme-dark {
+		background: #1B1B1B;
+		/* #ifdef APP-NVUE */
+		border-top-color: #333;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-license__plate-wrap::before {
+		content: " ";
+		position: absolute;
+		top: 0;
+		right: 0;
+		left: 0;
+		-webkit-transform: scaleY(0.5) translateZ(0);
+		transform: scaleY(0.5) translateZ(0);
+		transform-origin: 0 0;
+		z-index: 2;
+		pointer-events: none;
+	}
+
+	.fui-lp__theme-light::before {
+		border-top: 1px solid rgba(51, 51, 51, .1);
+	}
+
+	.fui-lp__theme-dark::before {
+		border-top: 1px solid #333;
+	}
+
+	/* #endif */
+
+	.fui-license__plate__ani {
+		/* #ifndef APP-NVUE */
+		transform: translate3d(0, 0, 0);
+		visibility: visible;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		opacity: 1;
+		/* #endif */
+	}
+
+	.fui-license__plate-grids {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		box-sizing: border-box;
+		/* #endif */
+		flex: 1;
+		padding-top: 24rpx;
+		/* #ifdef APP-NVUE */
+		/* height: 472rpx; */
+		/* #endif */
+	}
+
+	.fui-lp__grid-wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		overflow: hidden;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.fui-lp__grid {
+		width: 75rpx;
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		box-sizing: border-box;
+		overflow: hidden;
+		/* #endif */
+		padding-left: 7rpx;
+		padding-right: 7rpx;
+		padding-bottom: 24rpx;
+		opacity: 1;
+	}
+
+	.fui-lp__grid-lg {
+		width: 112rpx;
+	}
+
+	.fui-lp__grid-hidden {
+		width: 0;
+		padding-left: 0;
+		padding-right: 0;
+		opacity: 0;
+	}
+
+	.fui-license__plate-key {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		flex-shrink: 0;
+		box-sizing: border-box;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+		font-weight: 500;
+		height: 88rpx;
+		/* #ifdef APP-NVUE */
+		line-height: 88rpx;
+		/* #endif */
+		border-radius: 8rpx;
+		align-items: center;
+		justify-content: center;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		border-bottom-width: 0.5px;
+		border-bottom-style: solid;
+		/* #endif */
+		text-align: center;
+		position: relative;
+	}
+
+	.fui-lp__key-light {
+		background: #fff;
+		color: #181818;
+		/* #ifdef APP-NVUE */
+		border-bottom-color: rgba(0, 0, 0, .1);
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-license__plate-key::after {
+		content: '';
+		position: absolute;
+		width: 100%;
+		height: 100%;
+		left: 0;
+		top: 0;
+		border-bottom: 1px solid #B2B2B2;
+		z-index: 2;
+		pointer-events: none;
+		border-bottom-left-radius: 8rpx;
+		border-bottom-right-radius: 8rpx;
+	}
+
+	.fui-lp__key-dark::after {
+		border-bottom: 1px solid #4c4c4c !important;
+	}
+
+	/* #endif */
+	.fui-lp__key-dark {
+		/* #ifdef APP-NVUE */
+		border-bottom-color: #333;
+		/* #endif */
+		background: #222;
+		color: #D1D1D1;
+	}
+
+	.fui-lp__highlight:active {
+		background: rgba(0, 0, 0, .2);
+	}
+
+	.fui-lp__highlight-dark:active {
+		background: #333 !important;
+	}
+
+	.fui-lp__btn-wrap {
+		flex: 1;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: flex-end;
+		padding: 24rpx 0;
+
+	}
+
+	.fui-lp__btnwrap-light {
+		background-color: #F8F8F8;
+	}
+
+	.fui-lp__btnwrap-dark {
+		background-color: #333;
+	}
+
+	.fui-lp__button {
+		padding: 0 32rpx;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-lp__button:active {
+		opacity: .5;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-lp__button-color {
+		color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-link/fui-link.vue b/components/firstui/fui-link/fui-link.vue
new file mode 100644
index 0000000..b32bc58
--- /dev/null
+++ b/components/firstui/fui-link/fui-link.vue
@@ -0,0 +1,148 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8 614 07      254 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<a v-if="isShowA" class="fui-link__text" :href="href"
+		:class="{'fui-link__underline':underline,'fui-link__defcolor':!color,'fui-link__active':highlight}"
+		:style="{color:getColor,fontSize:size+'rpx',fontWeight:fontWeight}" :download="download">
+		<slot>{{text || href}}</slot>
+	</a>
+	<!-- #ifndef APP-NVUE -->
+	<text v-else class="fui-link__text" :class="{'fui-link__underline':underline,'fui-link__defcolor':!color,'fui-link__active':highlight}"
+		:style="{color:getColor,fontSize:size+'rpx',fontWeight:fontWeight}" @tap="openURL">
+		<slot>{{text || href}}</slot>
+	</text>
+	<!-- #endif -->
+	<!-- #ifdef APP-NVUE -->
+	<text v-else class="fui-link__text" :class="{'fui-link__underline':underline,'fui-link__defcolor':!color,'fui-link__active':highlight}"
+		:style="{color:getColor,fontSize:size+'rpx',fontWeight:fontWeight}" @tap="openURL">{{text || href}}</text>
+	<!-- #endif -->
+</template>
+
+<script>
+	export default {
+		name: 'fui-link',
+		// #ifdef MP-WEIXIN
+		options: {
+			virtualHost: true
+		},
+		// #endif
+		props: {
+			href: {
+				type: String,
+				default: ''
+			},
+			text: {
+				type: String,
+				default: ''
+			},
+			download: {
+				type: String,
+				default: ''
+			},
+			underline: {
+				type: [Boolean, String],
+				default: false
+			},
+			copyTips: {
+				type: String,
+				default: '链接已复制'
+			},
+			color: {
+				type: String,
+				default: ''
+			},
+			size: {
+				type: [Number, String],
+				default: 28
+			},
+			fontWeight: {
+				type: [Number, String],
+				default: 400
+			},
+			highlight: {
+				type: Boolean,
+				default: false
+			}
+		},
+		computed: {
+			isShowA() {
+				let h5 = false
+				// #ifdef H5
+				h5 = true;
+				// #endif
+				if ((this.isMail() || this.isTel()) && h5) {
+					return true;
+				}
+				return false;
+			},
+			getColor() {
+				let color = this.color;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.link) || '#465CFF';
+				}
+				// #endif
+				return color;
+			}
+		},
+		methods: {
+			isMail() {
+				return this.href.startsWith('mailto:');
+			},
+			isTel() {
+				return this.href.startsWith('tel:');
+			},
+			openURL() {
+				// #ifdef APP-PLUS
+				if (this.isTel()) {
+					this.makePhoneCall(this.href.replace('tel:', ''));
+				} else {
+					plus.runtime.openURL(this.href);
+				}
+				// #endif
+				// #ifdef H5
+				window.open(this.href)
+				// #endif
+				// #ifdef MP
+				uni.setClipboardData({
+					data: this.href,
+					success: () => {
+						uni.showToast({
+							title: this.copyTips,
+							icon: 'none'
+						});
+					}
+				});
+
+				// #endif
+			},
+			makePhoneCall(phoneNumber) {
+				uni.makePhoneCall({
+					phoneNumber
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	/* #ifdef H5 */
+	.fui-link__text {
+		cursor: pointer;
+	}
+
+	/* #endif */
+	.fui-link__underline {
+		text-decoration: underline;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-link__defcolor {
+		color: var(--fui-color-link, #465CFF) !important;
+	}
+
+	/* #endif */
+	.fui-link__active:active{
+		opacity: .5;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-list-cell/fui-list-cell.vue b/components/firstui/fui-list-cell/fui-list-cell.vue
new file mode 100644
index 0000000..e8d8701
--- /dev/null
+++ b/components/firstui/fui-list-cell/fui-list-cell.vue
@@ -0,0 +1,247 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  18 6 140 7   2 54 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-list__cell" :class="{'fui-highlight':highlight,'fui-list__cell-background':!background}"
+		:style="{paddingTop:getPadding[0] || 0,paddingRight:getPadding[1] || 0,paddingBottom:getPadding[2] || getPadding[0] || 0,paddingLeft:getPadding[3] || getPadding[1] || 0,background:background,marginTop:marginTop+'rpx',marginBottom:marginBottom+'rpx',borderRadius:radius}"
+		@tap="handleClick">
+		<view v-if="topBorder" :style="{background:getBorderColor,left:topLeft+'rpx',right:topRight+'rpx'}"
+			class="fui-cell__border-top" :class="{'fui-cell__border-color':!getBorderColor}"></view>
+		<slot></slot>
+		<view v-if="bottomBorder" :style="{background:getBorderColor,left:getBottomLeft+'rpx',right:bottomRight+'rpx'}"
+			class="fui-cell__border-bottom" :class="{'fui-cell__border-color':!getBorderColor}"></view>
+		<view class="fui-cell__arrow" v-if="arrow" :style="{'border-color':getArrowColor}">
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-list-cell",
+		emits: ['click'],
+		props: {
+			//padding值，上、右、下、左,nvue下padding-right(右)无效
+			padding: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			//margin-top 单位rpx
+			marginTop: {
+				type: [Number, String],
+				default: 0
+			},
+			//margin-bottom 单位rpx
+			marginBottom: {
+				type: [Number, String],
+				default: 0
+			},
+			//背景颜色
+			// #ifdef APP-NVUE
+			background: {
+				type: String,
+				default: '#fff'
+			},
+			// #endif
+			// #ifndef APP-NVUE
+			background: {
+				type: String,
+				default: ''
+			},
+			// #endif
+			//是否有点击效果
+			highlight: {
+				type: Boolean,
+				default: true
+			},
+			//是否需要右侧箭头
+			arrow: {
+				type: Boolean,
+				default: false
+			},
+			arrowColor: {
+				type: String,
+				default: ''
+			},
+			//是否显示上边框
+			topBorder: {
+				type: Boolean,
+				default: false
+			},
+			//是否显示下边框
+			bottomBorder: {
+				type: Boolean,
+				default: true
+			},
+			//边框颜色，非nvue下传值则全局默认样式失效
+			borderColor: {
+				type: String,
+				default: ''
+			},
+			//上边框left值，单位rpx
+			topLeft: {
+				type: [Number, String],
+				default: 0
+			},
+			//上边框right值，单位rpx
+			topRight: {
+				type: [Number, String],
+				default: 0
+			},
+			//下边框left值，单位rpx
+			bottomLeft: {
+				type: [Number, String],
+				default: -1
+			},
+			//下边框right值，单位rpx
+			bottomRight: {
+				type: [Number, String],
+				default: 0
+			},
+			//border-radius圆角值
+			radius: {
+				type: String,
+				default: '0'
+			},
+			index: {
+				type: Number,
+				default: 0
+			}
+		},
+		computed: {
+			getPadding() {
+				let padding = this.padding
+				if (Array.isArray(padding) && padding.length === 0) {
+					const app = uni && uni.$fui && uni.$fui.fuiListCell;
+					padding = app && app.padding;
+					if (!padding || (Array.isArray(padding) && padding.length === 0)) {
+						padding = ['32rpx', '32rpx']
+					}
+				}
+				return padding;
+			},
+			getArrowColor() {
+				const app = uni && uni.$fui && uni.$fui.fuiListCell;
+				return this.arrowColor || (app && app.arrowColor) || '#B2B2B2'
+			},
+			getBorderColor() {
+				let color = this.borderColor;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.fuiListCell;
+					color = (app && app.borderColor) || '#EEEEEE'
+				}
+				// #endif
+				return color;
+			},
+			getBottomLeft() {
+				const app = uni && uni.$fui && uni.$fui.fuiListCell;
+				let left = this.bottomLeft;
+				const c_left = app && app.bottomLeft
+				if (left === -1) {
+					left = (c_left === undefined || c_left === null) ? 32 : c_left
+				}
+				return left
+			}
+		},
+		methods: {
+			handleClick() {
+				this.$emit('click', {
+					index: this.index
+				});
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-list__cell {
+		position: relative;
+		flex: 1;
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-list__item {
+		flex: 1;
+	}
+
+	/* #endif */
+	.fui-cell__arrow {
+		height: 40rpx;
+		width: 40rpx;
+		border-width: 3px 3px 0 0;
+		border-style: solid;
+		transform: rotate(45deg) scale(0.5);
+		/* #ifndef APP-NVUE */
+		border-radius: 4rpx;
+		flex-shrink: 0;
+		margin-left: auto;
+		box-sizing: border-box;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		border-top-right-radius: 3rpx;
+		/* #endif */
+		transform-origin: center center;
+		margin-right: -5.8579rpx;
+	}
+
+	.fui-cell__border-top {
+		position: absolute;
+		top: 0;
+		/* #ifdef APP-NVUE */
+		height: 0.5px;
+		z-index: -1;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		height: 1px;
+		-webkit-transform: scaleY(0.5);
+		transform: scaleY(0.5);
+		transform-origin: 0 0;
+		z-index: 1;
+		/* #endif */
+	}
+
+	.fui-cell__border-bottom {
+		position: absolute;
+		bottom: 0;
+		/* #ifdef APP-NVUE */
+		height: 0.5px;
+		z-index: -1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		height: 1px;
+		-webkit-transform: scaleY(0.5) translateZ(0);
+		transform: scaleY(0.5) translateZ(0);
+		transform-origin: 0 100%;
+		z-index: 1;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-cell__border-color {
+		background-color: var(--fui-color-border, #EEEEEE) !important;
+	}
+
+	.fui-list__cell-background {
+		background-color: var(--fui-bg-color, #fff);
+	}
+
+	/* #endif */
+	.fui-highlight:active {
+		/* #ifdef APP-NVUE */
+		background-color: rgba(0, 0, 0, 0.2) !important;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		background-color: var(--fui-bg-color-hover, rgba(0, 0, 0, 0.2)) !important;
+		/* #endif */
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-list/fui-list.vue b/components/firstui/fui-list/fui-list.vue
new file mode 100644
index 0000000..fcffaf6
--- /dev/null
+++ b/components/firstui/fui-list/fui-list.vue
@@ -0,0 +1,195 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1  8614     0725 4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-list__wrap" :style="{marginTop:marginTop+'rpx'}">
+		<view class="fui-list__title"
+			:style="{paddingTop:padding[0] || 0,paddingRight:padding[1] || 0,paddingBottom:padding[2] || padding[0] || 0,paddingLeft:padding[3] || padding[1] || 0,background:background}"
+			v-if="title">
+			<text :style="{color:color,fontSize:size+'rpx'}">{{title}}</text>
+		</view>
+		<view class="fui-list__container">
+			<view v-if="topBorder" :style="{background:borderColor,left:topLeft+'rpx',right:topRight+'rpx'}"
+				class="fui-list__border-top" :class="{'fui-list__border-color':!borderColor}"></view>
+			<slot></slot>
+			<view v-if="bottomBorder" :style="{background:borderColor,left:bottomLeft+'rpx',right:bottomRight+'rpx'}"
+				class="fui-list__border-bottom" :class="{'fui-list__border-color':!borderColor}"></view>
+		</view>
+		<view class="fui-list__footer"
+			:style="{paddingTop:footerPadding[0] || 0,paddingRight:footerPadding[1] || 0,paddingBottom:footerPadding[2] || footerPadding[0] || 0,paddingLeft:footerPadding[3] || footerPadding[1] || 0}"
+			v-if="footer">
+			<text :style="{color:footerColor,fontSize:footerSize+'rpx'}">{{footer}}</text>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-list",
+		props: {
+			//fui-list margin-top值,单位rpx
+			marginTop: {
+				type: [Number, String],
+				default: 0
+			},
+			//标题
+			title: {
+				type: String,
+				default: ''
+			},
+			//标题颜色
+			color: {
+				type: String,
+				default: '#7F7F7F'
+			},
+			//标题字体大小 单位rpx
+			size: {
+				type: [Number, String],
+				default: 28
+			},
+			//标题padding值['32rpx','32rpx','20rpx','32rpx'] 上、右、下、左
+			padding: {
+				type: Array,
+				default () {
+					return ['32rpx', '32rpx', '20rpx', '32rpx']
+				}
+			},
+			//标题背景色
+			background: {
+				type: String,
+				default: 'transparent'
+			},
+			//底部说明文字
+			footer: {
+				type: String,
+				default: ''
+			},
+			//底部说明文字颜色
+			footerColor: {
+				type: String,
+				default: '#7F7F7F'
+			},
+			//底部说明文字大小 单位rpx
+			footerSize: {
+				type: [Number, String],
+				default: 28
+			},
+			//底部说明文本padding值['20rpx','32rpx','0','32rpx'] 上、右、下、左
+			footerPadding: {
+				type: Array,
+				default () {
+					return ['20rpx', '32rpx', '0']
+				}
+			},
+			//是否显示上边框
+			topBorder: {
+				type: Boolean,
+				default: true
+			},
+			//是否显示下边框
+			bottomBorder: {
+				type: Boolean,
+				default: false
+			},
+			//边框颜色，非nvue下传值则全局默认样式失效
+			borderColor: {
+				type: String,
+				// #ifdef APP-NVUE
+				default: '#EEEEEE'
+				// #endif
+				// #ifndef APP-NVUE
+				default: ''
+				// #endif
+
+			},
+			//上边框left值，单位rpx
+			topLeft: {
+				type: [Number, String],
+				default: 0
+			},
+			//上边框right值，单位rpx
+			topRight: {
+				type: [Number, String],
+				default: 0
+			},
+			//下边框left值，单位rpx
+			bottomLeft: {
+				type: [Number, String],
+				default: 0
+			},
+			//下边框right值，单位rpx
+			bottomRight: {
+				type: [Number, String],
+				default: 0
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-list__wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+	}
+
+	.fui-list__title,
+	.fui-list__footer {
+		line-height: 1;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		word-break: break-all;
+		/* #endif */
+	}
+
+	.fui-list__container {
+		position: relative;
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+	}
+
+	.fui-list__border-top {
+		position: absolute;
+		top: 0;
+		/* #ifdef APP-NVUE */
+		height: 0.5px;
+		z-index: -1;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		height: 1px;
+		-webkit-transform: scaleY(0.5);
+		transform: scaleY(0.5);
+		transform-origin: 0 0;
+		z-index: 1;
+		/* #endif */
+	}
+
+	.fui-list__border-bottom {
+		position: absolute;
+		bottom: 0;
+		/* #ifdef APP-NVUE */
+		height: 0.5px;
+		z-index: -1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		height: 1px;
+		-webkit-transform: scaleY(0.5);
+		transform: scaleY(0.5);
+		transform-origin: 0 100%;
+		z-index: 1;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-list__border-color {
+		background-color: var(--fui-color-border, #EEEEEE) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-load-ani/fui-load-ani.vue b/components/firstui/fui-load-ani/fui-load-ani.vue
new file mode 100644
index 0000000..9ba9389
--- /dev/null
+++ b/components/firstui/fui-load-ani/fui-load-ani.vue
@@ -0,0 +1,524 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8 6 14    0 7 254 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-load__ani" :class="{'fui-load__ani-fixed':isFixed}"
+		:style="{background:isFixed?maskColor:'transparent'}">
+		<!-- #ifndef APP-NVUE -->
+		<view class="fui-load__ani-1" v-if="type==1">
+			<view class="fui-load__ani-a" :class="{'fui-load__ani-bg':!color || color===true}"
+				:style="{background:color}"></view>
+			<view class="fui-ani__ani-b" :class="{'fui-load__ani-bg':!color || color===true}"
+				:style="{background:color}"></view>
+			<view :class="{'fui-load__ani-bg':!color || color==='true'}" :style="{background:color}"></view>
+		</view>
+
+		<view class="fui-load__ani-2" v-if="type==2">
+			<view class="fui-load__ani-line fui-load__ani-c" :class="{'fui-load__ani-bg':!color || color===true}"
+				:style="{background:color}"></view>
+			<view class="fui-load__ani-line fui-load__ani-d" :class="{'fui-load__ani-bg':!color || color===true}"
+				:style="{background:color}"></view>
+			<view class="fui-load__ani-line fui-load__ani-e" :class="{'fui-load__ani-bg':!color || color===true}"
+				:style="{background:color}"></view>
+		</view>
+
+		<view class="fui-load__ani-3" :class="{'fui-load__ani-border':!color || color===true}"
+			:style="{'border-left-color':color,'border-right-color':color}" v-if="type==3">
+		</view>
+
+		<view class="fui-load__ani-4" :class="{'fui-load__ani-bcolor':!color || color===true}"
+			:style="{borderColor:color}" v-if="type==4">
+			<view class="fui-load__ani-f" :class="{'fui-load__ani-bg':!color || color===true}"
+				:style="{background:color}"></view>
+		</view>
+
+		<view class="fui-load__ani-5" :class="{'fui-load__ani-bg':!color || color===true}" :style="{background:color}"
+			v-if="type==5">
+			<view class="fui-load__ani-g" :class="{'fui-load__ani-bg':!color || color===true}"
+				:style="{background:color}"></view>
+			<view class="fui-load__ani-h" :class="{'fui-load__ani-bg':!color || color===true}"
+				:style="{background:color}"></view>
+		</view>
+		<!-- #endif -->
+
+		<!-- #ifdef APP-NVUE -->
+		<view class="fui-load__ani-1n" v-if="type==1">
+			<view class="fui-loadani__1" :style="{background:color}" ref="ani_11"></view>
+			<view class="fui-loadani__1" :style="{background:color}" ref="ani_12"></view>
+			<view class="fui-loadani__1" ref="ani_13" :style="{background:color}"></view>
+		</view>
+		<view class="fui-load__ani-2n" v-if="type==2">
+			<view class="fui-load__ani-line" ref="ani_11" :style="{background:color}"></view>
+			<view class="fui-load__ani-line" ref="ani_12" :style="{background:color}"></view>
+			<view class="fui-load__ani-line" ref="ani_13" :style="{background:color}"></view>
+		</view>
+		<view class="fui-load__ani-3n" ref="fui_loadani34"
+			:style="{'border-left-color':color,'border-right-color':color}" v-if="type==3">
+		</view>
+		<view class="fui-load__ani-4n" ref="fui_loadani34" v-if="type==4">
+			<view class="fui-load__ani-41" :style="{borderColor:color}"></view>
+			<view class="fui-load__ani-42" :style="{background:color}"></view>
+		</view>
+
+		<view class="fui-load__ani-5n" v-if="type==5">
+			<view class="fui-load__ani-i" ref="ani_11" :style="{background:color}"></view>
+			<view class="fui-load__ani-i" ref="ani_12" :style="{background:color}"></view>
+			<view class="fui-load__ani-i" ref="ani_13" :style="{background:color}"></view>
+		</view>
+
+		<!-- #endif -->
+
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = weex.requireModule('animation')
+	// #endif
+	export default {
+		name: "fui-load-ani",
+		props: {
+			//loading 类型：1~5
+			type: {
+				type: [Number, String],
+				default: 1
+			},
+			//loading颜色
+			// #ifdef APP-NVUE
+			color: {
+				type: String,
+				default: '#465CFF'
+			},
+			// #endif
+			// #ifndef APP-NVUE
+			color: {
+				type: String,
+				default: ''
+			},
+			// #endif
+			//是否固定在屏幕中间显示
+			isFixed: {
+				type: Boolean,
+				default: false
+			},
+			//isFixed=true时有效
+			maskColor: {
+				type: String,
+				default: 'transparent'
+			}
+		},
+		// #ifdef APP-NVUE
+		created() {
+			this.timer = null;
+			this.deg = 0;
+			this.stop = false;
+		},
+		mounted() {
+			clearInterval(this.timer)
+			this.$nextTick(() => {
+				if (this.type == 1 || this.type == 2 || this.type == 5) {
+					setTimeout(() => {
+						this.startAni()
+					}, 50)
+					this.timer = setInterval(() => {
+						this.startAni()
+					}, 1200)
+				} else if (this.type == 3 || this.type == 4) {
+					setTimeout(() => {
+						this.deg += 360;
+						this._animation()
+					}, 50)
+				}
+			})
+		},
+		// #ifndef VUE3
+		beforeDestroy() {
+			clearInterval(this.timer)
+			this.deg = 0;
+			this.stop = true;
+		},
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+			clearInterval(this.timer)
+			this.deg = 0;
+			this.stop = true;
+		},
+		// #endif
+		methods: {
+			transition(el, options, duration, delay = 0) {
+				return new Promise((resolve) => {
+					animation.transition(el.ref, {
+						duration,
+						delay,
+						timingFunction: 'linear',
+						needLayout: false,
+						...options,
+					}, resolve)
+				})
+			},
+			ani(el) {
+				let styles = {}
+				let styles2 = {}
+				if (this.type == 5) {
+					styles.opacity = 0.25
+					styles2.opacity = 1
+				} else {
+					styles.transform = this.type == 1 ? 'scale(0)' : `translateY(0)`
+					styles2.transform = this.type == 1 ? 'scale(1)' : `translateY(100%)`
+				}
+				this.transition(el, {
+					styles
+				}, 500, 0).then(() => {
+					this.transition(el, {
+						styles: styles2
+					}, 500, 0)
+				})
+			},
+			startAni() {
+				this.ani(this.$refs['ani_11'])
+				setTimeout(() => {
+					this.ani(this.$refs['ani_12'])
+				}, 300)
+				setTimeout(() => {
+					this.ani(this.$refs['ani_13'])
+				}, 500)
+			},
+			_animation() {
+				if (!this.$refs['fui_loadani34'] || this.stop) return;
+				animation.transition(
+					this.$refs['fui_loadani34'].ref, {
+						styles: {
+							transform: `rotate(${this.deg}deg)`
+						},
+						duration: 800, //ms
+						timingFunction: 'linear',
+						iterationCount: 'infinite',
+						needLayout: false,
+						delay: 0 //ms
+					}, () => {
+						this.deg += 360;
+						this._animation()
+					}
+				);
+
+			}
+		}
+
+		// #endif
+	}
+</script>
+
+<style scoped>
+	.fui-load__ani {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+		/* #ifdef APP-VUE */
+		flex: 1;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.fui-load__ani-fixed {
+		position: fixed;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		z-index: 996;
+		/* #endif */
+		justify-content: center;
+		align-items: center;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-load__ani-1{
+		flex-direction: row;
+	}
+	.fui-load__ani-1 view {
+		width: 36rpx;
+		height: 36rpx;
+		border-radius: 50%;
+		display: inline-block;
+		animation: ani_1 1.4s infinite ease-in-out;
+		animation-fill-mode: both;
+	}
+
+	.fui-load__ani-1 .fui-load__ani-a {
+		animation-delay: -0.30s;
+	}
+
+	.fui-load__ani-1 .fui-load__ani-b {
+		animation-delay: -0.15s;
+	}
+
+	@keyframes ani_1 {
+
+		0%,
+		80%,
+		100% {
+			-webkit-transform: scale(0)
+		}
+
+		40% {
+			-webkit-transform: scale(1)
+		}
+	}
+
+	.fui-load__ani-2 {
+		position: relative;
+		width: 60rpx;
+		height: 60rpx;
+		display: inline-block;
+		vertical-align: middle;
+	}
+
+	.fui-load__ani-line {
+		width: 8rpx;
+		position: absolute;
+		border-top-left-radius: 8rpx;
+		border-top-right-radius: 8rpx;
+		bottom: 0;
+		transform: translateZ(0);
+	}
+
+	.fui-load__ani-c {
+		animation: ani_2 0.5s ease alternate infinite;
+	}
+
+	.fui-load__ani-d {
+		left: 20rpx;
+		animation: ani_2 0.5s 0.2s ease alternate infinite;
+	}
+
+	.fui-load__ani-e {
+		left: 40rpx;
+		animation: ani_2 0.5s 0.4s ease alternate infinite;
+	}
+
+	@keyframes ani_2 {
+		0% {
+			height: 0;
+		}
+
+		100% {
+			height: 75%;
+		}
+	}
+
+	.fui-load__ani-3 {
+		width: 40rpx;
+		height: 40rpx;
+		border: 2px solid transparent;
+		border-radius: 50%;
+		animation: 0.9s ani_3 linear infinite;
+	}
+
+	@keyframes ani_3 {
+		0% {
+			transform: rotate(0deg);
+		}
+
+		100% {
+			transform: rotate(360deg);
+		}
+	}
+
+
+	.fui-load__ani-4 {
+		width: 52rpx;
+		height: 52rpx;
+		border: 1px solid;
+		border-radius: 50%;
+		-webkit-animation: 1s ani_3 linear infinite;
+		animation: .9s ani_3 linear infinite;
+		position: relative;
+	}
+
+	.fui-load__ani-f {
+		width: 16rpx;
+		height: 16rpx;
+		position: absolute;
+		top: -8rpx;
+		left: 50%;
+		border-radius: 50%;
+		opacity: .6;
+	}
+
+	.fui-load__ani-5 {
+		position: relative;
+		width: 16rpx;
+		height: 16rpx;
+		border-radius: 50%;
+		animation: ani_4 1s infinite linear;
+
+	}
+
+	.fui-load__ani-g,
+	.fui-load__ani-h {
+		display: inline-block;
+		position: absolute;
+		top: 0;
+		width: 16rpx;
+		height: 16rpx;
+		border-radius: 50%;
+		opacity: 0.25;
+	}
+
+	.fui-load__ani-g {
+		left: -30rpx;
+		animation: ani_4_2 1s infinite linear;
+
+	}
+
+	.fui-load__ani-h {
+		left: 30rpx;
+		animation: ani_4_1 1s infinite linear;
+	}
+
+	@-webkit-keyframes ani_4 {
+		0% {
+			opacity: 1;
+		}
+
+		33% {
+			opacity: 0.25;
+		}
+
+		66% {
+			opacity: 0.25;
+		}
+
+		100% {
+			opacity: 1;
+		}
+
+	}
+
+	@keyframes ani_4_1 {
+		0% {
+			opacity: 0.25;
+		}
+
+		33% {
+			opacity: 1;
+		}
+
+		66% {
+			opacity: 0.25;
+		}
+	}
+
+	@keyframes ani_4_2 {
+		33% {
+			opacity: 0.25;
+		}
+
+		66% {
+			opacity: 1;
+		}
+
+		100% {
+			opacity: 0.25;
+		}
+	}
+
+	.fui-load__ani-bcolor {
+		border-color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-load__ani-border {
+		border-left-color: var(--fui-color-primary, #465CFF) !important;
+		border-right-color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-load__ani-bg {
+		background: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+
+	/* #ifdef APP-NVUE */
+	.fui-load__ani-1n {
+		flex-direction: row;
+		align-items: center;
+	}
+
+	.fui-loadani__1 {
+		width: 36rpx;
+		height: 36rpx;
+		border-radius: 36rpx;
+	}
+
+	.fui-load__ani-2n {
+		position: relative;
+		width: 56rpx;
+		height: 56rpx;
+		flex-direction: row;
+		align-items: flex-end;
+		justify-content: space-between;
+		overflow: hidden;
+	}
+
+	.fui-load__ani-line {
+		width: 8rpx;
+		height: 56rpx;
+		border-top-left-radius: 8rpx;
+		border-top-right-radius: 8rpx;
+		transform: translateY(100%);
+	}
+
+	.fui-load__ani-3n {
+		width: 40rpx;
+		height: 40rpx;
+		border: 2px solid transparent;
+		border-radius: 24rpx;
+	}
+
+	.fui-load__ani-4n {
+		width: 68rpx;
+		height: 68rpx;
+		position: relative;
+		align-items: center;
+		justify-content: center;
+		border: 0;
+	}
+
+	.fui-load__ani-41 {
+		width: 52rpx;
+		height: 52rpx;
+		border: 1px solid;
+		border-radius: 50%;
+	}
+
+	.fui-load__ani-42 {
+		width: 16rpx;
+		height: 16rpx;
+		position: absolute;
+		top: 0rpx;
+		left: 26rpx;
+		border-radius: 12rpx;
+		opacity: .6;
+	}
+
+	.fui-load__ani-5n {
+		width: 76rpx;
+		height: 18rpx;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	.fui-load__ani-i {
+		width: 16rpx;
+		height: 16rpx;
+		border-radius: 12rpx;
+		opacity: .25;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-loading/fui-loading.vue b/components/firstui/fui-loading/fui-loading.vue
new file mode 100644
index 0000000..5661d3a
--- /dev/null
+++ b/components/firstui/fui-loading/fui-loading.vue
@@ -0,0 +1,245 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1861  40   7254    9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view :class="{'fui-loading__mask':(isMask || isNvue) && isFixed}"
+		:style="{backgroundColor:isFixed?maskBgColor:'transparent'}">
+		<view class="fui-loading fui-loading__wrap" :class="{'fui-loading__fixed':isFixed && !isNvue}"
+			:style="{ backgroundColor: backgroundColor,position:isFixed && !isNvue?'fixed':'static' }"
+			v-if="type === 'col'">
+			<image ref="fui_loading" class="fui-loading__ani" :src="srcCol"></image>
+			<text class="fui-loading__text"
+				:style="{color:colColor,fontSize:size+'rpx','line-height':size+'rpx'}">{{ text }}</text>
+		</view>
+		<view v-else class="fui-loading fui-loading__row" :class="{'fui-loading__fixed':isFixed && !isNvue}"
+			:style="{position:isFixed && !isNvue?'fixed':'static'}">
+			<!-- <loading-indicator :animating="true"></loading-indicator> -->
+			<image ref="fui_loading" class="fui-loading-row__ani" :src="srcRow"></image>
+			<text class="fui-loading__text"
+				:style="{color:rowColor,fontSize:size+'rpx','line-height':size+'rpx'}">{{ text }}</text>
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	export default {
+		name: "fui-loading",
+		props: {
+			//col、row
+			type: {
+				type: String,
+				default: 'col'
+			},
+			//提示文字
+			text: {
+				type: String,
+				default: '加载中'
+			},
+			//文本颜色，type=col时生效
+			colColor: {
+				type: String,
+				default: '#FFFFFF'
+			},
+			//文本颜色，type=row时生效
+			rowColor: {
+				type: String,
+				default: '#7F7F7F'
+			},
+			//字体大小，单位rpx
+			size: {
+				type: [Number, String],
+				default: 26
+			},
+			//loading背景色，type=col时生效
+			backgroundColor: {
+				type: String,
+				default: 'rgba(0, 0, 0, 0.6)'
+			},
+			//loading icon图片地址，type=col时生效
+			srcCol: {
+				type: String,
+				default: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHgAAAB4CAMAAAAOusbgAAAARVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////9SnXPCAAAAFnRSTlMA8ECgECCAYDDQ4MCwUL9wkN9vP49fRXb34AAAA1dJREFUaN7tmtmSozAMReXdxuyk+f9PnaW6o06CAdtSumqG8xqSi6QrGwfBxcXFD2OW5cP+pVsWDe9AL7YP6xO9mj1w0t3CmkK0H0yhd0qsBzBoazutZxDKACFSrefpJZmFUfad0vpVtonWOvkHZ62Kzas0QcLnJ0dFuxGOHNqny8QMVfjw6By5c+n4GHnwVOGq7tiDD3G74uq234Idzbmue7hVXZtmYfEncqRDicekKPSo+Z6o/EI7bB6Zfc+hXBl1R13V+0Jm6uL3inCiKGZX6g7ENwXKrrwfEB3uyubszYovXahBx3ve9LkvoG4lcc36pf7zagu16JCzeo4E8aLy+TJL1CXAfJWtP7zHKcsPp+NYh6NEY2posOeSbT4v64CMiLU7dvQIVGAsqzyuSKOBEHvCXwHvjZAGQ94PuAVaJIa8X2EDxMSDkGXh0lG9KCkMmCnkbdNq6oARt7t8Oa6A0dhhx1oREPpe9ukVxgEHBnOdyLQAHkI61wqtxcCQ9rXATDPgk9uef7kjFl+PiRJH4EKlijwmniyp15DEqtYBFz7VyQKXLR5ST9iJLibvZLuZiQh8qO1+kizPHq+hNXpT2AIjrlnX+GIii8J8eJPatyQwcwn/j8ISu5uZwj7+d4QBl8w3I3CT4EOnjjcCeJHJXUsDJ35LeHhDPw0yaesROIkmaesAjJgVtmjZizygd99b5CnunCQVsNGlFsbAnOs+tfkNTMdFzOjuqb0HJlR6J4h4uKHH7CSz47SX2tsIGr6Dm9mNyPGFrHZrqBuuKvuD1dhxGbs/6tOGuJcxoObMM5/QQIoWx8G0HA99IwZ89EZzAEI6PKMc+kt4ykRjix4ne6IrczhjGmzmoAn/dOlyXpgrumPoeLrr6JRd1hOkJVN2mW9mFZGywwbJU+51pa/QWJnKk6/o3xbX/Xxl0ZUPvxXp4nREqyuG31zZnFD5nJHp8ZsVc0I9NkTOFFsw9UN7t5x8W1E9oQSdyJ2p1fP04srKSUUlz0zLiqQlKwbwppvfVZ0DjvkR/bWO2urDbIp2t2n9knWk/+ojorfzsty9v8y2n/DTZgBKZLueInZAjR7CkWoYDLBgXCvSs/uoyoJ3Y3zWjOPg4T14KQf7m0FKqeHi4uJH+QUYYoTOYC/s2wAAAABJRU5ErkJggg=='
+			},
+			//loading icon图片地址，type=row时生效
+			srcRow: {
+				type: String,
+				default: 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFoAAABaCAMAAAAPdrEwAAAAM1BMVEUAAACPj4+IiIiIiIiIiIiIiIiKioqHh4eHh4eHh4eHh4eIiIiIiIiJiYmIiIiJiYmIiIi8awvKAAAAEHRSTlMAEEDw4NAwwKAgYICQULBwL0wVnQAAAmpJREFUWMPtmOmO4yAQhLlvMO//tDuyjfAaCEcj7UqTT5o/iafSVLcLY/TldyHID8fPH94oir2TLD6QyugdxVoeazAnYPUaFtsws+yNVjR+htolcWz/luHyhL7F55XNQ0Narx+L8TY8bSGTXsiYUB5V8A+zHJ4rud+p3GI+PiwqCXv0Ec+T42awf3L8+iMtzwwp36UEPHR1SIYPKueS+xxJe1CZiYkooNmTvjLHUzHDR7TVgnI2UXR9k/OhQHslieKCcb87reRnB5fCzMeTVp5cUbeY8O6arEYknYs60CJXK21zOvot7DSK4lrR51eA7dQ1y1bFF9MT2Chb358DsLHeLJeKhpZdDgkDFp1jQtRGXiEYOtZU1PLdUt7OFT84gnJUHNE5XOCO2PLnCALDzl21HD2Yam4ZRU9kER8Qs/V7IQ7BIWVqp10TTCFN0gdgwvumJmkcwWDFgigsQtv4Sv8baZ2lt5Pn+n+Wfm+CMsUsHFIJQ7VH+l2hSXsaHFUbEb1l2GRt5zFb/FC1nSfskGam+lSP4cqmks10jyOc1fditiGMXD1G4DekTH5sf14gkTeD1QOdbrRLXodGAKb1hC7gh5nmvzvgI0NoHyswA1niP7WKQE4dmtYHDH4MwzxS3T2MmCWje5OL2aK26j9EC7qkrVIk97XtrM+RYzSoHSZmUCTlLoLNvTs+aFLug+XEu2Mt59boRl9+4vk7gbD79fXnii2dsS6Xc4lb3fx5lX1bfKfPD1HJInetS64lJQnxhkrryV2+INbxeCHXN1PtaGxClUYgvGJ1XY82IA7Fn7IyFO7DIDcYfflN/AFNdjdeDj7M+wAAAABJRU5ErkJggg=='
+			},
+			isFixed: {
+				type: Boolean,
+				default: true
+			},
+			//是否需要遮罩，非nvue有效，nvue默认带遮罩，isFixed为true时生效
+			isMask: {
+				type: Boolean,
+				default: false
+			},
+			//v1.9.9+
+			maskBgColor: {
+				type: String,
+				default: 'transparent'
+			}
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				isNvue: isNvue,
+				// #ifdef APP-NVUE
+				deg: 0,
+				stop: false
+				// #endif
+			}
+		},
+		// #ifdef APP-NVUE
+		mounted() {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this.deg += 360;
+					this._animation()
+				}, 50)
+			})
+		},
+		// #endif
+		//nvue暂不支持vue3，所以不需要做兼容,此处以防后续兼容
+		// #ifdef APP-NVUE
+		// #ifndef VUE3
+		beforeDestroy() {
+			this.deg = 0;
+			this.stop = true;
+		},
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+			this.deg = 0;
+			this.stop = true;
+		},
+		// #endif
+		// #endif
+		methods: {
+			// #ifdef APP-NVUE
+			_animation() {
+				if (!this.$refs['fui_loading'] || this.stop) return;
+				animation.transition(
+					this.$refs['fui_loading'].ref, {
+						styles: {
+							transform: `rotate(${this.deg}deg)`
+						},
+						duration: 800, //ms
+						timingFunction: 'linear',
+						iterationCount: 'infinite',
+						needLayout: false,
+						delay: 0 //ms
+					}, () => {
+						this.deg += 360;
+						this._animation()
+					}
+				);
+			}
+			// #endif
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-loading {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		margin: 0 auto;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.fui-loading__fixed {
+		/* #ifndef APP-NVUE */
+		top: 50%;
+		left: 50%;
+		transform: translate(-50%, -50%);
+		/* #endif */
+		z-index: 1008;
+	}
+
+	.fui-loading__wrap {
+		width: 208rpx;
+		height: 208rpx;
+		flex-direction: column;
+		border-radius: 12rpx;
+	}
+
+	.fui-loading__ani {
+		width: 64rpx;
+		height: 64rpx;
+		margin: 0 6px;
+		/* #ifndef APP-NVUE */
+		animation: rotate 0.85s linear infinite;
+		/* #endif */
+		margin-bottom: 30rpx;
+	}
+
+	.fui-loading__row {
+		flex: 1;
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+		height: 36rpx;
+	}
+
+	.fui-loading-row__ani {
+		width: 36rpx;
+		height: 36rpx;
+		/* #ifdef APP-NVUE */
+		border-radius: 36rpx;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		display: block;
+		border-radius: 50%;
+		animation: rotate 0.85s linear infinite;
+		/* #endif */
+		margin-right: 20rpx;
+	}
+
+	.fui-loading__text {
+		text-align: center;
+	}
+
+	/* #ifndef APP-NVUE */
+	@-webkit-keyframes rotate {
+		0% {
+			transform: rotate(0deg);
+		}
+
+		100% {
+			transform: rotate(360deg);
+		}
+	}
+
+	@keyframes rotate {
+		0% {
+			transform: rotate(0deg);
+		}
+
+		100% {
+			transform: rotate(360deg);
+		}
+	}
+
+	/* #endif */
+	.fui-loading__mask {
+		position: fixed;
+		left: 0;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		z-index: 1002;
+
+		/* #ifdef APP-NVUE */
+		align-items: center;
+		justify-content: center;
+		/* #endif */
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-loadmore/fui-loadmore.vue b/components/firstui/fui-loadmore/fui-loadmore.vue
new file mode 100644
index 0000000..cccb3e3
--- /dev/null
+++ b/components/firstui/fui-loadmore/fui-loadmore.vue
@@ -0,0 +1,247 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18   614 07 25   4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-loadmore__wrap" :class="['fui-loadmore__'+direction]" :style="{height:height+'rpx'}">
+		<view class="fui-loadmore__icon" ref="fui_loadmore"
+			:class="{'fui-loadmore__border-left':!isNvue && !activeColor}"
+			:style="{width:iconWidth+'rpx',height:iconWidth+'rpx','border-left-color':getActiveColor,'border-right-color':iconColor,'border-top-color':iconColor,'border-bottom-color':iconColor}"
+			v-if="!src && state==2">
+		</view>
+		<image class="fui-loadmore__icon-ani" ref="fui_loadmore" :src="src"
+			:style="{width:iconWidth+'rpx',height:iconWidth+'rpx'}" v-if="src && state==2"></image>
+		<text :class="{'fui-loadmore__text':direction==='col'}"
+			:style="{color:color,'font-size':size+'rpx','line-height':size+'rpx'}">{{getStateText(state)}}</text>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	export default {
+		name: "fui-loadmore",
+		props: {
+			//占据高度，单位rx
+			height: {
+				type: [Number, String],
+				default: 100
+			},
+			//1-上拉加载 2-正在加载... 3-没有更多了
+			state: {
+				type: [Number, String],
+				default: 2
+			},
+			initText: {
+				type: String,
+				default: "上拉加载"
+			},
+			//提示文字
+			text: {
+				type: String,
+				default: "正在加载..."
+			},
+			noneText: {
+				type: String,
+				default: "没有更多了"
+			},
+			//文字颜色
+			color: {
+				type: String,
+				default: "#7F7F7F"
+			},
+			//文字大小，单位rpx
+			size: {
+				type: [Number, String],
+				default: 24
+			},
+			//loading图标背景色
+			iconColor: {
+				type: String,
+				default: "#B2B2B2"
+			},
+			//loading图标高亮部分颜色
+			activeColor: {
+				type: String,
+				default: ""
+			},
+			//loading 图标的宽度，单位rpx
+			iconWidth: {
+				type: [Number, String],
+				// #ifdef APP-NVUE
+				default: 32
+				// #endif
+				// #ifndef APP-NVUE
+				default: 28
+				// #endif
+			},
+			//自定义loading图标image路径，若自定义图标则iconColor、activeColor属性失效
+			src: {
+				type: String,
+				default: ''
+			},
+			//loading图标和文字排列方向，可取值：col，row
+			direction: {
+				type: String,
+				default: 'row'
+			}
+		},
+		watch: {
+			state(newValue, oldValue) {
+				this.$nextTick(() => {
+					// #ifdef APP-NVUE
+					if (newValue == 2) {
+						this.stop = false;
+						setTimeout(() => {
+							this._animation()
+						}, 50)
+					} else {
+						this.stop = true
+					}
+					// #endif
+				})
+			}
+		},
+		computed: {
+			getActiveColor() {
+				let color = this.activeColor;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color;
+			}
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				isNvue: isNvue,
+				deg: 0,
+				stop: false
+			}
+		},
+		// #ifdef APP-NVUE
+		mounted() {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this.deg += 360;
+					this._animation()
+				}, 50)
+			})
+		},
+		// #endif
+		// #ifndef VUE3
+		beforeDestroy() {
+			this.deg = 0;
+			this.stop = true;
+		},
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+			this.deg = 0;
+			this.stop = true;
+		},
+		// #endif
+		methods: {
+			getStateText(state) {
+				state = Number(state)
+				return [this.initText, this.text, this.noneText][state - 1]
+			},
+			// #ifdef APP-NVUE
+			_animation() {
+				if (!this.$refs['fui_loadmore'] || this.stop) return;
+				animation.transition(
+					this.$refs['fui_loadmore'].ref, {
+						styles: {
+							transform: `rotate(${this.deg}deg)`
+						},
+						duration: 700, //ms
+						timingFunction: 'linear',
+						iterationCount: 'infinite',
+						needLayout: false,
+						delay: 0 //ms
+					}, () => {
+						this.deg += 360;
+						this._animation()
+					}
+				);
+			}
+			// #endif
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-loadmore__wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+	}
+
+	.fui-loadmore__col {
+		flex-direction: column;
+	}
+
+	.fui-loadmore__row {
+		flex-direction: row;
+	}
+
+	.fui-loadmore__icon {
+		margin: 0 6px;
+		border-width: 2px;
+		border-style: solid;
+		/* #ifdef APP-NVUE */
+		border-radius: 100px;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		border-radius: 50%;
+		animation: fui-rotate 0.7s linear infinite;
+		/* #endif */
+	}
+
+	.fui-loadmore__icon-ani {
+		margin: 0 6px;
+		/* #ifndef APP-NVUE */
+		display: block;
+		animation: fui-rotate 0.7s linear infinite;
+		/* #endif */
+	}
+
+	.fui-loadmore__text {
+		padding-top: 16rpx;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-loadmore__border-left {
+		border-left-color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	@-webkit-keyframes fui-rotate {
+		0% {
+			transform: rotate(0);
+		}
+
+		100% {
+			transform: rotate(360deg);
+		}
+	}
+
+	@keyframes fui-rotate {
+		0% {
+			transform: rotate(0);
+		}
+
+		100% {
+			transform: rotate(360deg);
+		}
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-lottie/fui-lottie-app.js b/components/firstui/fui-lottie/fui-lottie-app.js
new file mode 100644
index 0000000..11a491d
--- /dev/null
+++ b/components/firstui/fui-lottie/fui-lottie-app.js
@@ -0,0 +1,10 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18     614   072 54 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifdef APP-VUE || H5
+function fuiEvil(fn) {var Fn = Function;return new Fn('return ' + fn)();}
+function fuiLottieApp(window) {
+	"use strict";var svgNS="http://www.w3.org/2000/svg",locationHref="",initialDefaultFrame=-999999,subframeEnabled=!0,idPrefix="",expressionsPlugin,isSafari=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),cachedColors={},bmRnd,bmPow=Math.pow,bmSqrt=Math.sqrt,bmFloor=Math.floor,bmMax=Math.max,bmMin=Math.min,BMMath={};function ProjectInterface(){return{}}!function(){var t,e=["abs","acos","acosh","asin","asinh","atan","atanh","atan2","ceil","cbrt","expm1","clz32","cos","cosh","exp","floor","fround","hypot","imul","log","log1p","log2","log10","max","min","pow","random","round","sign","sin","sinh","sqrt","tan","tanh","trunc","E","LN10","LN2","LOG10E","LOG2E","PI","SQRT1_2","SQRT2"],r=e.length;for(t=0;t<r;t+=1)BMMath[e[t]]=Math[e[t]]}(),BMMath.random=Math.random,BMMath.abs=function(t){if("object"===typeof t&&t.length){var e,r=createSizedArray(t.length),i=t.length;for(e=0;e<i;e+=1)r[e]=Math.abs(t[e]);return r}return Math.abs(t)};var defaultCurveSegments=150,degToRads=Math.PI/180,roundCorner=.5519;function roundValues(t){bmRnd=t?Math.round:function(t){return t}}function styleDiv(t){t.style.position="absolute",t.style.top=0,t.style.left=0,t.style.display="block",t.style.transformOrigin="0 0",t.style.webkitTransformOrigin="0 0",t.style.backfaceVisibility="visible",t.style.webkitBackfaceVisibility="visible",t.style.transformStyle="preserve-3d",t.style.webkitTransformStyle="preserve-3d",t.style.mozTransformStyle="preserve-3d"}function BMEnterFrameEvent(t,e,r,i){this.type=t,this.currentTime=e,this.totalTime=r,this.direction=i<0?-1:1}function BMCompleteEvent(t,e){this.type=t,this.direction=e<0?-1:1}function BMCompleteLoopEvent(t,e,r,i){this.type=t,this.currentLoop=r,this.totalLoops=e,this.direction=i<0?-1:1}function BMSegmentStartEvent(t,e,r){this.type=t,this.firstFrame=e,this.totalFrames=r}function BMDestroyEvent(t,e){this.type=t,this.target=e}function BMRenderFrameErrorEvent(t,e){this.type="renderFrameError",this.nativeError=t,this.currentTime=e}function BMConfigErrorEvent(t){this.type="configError",this.nativeError=t}function BMAnimationConfigErrorEvent(t,e){this.type=t,this.nativeError=e}roundValues(!1);var createElementID=(F=0,function(){return idPrefix+"__lottie_element_"+(F+=1)}),F;function HSVtoRGB(t,e,r){var i,s,a,n,o,h,l,p;switch(h=r*(1-e),l=r*(1-(o=6*t-(n=Math.floor(6*t)))*e),p=r*(1-(1-o)*e),n%6){case 0:i=r,s=p,a=h;break;case 1:i=l,s=r,a=h;break;case 2:i=h,s=r,a=p;break;case 3:i=h,s=l,a=r;break;case 4:i=p,s=h,a=r;break;case 5:i=r,s=h,a=l}return[i,s,a]}function RGBtoHSV(t,e,r){var i,s=Math.max(t,e,r),a=Math.min(t,e,r),n=s-a,o=0===s?0:n/s,h=s/255;switch(s){case a:i=0;break;case t:i=e-r+n*(e<r?6:0),i/=6*n;break;case e:i=r-t+2*n,i/=6*n;break;case r:i=t-e+4*n,i/=6*n}return[i,o,h]}function addSaturationToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[1]+=e,1<r[1]?r[1]=1:r[1]<=0&&(r[1]=0),HSVtoRGB(r[0],r[1],r[2])}function addBrightnessToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[2]+=e,1<r[2]?r[2]=1:r[2]<0&&(r[2]=0),HSVtoRGB(r[0],r[1],r[2])}function addHueToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[0]+=e/360,1<r[0]?r[0]-=1:r[0]<0&&(r[0]+=1),HSVtoRGB(r[0],r[1],r[2])}var rgbToHex=function(){var t,e,i=[];for(t=0;t<256;t+=1)e=t.toString(16),i[t]=1===e.length?"0"+e:e;return function(t,e,r){return t<0&&(t=0),e<0&&(e=0),r<0&&(r=0),"#"+i[t]+i[e]+i[r]}}();function BaseEvent(){}BaseEvent.prototype={triggerEvent:function(t,e){if(this._cbs[t])for(var r=this._cbs[t],i=0;i<r.length;i+=1)r[i](e)},addEventListener:function(t,e){return this._cbs[t]||(this._cbs[t]=[]),this._cbs[t].push(e),function(){this.removeEventListener(t,e)}.bind(this)},removeEventListener:function(t,e){if(e){if(this._cbs[t]){for(var r=0,i=this._cbs[t].length;r<i;)this._cbs[t][r]===e&&(this._cbs[t].splice(r,1),r-=1,i-=1),r+=1;this._cbs[t].length||(this._cbs[t]=null)}}else this._cbs[t]=null}};var createTypedArray=function(){function r(t,e){var r,i=0,s=[];switch(t){case"int16":case"uint8c":r=1;break;default:r=1.1}for(i=0;i<e;i+=1)s.push(r);return s}return"function"==typeof Uint8ClampedArray&&"function"==typeof Float32Array?function(t,e){return"float32"===t?new Float32Array(e):"int16"===t?new Int16Array(e):"uint8c"===t?new Uint8ClampedArray(e):r(t,e)}:r}();function createSizedArray(t){return Array.apply(null,{length:t})}function createNS(t){return document.createElementNS(svgNS,t)}function createTag(t){return document.createElement(t)}function DynamicPropertyContainer(){}DynamicPropertyContainer.prototype={addDynamicProperty:function(t){-1===this.dynamicProperties.indexOf(t)&&(this.dynamicProperties.push(t),this.container.addDynamicProperty(this),this._isAnimated=!0)},iterateDynamicProperties:function(){var t;this._mdf=!1;var e=this.dynamicProperties.length;for(t=0;t<e;t+=1)this.dynamicProperties[t].getValue(),this.dynamicProperties[t]._mdf&&(this._mdf=!0)},initDynamicPropertyContainer:function(t){this.container=t,this.dynamicProperties=[],this._mdf=!1,this._isAnimated=!1}};var getBlendMode=(Oa={0:"source-over",1:"multiply",2:"screen",3:"overlay",4:"darken",5:"lighten",6:"color-dodge",7:"color-burn",8:"hard-light",9:"soft-light",10:"difference",11:"exclusion",12:"hue",13:"saturation",14:"color",15:"luminosity"},function(t){return Oa[t]||""}),Oa,lineCapEnum={1:"butt",2:"round",3:"square"},lineJoinEnum={1:"miter",2:"round",3:"bevel"},Matrix=function(){var s=Math.cos,a=Math.sin,n=Math.tan,i=Math.round;function t(){return this.props[0]=1,this.props[1]=0,this.props[2]=0,this.props[3]=0,this.props[4]=0,this.props[5]=1,this.props[6]=0,this.props[7]=0,this.props[8]=0,this.props[9]=0,this.props[10]=1,this.props[11]=0,this.props[12]=0,this.props[13]=0,this.props[14]=0,this.props[15]=1,this}function e(t){if(0===t)return this;var e=s(t),r=a(t);return this._t(e,-r,0,0,r,e,0,0,0,0,1,0,0,0,0,1)}function r(t){if(0===t)return this;var e=s(t),r=a(t);return this._t(1,0,0,0,0,e,-r,0,0,r,e,0,0,0,0,1)}function o(t){if(0===t)return this;var e=s(t),r=a(t);return this._t(e,0,r,0,0,1,0,0,-r,0,e,0,0,0,0,1)}function h(t){if(0===t)return this;var e=s(t),r=a(t);return this._t(e,-r,0,0,r,e,0,0,0,0,1,0,0,0,0,1)}function l(t,e){return this._t(1,e,t,1,0,0)}function p(t,e){return this.shear(n(t),n(e))}function m(t,e){var r=s(e),i=a(e);return this._t(r,i,0,0,-i,r,0,0,0,0,1,0,0,0,0,1)._t(1,0,0,0,n(t),1,0,0,0,0,1,0,0,0,0,1)._t(r,-i,0,0,i,r,0,0,0,0,1,0,0,0,0,1)}function f(t,e,r){return r||0===r||(r=1),1===t&&1===e&&1===r?this:this._t(t,0,0,0,0,e,0,0,0,0,r,0,0,0,0,1)}function c(t,e,r,i,s,a,n,o,h,l,p,m,f,c,d,u){return this.props[0]=t,this.props[1]=e,this.props[2]=r,this.props[3]=i,this.props[4]=s,this.props[5]=a,this.props[6]=n,this.props[7]=o,this.props[8]=h,this.props[9]=l,this.props[10]=p,this.props[11]=m,this.props[12]=f,this.props[13]=c,this.props[14]=d,this.props[15]=u,this}function d(t,e,r){return r=r||0,0!==t||0!==e||0!==r?this._t(1,0,0,0,0,1,0,0,0,0,1,0,t,e,r,1):this}function u(t,e,r,i,s,a,n,o,h,l,p,m,f,c,d,u){var y=this.props;if(1===t&&0===e&&0===r&&0===i&&0===s&&1===a&&0===n&&0===o&&0===h&&0===l&&1===p&&0===m)return y[12]=y[12]*t+y[15]*f,y[13]=y[13]*a+y[15]*c,y[14]=y[14]*p+y[15]*d,y[15]*=u,this._identityCalculated=!1,this;var g=y[0],v=y[1],b=y[2],P=y[3],E=y[4],x=y[5],S=y[6],A=y[7],C=y[8],_=y[9],T=y[10],k=y[11],D=y[12],M=y[13],F=y[14],w=y[15];return y[0]=g*t+v*s+b*h+P*f,y[1]=g*e+v*a+b*l+P*c,y[2]=g*r+v*n+b*p+P*d,y[3]=g*i+v*o+b*m+P*u,y[4]=E*t+x*s+S*h+A*f,y[5]=E*e+x*a+S*l+A*c,y[6]=E*r+x*n+S*p+A*d,y[7]=E*i+x*o+S*m+A*u,y[8]=C*t+_*s+T*h+k*f,y[9]=C*e+_*a+T*l+k*c,y[10]=C*r+_*n+T*p+k*d,y[11]=C*i+_*o+T*m+k*u,y[12]=D*t+M*s+F*h+w*f,y[13]=D*e+M*a+F*l+w*c,y[14]=D*r+M*n+F*p+w*d,y[15]=D*i+M*o+F*m+w*u,this._identityCalculated=!1,this}function y(){return this._identityCalculated||(this._identity=!(1!==this.props[0]||0!==this.props[1]||0!==this.props[2]||0!==this.props[3]||0!==this.props[4]||1!==this.props[5]||0!==this.props[6]||0!==this.props[7]||0!==this.props[8]||0!==this.props[9]||1!==this.props[10]||0!==this.props[11]||0!==this.props[12]||0!==this.props[13]||0!==this.props[14]||1!==this.props[15]),this._identityCalculated=!0),this._identity}function g(t){for(var e=0;e<16;){if(t.props[e]!==this.props[e])return!1;e+=1}return!0}function v(t){var e;for(e=0;e<16;e+=1)t.props[e]=this.props[e];return t}function b(t){var e;for(e=0;e<16;e+=1)this.props[e]=t[e]}function P(t,e,r){return{x:t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12],y:t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13],z:t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]}}function E(t,e,r){return t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12]}function x(t,e,r){return t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13]}function S(t,e,r){return t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]}function A(){var t=this.props[0]*this.props[5]-this.props[1]*this.props[4],e=this.props[5]/t,r=-this.props[1]/t,i=-this.props[4]/t,s=this.props[0]/t,a=(this.props[4]*this.props[13]-this.props[5]*this.props[12])/t,n=-(this.props[0]*this.props[13]-this.props[1]*this.props[12])/t,o=new Matrix;return o.props[0]=e,o.props[1]=r,o.props[4]=i,o.props[5]=s,o.props[12]=a,o.props[13]=n,o}function C(t){return this.getInverseMatrix().applyToPointArray(t[0],t[1],t[2]||0)}function _(t){var e,r=t.length,i=[];for(e=0;e<r;e+=1)i[e]=C(t[e]);return i}function T(t,e,r){var i=createTypedArray("float32",6);if(this.isIdentity())i[0]=t[0],i[1]=t[1],i[2]=e[0],i[3]=e[1],i[4]=r[0],i[5]=r[1];else{var s=this.props[0],a=this.props[1],n=this.props[4],o=this.props[5],h=this.props[12],l=this.props[13];i[0]=t[0]*s+t[1]*n+h,i[1]=t[0]*a+t[1]*o+l,i[2]=e[0]*s+e[1]*n+h,i[3]=e[0]*a+e[1]*o+l,i[4]=r[0]*s+r[1]*n+h,i[5]=r[0]*a+r[1]*o+l}return i}function k(t,e,r){return this.isIdentity()?[t,e,r]:[t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12],t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13],t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]]}function D(t,e){if(this.isIdentity())return t+","+e;var r=this.props;return Math.round(100*(t*r[0]+e*r[4]+r[12]))/100+","+Math.round(100*(t*r[1]+e*r[5]+r[13]))/100}function M(){for(var t=0,e=this.props,r="matrix3d(";t<16;)r+=i(1e4*e[t])/1e4,r+=15===t?")":",",t+=1;return r}function F(t){return t<1e-6&&0<t||-1e-6<t&&t<0?i(1e4*t)/1e4:t}function w(){var t=this.props;return"matrix("+F(t[0])+","+F(t[1])+","+F(t[4])+","+F(t[5])+","+F(t[12])+","+F(t[13])+")"}return function(){this.reset=t,this.rotate=e,this.rotateX=r,this.rotateY=o,this.rotateZ=h,this.skew=p,this.skewFromAxis=m,this.shear=l,this.scale=f,this.setTransform=c,this.translate=d,this.transform=u,this.applyToPoint=P,this.applyToX=E,this.applyToY=x,this.applyToZ=S,this.applyToPointArray=k,this.applyToTriplePoints=T,this.applyToPointStringified=D,this.toCSS=M,this.to2dCSS=w,this.clone=v,this.cloneFromProps=b,this.equals=g,this.inversePoints=_,this.inversePoint=C,this.getInverseMatrix=A,this._t=this.transform,this.isIdentity=y,this._identity=!0,this._identityCalculated=!1,this.props=createTypedArray("float32",16),this.reset()}}();!function(o,h){var l,p=this,m=256,f=6,c="random",d=h.pow(m,f),u=h.pow(2,52),y=2*u,g=m-1;function v(t){var e,r=t.length,n=this,i=0,s=n.i=n.j=0,a=n.S=[];for(r||(t=[r++]);i<m;)a[i]=i++;for(i=0;i<m;i++)a[i]=a[s=g&s+t[i%r]+(e=a[i])],a[s]=e;n.g=function(t){for(var e,r=0,i=n.i,s=n.j,a=n.S;t--;)e=a[i=g&i+1],r=r*m+a[g&(a[i]=a[s=g&s+e])+(a[s]=e)];return n.i=i,n.j=s,r}}function b(t,e){return e.i=t.i,e.j=t.j,e.S=t.S.slice(),e}function P(t,e){for(var r,i=t+"",s=0;s<i.length;)e[g&s]=g&(r^=19*e[g&s])+i.charCodeAt(s++);return E(e)}function E(t){return String.fromCharCode.apply(0,t)}h["seed"+c]=function(t,e,r){var i=[],s=P(function t(e,r){var i,s=[],a=typeof e;if(r&&"object"==a)for(i in e)try{s.push(t(e[i],r-1))}catch(t){}return s.length?s:"string"==a?e:e+"\0"}((e=!0===e?{entropy:!0}:e||{}).entropy?[t,E(o)]:null===t?function(){try{if(l)return E(l.randomBytes(m));var t=new Uint8Array(m);return(p.crypto||p.msCrypto).getRandomValues(t),E(t)}catch(t){var e=p.navigator,r=e&&e.plugins;return[+new Date,p,r,p.screen,E(o)]}}():t,3),i),a=new v(i),n=function(){for(var t=a.g(f),e=d,r=0;t<u;)t=(t+r)*m,e*=m,r=a.g(1);for(;y<=t;)t/=2,e/=2,r>>>=1;return(t+r)/e};return n.int32=function(){return 0|a.g(4)},n.quick=function(){return a.g(4)/4294967296},n.double=n,P(E(a.S),o),(e.pass||r||function(t,e,r,i){return i&&(i.S&&b(i,a),t.state=function(){return b(a,{})}),r?(h[c]=t,e):t})(n,s,"global"in e?e.global:this==h,e.state)},P(h.random(),o)}([],BMMath);var BezierFactory=function(){var t={getBezierEasing:function(t,e,r,i,s){var a=s||("bez_"+t+"_"+e+"_"+r+"_"+i).replace(/\./g,"p");if(o[a])return o[a];var n=new h([t,e,r,i]);return o[a]=n}},o={};var l=11,p=1/(l-1),e="function"==typeof Float32Array;function i(t,e){return 1-3*e+3*t}function s(t,e){return 3*e-6*t}function a(t){return 3*t}function m(t,e,r){return((i(e,r)*t+s(e,r))*t+a(e))*t}function f(t,e,r){return 3*i(e,r)*t*t+2*s(e,r)*t+a(e)}function h(t){this._p=t,this._mSampleValues=e?new Float32Array(l):new Array(l),this._precomputed=!1,this.get=this.get.bind(this)}return h.prototype={get:function(t){var e=this._p[0],r=this._p[1],i=this._p[2],s=this._p[3];return this._precomputed||this._precompute(),e===r&&i===s?t:0===t?0:1===t?1:m(this._getTForX(t),r,s)},_precompute:function(){var t=this._p[0],e=this._p[1],r=this._p[2],i=this._p[3];this._precomputed=!0,t===e&&r===i||this._calcSampleValues()},_calcSampleValues:function(){for(var t=this._p[0],e=this._p[2],r=0;r<l;++r)this._mSampleValues[r]=m(r*p,t,e)},_getTForX:function(t){for(var e=this._p[0],r=this._p[2],i=this._mSampleValues,s=0,a=1,n=l-1;a!==n&&i[a]<=t;++a)s+=p;var o=s+(t-i[--a])/(i[a+1]-i[a])*p,h=f(o,e,r);return.001<=h?function(t,e,r,i){for(var s=0;s<4;++s){var a=f(e,r,i);if(0===a)return e;e-=(m(e,r,i)-t)/a}return e}(t,o,e,r):0===h?o:function(t,e,r,i,s){for(var a,n,o=0;0<(a=m(n=e+(r-e)/2,i,s)-t)?r=n:e=n,1e-7<Math.abs(a)&&++o<10;);return n}(t,s,s+p,e,r)}},t}();function extendPrototype(t,e){var r,i,s=t.length;for(r=0;r<s;r+=1)for(var a in i=t[r].prototype)Object.prototype.hasOwnProperty.call(i,a)&&(e.prototype[a]=i[a])}function getDescriptor(t,e){return Object.getOwnPropertyDescriptor(t,e)}function createProxyFunction(t){function e(){}return e.prototype=t,e}function bezFunction(){var D=Math;function y(t,e,r,i,s,a){var n=t*i+e*s+r*a-s*i-a*t-r*e;return-.001<n&&n<.001}var p=function(t,e,r,i){var s,a,n,o,h,l,p=defaultCurveSegments,m=0,f=[],c=[],d=bezierLengthPool.newElement();for(n=r.length,s=0;s<p;s+=1){for(h=s/(p-1),a=l=0;a<n;a+=1)o=bmPow(1-h,3)*t[a]+3*bmPow(1-h,2)*h*r[a]+3*(1-h)*bmPow(h,2)*i[a]+bmPow(h,3)*e[a],f[a]=o,null!==c[a]&&(l+=bmPow(f[a]-c[a],2)),c[a]=f[a];l&&(m+=l=bmSqrt(l)),d.percents[s]=h,d.lengths[s]=m}return d.addedLength=m,d};function g(t){this.segmentLength=0,this.points=new Array(t)}function v(t,e){this.partialLength=t,this.point=e}var b,t=(b={},function(t,e,r,i){var s=(t[0]+"_"+t[1]+"_"+e[0]+"_"+e[1]+"_"+r[0]+"_"+r[1]+"_"+i[0]+"_"+i[1]).replace(/\./g,"p");if(!b[s]){var a,n,o,h,l,p,m,f=defaultCurveSegments,c=0,d=null;2===t.length&&(t[0]!==e[0]||t[1]!==e[1])&&y(t[0],t[1],e[0],e[1],t[0]+r[0],t[1]+r[1])&&y(t[0],t[1],e[0],e[1],e[0]+i[0],e[1]+i[1])&&(f=2);var u=new g(f);for(o=r.length,a=0;a<f;a+=1){for(m=createSizedArray(o),l=a/(f-1),n=p=0;n<o;n+=1)h=bmPow(1-l,3)*t[n]+3*bmPow(1-l,2)*l*(t[n]+r[n])+3*(1-l)*bmPow(l,2)*(e[n]+i[n])+bmPow(l,3)*e[n],m[n]=h,null!==d&&(p+=bmPow(m[n]-d[n],2));c+=p=bmSqrt(p),u.points[a]=new v(p,m),d=m}u.segmentLength=c,b[s]=u}return b[s]});function M(t,e){var r=e.percents,i=e.lengths,s=r.length,a=bmFloor((s-1)*t),n=t*e.addedLength,o=0;if(a===s-1||0===a||n===i[a])return r[a];for(var h=i[a]>n?-1:1,l=!0;l;)if(i[a]<=n&&i[a+1]>n?(o=(n-i[a])/(i[a+1]-i[a]),l=!1):a+=h,a<0||s-1<=a){if(a===s-1)return r[a];l=!1}return r[a]+(r[a+1]-r[a])*o}var F=createTypedArray("float32",8);return{getSegmentsLength:function(t){var e,r=segmentsLengthPool.newElement(),i=t.c,s=t.v,a=t.o,n=t.i,o=t._length,h=r.lengths,l=0;for(e=0;e<o-1;e+=1)h[e]=p(s[e],s[e+1],a[e],n[e+1]),l+=h[e].addedLength;return i&&o&&(h[e]=p(s[e],s[0],a[e],n[0]),l+=h[e].addedLength),r.totalLength=l,r},getNewSegment:function(t,e,r,i,s,a,n){s<0?s=0:1<s&&(s=1);var o,h=M(s,n),l=M(a=1<a?1:a,n),p=t.length,m=1-h,f=1-l,c=m*m*m,d=h*m*m*3,u=h*h*m*3,y=h*h*h,g=m*m*f,v=h*m*f+m*h*f+m*m*l,b=h*h*f+m*h*l+h*m*l,P=h*h*l,E=m*f*f,x=h*f*f+m*l*f+m*f*l,S=h*l*f+m*l*l+h*f*l,A=h*l*l,C=f*f*f,_=l*f*f+f*l*f+f*f*l,T=l*l*f+f*l*l+l*f*l,k=l*l*l;for(o=0;o<p;o+=1)F[4*o]=D.round(1e3*(c*t[o]+d*r[o]+u*i[o]+y*e[o]))/1e3,F[4*o+1]=D.round(1e3*(g*t[o]+v*r[o]+b*i[o]+P*e[o]))/1e3,F[4*o+2]=D.round(1e3*(E*t[o]+x*r[o]+S*i[o]+A*e[o]))/1e3,F[4*o+3]=D.round(1e3*(C*t[o]+_*r[o]+T*i[o]+k*e[o]))/1e3;return F},getPointInSegment:function(t,e,r,i,s,a){var n=M(s,a),o=1-n;return[D.round(1e3*(o*o*o*t[0]+(n*o*o+o*n*o+o*o*n)*r[0]+(n*n*o+o*n*n+n*o*n)*i[0]+n*n*n*e[0]))/1e3,D.round(1e3*(o*o*o*t[1]+(n*o*o+o*n*o+o*o*n)*r[1]+(n*n*o+o*n*n+n*o*n)*i[1]+n*n*n*e[1]))/1e3]},buildBezierData:t,pointOnLine2D:y,pointOnLine3D:function(t,e,r,i,s,a,n,o,h){if(0===r&&0===a&&0===h)return y(t,e,i,s,n,o);var l,p=D.sqrt(D.pow(i-t,2)+D.pow(s-e,2)+D.pow(a-r,2)),m=D.sqrt(D.pow(n-t,2)+D.pow(o-e,2)+D.pow(h-r,2)),f=D.sqrt(D.pow(n-i,2)+D.pow(o-s,2)+D.pow(h-a,2));return-1e-4<(l=m<p?f<p?p-m-f:f-m-p:m<f?f-m-p:m-p-f)&&l<1e-4}}}!function(){for(var s=0,t=["ms","moz","webkit","o"],e=0;e<t.length&&!window.requestAnimationFrame;++e)window.requestAnimationFrame=window[t[e]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[t[e]+"CancelAnimationFrame"]||window[t[e]+"CancelRequestAnimationFrame"];window.requestAnimationFrame||(window.requestAnimationFrame=function(t){var e=(new Date).getTime(),r=Math.max(0,16-(e-s)),i=setTimeout(function(){t(e+r)},r);return s=e+r,i}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(t){clearTimeout(t)})}();var bez=bezFunction();function dataFunctionManager(){function m(t,e,r){var i,s,a,n,o,h,l=t.length;for(s=0;s<l;s+=1)if("ks"in(i=t[s])&&!i.completed){if(i.completed=!0,i.tt&&(t[s-1].td=i.tt),i.hasMask){var p=i.masksProperties;for(n=p.length,a=0;a<n;a+=1)if(p[a].pt.k.i)d(p[a].pt.k);else for(h=p[a].pt.k.length,o=0;o<h;o+=1)p[a].pt.k[o].s&&d(p[a].pt.k[o].s[0]),p[a].pt.k[o].e&&d(p[a].pt.k[o].e[0])}0===i.ty?(i.layers=f(i.refId,e),m(i.layers,e,r)):4===i.ty?c(i.shapes):5===i.ty&&u(i)}}function f(t,e){for(var r=0,i=e.length;r<i;){if(e[r].id===t)return e[r].layers.__used?JSON.parse(JSON.stringify(e[r].layers)):(e[r].layers.__used=!0,e[r].layers);r+=1}return null}function c(t){var e,r,i;for(e=t.length-1;0<=e;e-=1)if("sh"===t[e].ty)if(t[e].ks.k.i)d(t[e].ks.k);else for(i=t[e].ks.k.length,r=0;r<i;r+=1)t[e].ks.k[r].s&&d(t[e].ks.k[r].s[0]),t[e].ks.k[r].e&&d(t[e].ks.k[r].e[0]);else"gr"===t[e].ty&&c(t[e].it)}function d(t){var e,r=t.i.length;for(e=0;e<r;e+=1)t.i[e][0]+=t.v[e][0],t.i[e][1]+=t.v[e][1],t.o[e][0]+=t.v[e][0],t.o[e][1]+=t.v[e][1]}function o(t,e){var r=e?e.split("."):[100,100,100];return t[0]>r[0]||!(r[0]>t[0])&&(t[1]>r[1]||!(r[1]>t[1])&&(t[2]>r[2]||!(r[2]>t[2])&&null))}var h,r=function(){var i=[4,4,14];function s(t){var e,r,i,s=t.length;for(e=0;e<s;e+=1)5===t[e].ty&&(r=t[e],void 0,i=r.t.d,r.t.d={k:[{s:i,t:0}]})}return function(t){if(o(i,t.v)&&(s(t.layers),t.assets)){var e,r=t.assets.length;for(e=0;e<r;e+=1)t.assets[e].layers&&s(t.assets[e].layers)}}}(),i=(h=[4,7,99],function(t){if(t.chars&&!o(h,t.v)){var e,r,i,s,a,n=t.chars.length;for(e=0;e<n;e+=1)if(t.chars[e].data&&t.chars[e].data.shapes)for(i=(a=t.chars[e].data.shapes[0].it).length,r=0;r<i;r+=1)(s=a[r].ks.k).__converted||(d(a[r].ks.k),s.__converted=!0)}}),s=function(){var i=[4,1,9];function a(t){var e,r,i,s=t.length;for(e=0;e<s;e+=1)if("gr"===t[e].ty)a(t[e].it);else if("fl"===t[e].ty||"st"===t[e].ty)if(t[e].c.k&&t[e].c.k[0].i)for(i=t[e].c.k.length,r=0;r<i;r+=1)t[e].c.k[r].s&&(t[e].c.k[r].s[0]/=255,t[e].c.k[r].s[1]/=255,t[e].c.k[r].s[2]/=255,t[e].c.k[r].s[3]/=255),t[e].c.k[r].e&&(t[e].c.k[r].e[0]/=255,t[e].c.k[r].e[1]/=255,t[e].c.k[r].e[2]/=255,t[e].c.k[r].e[3]/=255);else t[e].c.k[0]/=255,t[e].c.k[1]/=255,t[e].c.k[2]/=255,t[e].c.k[3]/=255}function s(t){var e,r=t.length;for(e=0;e<r;e+=1)4===t[e].ty&&a(t[e].shapes)}return function(t){if(o(i,t.v)&&(s(t.layers),t.assets)){var e,r=t.assets.length;for(e=0;e<r;e+=1)t.assets[e].layers&&s(t.assets[e].layers)}}}(),a=function(){var i=[4,4,18];function l(t){var e,r,i;for(e=t.length-1;0<=e;e-=1)if("sh"===t[e].ty)if(t[e].ks.k.i)t[e].ks.k.c=t[e].closed;else for(i=t[e].ks.k.length,r=0;r<i;r+=1)t[e].ks.k[r].s&&(t[e].ks.k[r].s[0].c=t[e].closed),t[e].ks.k[r].e&&(t[e].ks.k[r].e[0].c=t[e].closed);else"gr"===t[e].ty&&l(t[e].it)}function s(t){var e,r,i,s,a,n,o=t.length;for(r=0;r<o;r+=1){if((e=t[r]).hasMask){var h=e.masksProperties;for(s=h.length,i=0;i<s;i+=1)if(h[i].pt.k.i)h[i].pt.k.c=h[i].cl;else for(n=h[i].pt.k.length,a=0;a<n;a+=1)h[i].pt.k[a].s&&(h[i].pt.k[a].s[0].c=h[i].cl),h[i].pt.k[a].e&&(h[i].pt.k[a].e[0].c=h[i].cl)}4===e.ty&&l(e.shapes)}}return function(t){if(o(i,t.v)&&(s(t.layers),t.assets)){var e,r=t.assets.length;for(e=0;e<r;e+=1)t.assets[e].layers&&s(t.assets[e].layers)}}}();function u(t){0!==t.t.a.length||"m"in t.t.p||(t.singleShape=!0)}var t={completeData:function(t,e){t.__complete||(s(t),r(t),i(t),a(t),m(t.layers,t.assets,e),t.__complete=!0)}};return t.checkColors=s,t.checkChars=i,t.checkShapes=a,t.completeLayers=m,t}var dataManager=dataFunctionManager();function getFontProperties(t){for(var e=t.fStyle?t.fStyle.split(" "):[],r="normal",i="normal",s=e.length,a=0;a<s;a+=1)switch(e[a].toLowerCase()){case"italic":i="italic";break;case"bold":r="700";break;case"black":r="900";break;case"medium":r="500";break;case"regular":case"normal":r="400";break;case"light":case"thin":r="200"}return{style:i,weight:t.fWeight||r}}var FontManager=function(){var a={w:0,size:0,shapes:[]},t=[];function f(t,e){var r=createTag("span");r.setAttribute("aria-hidden",!0),r.style.fontFamily=e;var i=createTag("span");i.innerText="giItT1WQy@!-/#",r.style.position="absolute",r.style.left="-10000px",r.style.top="-10000px",r.style.fontSize="300px",r.style.fontVariant="normal",r.style.fontStyle="normal",r.style.fontWeight="normal",r.style.letterSpacing="0",r.appendChild(i),document.body.appendChild(r);var s=i.offsetWidth;return i.style.fontFamily=function(t){var e,r=t.split(","),i=r.length,s=[];for(e=0;e<i;e+=1)"sans-serif"!==r[e]&&"monospace"!==r[e]&&s.push(r[e]);return s.join(",")}(t)+", "+e,{node:i,w:s,parent:r}}function c(t,e){var r=createNS("text");r.style.fontSize="100px";var i=getFontProperties(e);return r.setAttribute("font-family",e.fFamily),r.setAttribute("font-style",i.style),r.setAttribute("font-weight",i.weight),r.textContent="1",e.fClass?(r.style.fontFamily="inherit",r.setAttribute("class",e.fClass)):r.style.fontFamily=e.fFamily,t.appendChild(r),createTag("canvas").getContext("2d").font=e.fWeight+" "+e.fStyle+" 100px "+e.fFamily,r}t=t.concat([2304,2305,2306,2307,2362,2363,2364,2364,2366,2367,2368,2369,2370,2371,2372,2373,2374,2375,2376,2377,2378,2379,2380,2381,2382,2383,2387,2388,2389,2390,2391,2402,2403]);var e=function(){this.fonts=[],this.chars=null,this.typekitLoaded=0,this.isLoaded=!1,this._warned=!1,this.initTime=Date.now(),this.setIsLoadedBinded=this.setIsLoaded.bind(this),this.checkLoadedFontsBinded=this.checkLoadedFonts.bind(this)};return e.getCombinedCharacterCodes=function(){return t},e.prototype={addChars:function(t){if(t){var e;this.chars||(this.chars=[]);var r,i,s=t.length,a=this.chars.length;for(e=0;e<s;e+=1){for(r=0,i=!1;r<a;)this.chars[r].style===t[e].style&&this.chars[r].fFamily===t[e].fFamily&&this.chars[r].ch===t[e].ch&&(i=!0),r+=1;i||(this.chars.push(t[e]),a+=1)}}},addFonts:function(t,e){if(t){if(this.chars)return this.isLoaded=!0,void(this.fonts=t.list);var r,i=t.list,s=i.length,a=s;for(r=0;r<s;r+=1){var n,o,h=!0;if(i[r].loaded=!1,i[r].monoCase=f(i[r].fFamily,"monospace"),i[r].sansCase=f(i[r].fFamily,"sans-serif"),i[r].fPath){if("p"===i[r].fOrigin||3===i[r].origin){if(0<(n=document.querySelectorAll('style[f-forigin="p"][f-family="'+i[r].fFamily+'"], style[f-origin="3"][f-family="'+i[r].fFamily+'"]')).length&&(h=!1),h){var l=createTag("style");l.setAttribute("f-forigin",i[r].fOrigin),l.setAttribute("f-origin",i[r].origin),l.setAttribute("f-family",i[r].fFamily),l.type="text/css",l.innerText="@font-face {font-family: "+i[r].fFamily+"; font-style: normal; src: url('"+i[r].fPath+"');}",e.appendChild(l)}}else if("g"===i[r].fOrigin||1===i[r].origin){for(n=document.querySelectorAll('link[f-forigin="g"], link[f-origin="1"]'),o=0;o<n.length;o+=1)-1!==n[o].href.indexOf(i[r].fPath)&&(h=!1);if(h){var p=createTag("link");p.setAttribute("f-forigin",i[r].fOrigin),p.setAttribute("f-origin",i[r].origin),p.type="text/css",p.rel="stylesheet",p.href=i[r].fPath,document.body.appendChild(p)}}else if("t"===i[r].fOrigin||2===i[r].origin){for(n=document.querySelectorAll('script[f-forigin="t"], script[f-origin="2"]'),o=0;o<n.length;o+=1)i[r].fPath===n[o].src&&(h=!1);if(h){var m=createTag("link");m.setAttribute("f-forigin",i[r].fOrigin),m.setAttribute("f-origin",i[r].origin),m.setAttribute("rel","stylesheet"),m.setAttribute("href",i[r].fPath),e.appendChild(m)}}}else i[r].loaded=!0,a-=1;i[r].helper=c(e,i[r]),i[r].cache={},this.fonts.push(i[r])}0===a?this.isLoaded=!0:setTimeout(this.checkLoadedFonts.bind(this),100)}else this.isLoaded=!0},getCharData:function(t,e,r){for(var i=0,s=this.chars.length;i<s;){if(this.chars[i].ch===t&&this.chars[i].style===e&&this.chars[i].fFamily===r)return this.chars[i];i+=1}return("string"==typeof t&&13!==t.charCodeAt(0)||!t)&&console&&console.warn&&!this._warned&&(this._warned=!0,console.warn("Missing character from exported characters list: ",t,e,r)),a},getFontByName:function(t){for(var e=0,r=this.fonts.length;e<r;){if(this.fonts[e].fName===t)return this.fonts[e];e+=1}return this.fonts[0]},measureText:function(t,e,r){var i=this.getFontByName(e),s=t.charCodeAt(0);if(!i.cache[s+1]){var a=i.helper;if(" "===t){a.textContent="|"+t+"|";var n=a.getComputedTextLength();a.textContent="||";var o=a.getComputedTextLength();i.cache[s+1]=(n-o)/100}else a.textContent=t,i.cache[s+1]=a.getComputedTextLength()/100}return i.cache[s+1]*r},checkLoadedFonts:function(){var t,e,r,i=this.fonts.length,s=i;for(t=0;t<i;t+=1)this.fonts[t].loaded?s-=1:"n"===this.fonts[t].fOrigin||0===this.fonts[t].origin?this.fonts[t].loaded=!0:(e=this.fonts[t].monoCase.node,r=this.fonts[t].monoCase.w,e.offsetWidth!==r?(s-=1,this.fonts[t].loaded=!0):(e=this.fonts[t].sansCase.node,r=this.fonts[t].sansCase.w,e.offsetWidth!==r&&(s-=1,this.fonts[t].loaded=!0)),this.fonts[t].loaded&&(this.fonts[t].sansCase.parent.parentNode.removeChild(this.fonts[t].sansCase.parent),this.fonts[t].monoCase.parent.parentNode.removeChild(this.fonts[t].monoCase.parent)));0!==s&&Date.now()-this.initTime<5e3?setTimeout(this.checkLoadedFontsBinded,20):setTimeout(this.setIsLoadedBinded,10)},setIsLoaded:function(){this.isLoaded=!0}},e}(),PropertyFactory=function(){var m=initialDefaultFrame,s=Math.abs;function f(t,e){var r,i=this.offsetTime;"multidimensional"===this.propType&&(r=createTypedArray("float32",this.pv.length));for(var s,a,n,o,h,l,p,m,f=e.lastIndex,c=f,d=this.keyframes.length-1,u=!0;u;){if(s=this.keyframes[c],a=this.keyframes[c+1],c===d-1&&t>=a.t-i){s.h&&(s=a),f=0;break}if(a.t-i>t){f=c;break}c<d-1?c+=1:(f=0,u=!1)}var y,g,v,b,P,E,x,S,A,C,_=a.t-i,T=s.t-i;if(s.to){s.bezierData||(s.bezierData=bez.buildBezierData(s.s,a.s||s.e,s.to,s.ti));var k=s.bezierData;if(_<=t||t<T){var D=_<=t?k.points.length-1:0;for(o=k.points[D].point.length,n=0;n<o;n+=1)r[n]=k.points[D].point[n]}else{s.__fnct?m=s.__fnct:(m=BezierFactory.getBezierEasing(s.o.x,s.o.y,s.i.x,s.i.y,s.n).get,s.__fnct=m),h=m((t-T)/(_-T));var M,F=k.segmentLength*h,w=e.lastFrame<t&&e._lastKeyframeIndex===c?e._lastAddedLength:0;for(p=e.lastFrame<t&&e._lastKeyframeIndex===c?e._lastPoint:0,u=!0,l=k.points.length;u;){if(w+=k.points[p].partialLength,0===F||0===h||p===k.points.length-1){for(o=k.points[p].point.length,n=0;n<o;n+=1)r[n]=k.points[p].point[n];break}if(w<=F&&F<w+k.points[p+1].partialLength){for(M=(F-w)/k.points[p+1].partialLength,o=k.points[p].point.length,n=0;n<o;n+=1)r[n]=k.points[p].point[n]+(k.points[p+1].point[n]-k.points[p].point[n])*M;break}p<l-1?p+=1:u=!1}e._lastPoint=p,e._lastAddedLength=w-k.points[p].partialLength,e._lastKeyframeIndex=c}}else{var I,V,B,R,L;if(d=s.s.length,y=a.s||s.e,this.sh&&1!==s.h)if(_<=t)r[0]=y[0],r[1]=y[1],r[2]=y[2];else if(t<=T)r[0]=s.s[0],r[1]=s.s[1],r[2]=s.s[2];else{var G=N(s.s),z=N(y);g=r,v=function(t,e,r){var i,s,a,n,o,h=[],l=t[0],p=t[1],m=t[2],f=t[3],c=e[0],d=e[1],u=e[2],y=e[3];(s=l*c+p*d+m*u+f*y)<0&&(s=-s,c=-c,d=-d,u=-u,y=-y);o=1e-6<1-s?(i=Math.acos(s),a=Math.sin(i),n=Math.sin((1-r)*i)/a,Math.sin(r*i)/a):(n=1-r,r);return h[0]=n*l+o*c,h[1]=n*p+o*d,h[2]=n*m+o*u,h[3]=n*f+o*y,h}(G,z,(t-T)/(_-T)),b=v[0],P=v[1],E=v[2],x=v[3],S=Math.atan2(2*P*x-2*b*E,1-2*P*P-2*E*E),A=Math.asin(2*b*P+2*E*x),C=Math.atan2(2*b*x-2*P*E,1-2*b*b-2*E*E),g[0]=S/degToRads,g[1]=A/degToRads,g[2]=C/degToRads}else for(c=0;c<d;c+=1)1!==s.h&&(h=_<=t?1:t<T?0:(s.o.x.constructor===Array?(s.__fnct||(s.__fnct=[]),s.__fnct[c]?m=s.__fnct[c]:(I=void 0===s.o.x[c]?s.o.x[0]:s.o.x[c],V=void 0===s.o.y[c]?s.o.y[0]:s.o.y[c],B=void 0===s.i.x[c]?s.i.x[0]:s.i.x[c],R=void 0===s.i.y[c]?s.i.y[0]:s.i.y[c],m=BezierFactory.getBezierEasing(I,V,B,R).get,s.__fnct[c]=m)):s.__fnct?m=s.__fnct:(I=s.o.x,V=s.o.y,B=s.i.x,R=s.i.y,m=BezierFactory.getBezierEasing(I,V,B,R).get,s.__fnct=m),m((t-T)/(_-T)))),y=a.s||s.e,L=1===s.h?s.s[c]:s.s[c]+(y[c]-s.s[c])*h,"multidimensional"===this.propType?r[c]=L:r=L}return e.lastIndex=f,r}function N(t){var e=t[0]*degToRads,r=t[1]*degToRads,i=t[2]*degToRads,s=Math.cos(e/2),a=Math.cos(r/2),n=Math.cos(i/2),o=Math.sin(e/2),h=Math.sin(r/2),l=Math.sin(i/2);return[o*h*n+s*a*l,o*a*n+s*h*l,s*h*n-o*a*l,s*a*n-o*h*l]}function c(){var t=this.comp.renderedFrame-this.offsetTime,e=this.keyframes[0].t-this.offsetTime,r=this.keyframes[this.keyframes.length-1].t-this.offsetTime;if(!(t===this._caching.lastFrame||this._caching.lastFrame!==m&&(this._caching.lastFrame>=r&&r<=t||this._caching.lastFrame<e&&t<e))){this._caching.lastFrame>=t&&(this._caching._lastKeyframeIndex=-1,this._caching.lastIndex=0);var i=this.interpolateValue(t,this._caching);this.pv=i}return this._caching.lastFrame=t,this.pv}function d(t){var e;if("unidimensional"===this.propType)e=t*this.mult,1e-5<s(this.v-e)&&(this.v=e,this._mdf=!0);else for(var r=0,i=this.v.length;r<i;)e=t[r]*this.mult,1e-5<s(this.v[r]-e)&&(this.v[r]=e,this._mdf=!0),r+=1}function u(){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length)if(this.lock)this.setVValue(this.pv);else{var t;this.lock=!0,this._mdf=this._isFirstFrame;var e=this.effectsSequence.length,r=this.kf?this.pv:this.data.k;for(t=0;t<e;t+=1)r=this.effectsSequence[t](r);this.setVValue(r),this._isFirstFrame=!1,this.lock=!1,this.frameId=this.elem.globalData.frameId}}function y(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function n(t,e,r,i){this.propType="unidimensional",this.mult=r||1,this.data=e,this.v=r?e.k*r:e.k,this.pv=e.k,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.vel=0,this.effectsSequence=[],this._isFirstFrame=!0,this.getValue=u,this.setVValue=d,this.addEffect=y}function o(t,e,r,i){var s;this.propType="multidimensional",this.mult=r||1,this.data=e,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.frameId=-1;var a=e.k.length;for(this.v=createTypedArray("float32",a),this.pv=createTypedArray("float32",a),this.vel=createTypedArray("float32",a),s=0;s<a;s+=1)this.v[s]=e.k[s]*this.mult,this.pv[s]=e.k[s];this._isFirstFrame=!0,this.effectsSequence=[],this.getValue=u,this.setVValue=d,this.addEffect=y}function h(t,e,r,i){this.propType="unidimensional",this.keyframes=e.k,this.offsetTime=t.data.st,this.frameId=-1,this._caching={lastFrame:m,lastIndex:0,value:0,_lastKeyframeIndex:-1},this.k=!0,this.kf=!0,this.data=e,this.mult=r||1,this.elem=t,this.container=i,this.comp=t.comp,this.v=m,this.pv=m,this._isFirstFrame=!0,this.getValue=u,this.setVValue=d,this.interpolateValue=f,this.effectsSequence=[c.bind(this)],this.addEffect=y}function l(t,e,r,i){var s;this.propType="multidimensional";var a,n,o,h,l=e.k.length;for(s=0;s<l-1;s+=1)e.k[s].to&&e.k[s].s&&e.k[s+1]&&e.k[s+1].s&&(a=e.k[s].s,n=e.k[s+1].s,o=e.k[s].to,h=e.k[s].ti,(2===a.length&&(a[0]!==n[0]||a[1]!==n[1])&&bez.pointOnLine2D(a[0],a[1],n[0],n[1],a[0]+o[0],a[1]+o[1])&&bez.pointOnLine2D(a[0],a[1],n[0],n[1],n[0]+h[0],n[1]+h[1])||3===a.length&&(a[0]!==n[0]||a[1]!==n[1]||a[2]!==n[2])&&bez.pointOnLine3D(a[0],a[1],a[2],n[0],n[1],n[2],a[0]+o[0],a[1]+o[1],a[2]+o[2])&&bez.pointOnLine3D(a[0],a[1],a[2],n[0],n[1],n[2],n[0]+h[0],n[1]+h[1],n[2]+h[2]))&&(e.k[s].to=null,e.k[s].ti=null),a[0]===n[0]&&a[1]===n[1]&&0===o[0]&&0===o[1]&&0===h[0]&&0===h[1]&&(2===a.length||a[2]===n[2]&&0===o[2]&&0===h[2])&&(e.k[s].to=null,e.k[s].ti=null));this.effectsSequence=[c.bind(this)],this.data=e,this.keyframes=e.k,this.offsetTime=t.data.st,this.k=!0,this.kf=!0,this._isFirstFrame=!0,this.mult=r||1,this.elem=t,this.container=i,this.comp=t.comp,this.getValue=u,this.setVValue=d,this.interpolateValue=f,this.frameId=-1;var p=e.k[0].s.length;for(this.v=createTypedArray("float32",p),this.pv=createTypedArray("float32",p),s=0;s<p;s+=1)this.v[s]=m,this.pv[s]=m;this._caching={lastFrame:m,lastIndex:0,value:createTypedArray("float32",p)},this.addEffect=y}return{getProp:function(t,e,r,i,s){var a;if(e.k.length)if("number"==typeof e.k[0])a=new o(t,e,i,s);else switch(r){case 0:a=new h(t,e,i,s);break;case 1:a=new l(t,e,i,s)}else a=new n(t,e,i,s);return a.effectsSequence.length&&s.addDynamicProperty(a),a}}}(),TransformPropertyFactory=function(){var n=[0,0];function i(t,e,r){if(this.elem=t,this.frameId=-1,this.propType="transform",this.data=e,this.v=new Matrix,this.pre=new Matrix,this.appliedTransformations=0,this.initDynamicPropertyContainer(r||t),e.p&&e.p.s?(this.px=PropertyFactory.getProp(t,e.p.x,0,0,this),this.py=PropertyFactory.getProp(t,e.p.y,0,0,this),e.p.z&&(this.pz=PropertyFactory.getProp(t,e.p.z,0,0,this))):this.p=PropertyFactory.getProp(t,e.p||{k:[0,0,0]},1,0,this),e.rx){if(this.rx=PropertyFactory.getProp(t,e.rx,0,degToRads,this),this.ry=PropertyFactory.getProp(t,e.ry,0,degToRads,this),this.rz=PropertyFactory.getProp(t,e.rz,0,degToRads,this),e.or.k[0].ti){var i,s=e.or.k.length;for(i=0;i<s;i+=1)e.or.k[i].to=null,e.or.k[i].ti=null}this.or=PropertyFactory.getProp(t,e.or,1,degToRads,this),this.or.sh=!0}else this.r=PropertyFactory.getProp(t,e.r||{k:0},0,degToRads,this);e.sk&&(this.sk=PropertyFactory.getProp(t,e.sk,0,degToRads,this),this.sa=PropertyFactory.getProp(t,e.sa,0,degToRads,this)),this.a=PropertyFactory.getProp(t,e.a||{k:[0,0,0]},1,0,this),this.s=PropertyFactory.getProp(t,e.s||{k:[100,100,100]},1,.01,this),e.o?this.o=PropertyFactory.getProp(t,e.o,0,.01,t):this.o={_mdf:!1,v:1},this._isDirty=!0,this.dynamicProperties.length||this.getValue(!0)}return i.prototype={applyToMatrix:function(t){var e=this._mdf;this.iterateDynamicProperties(),this._mdf=this._mdf||e,this.a&&t.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.s&&t.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&t.skewFromAxis(-this.sk.v,this.sa.v),this.r?t.rotate(-this.r.v):t.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.data.p.s?this.data.p.z?t.translate(this.px.v,this.py.v,-this.pz.v):t.translate(this.px.v,this.py.v,0):t.translate(this.p.v[0],this.p.v[1],-this.p.v[2])},getValue:function(t){if(this.elem.globalData.frameId!==this.frameId){if(this._isDirty&&(this.precalculateMatrix(),this._isDirty=!1),this.iterateDynamicProperties(),this._mdf||t){var e;if(this.v.cloneFromProps(this.pre.props),this.appliedTransformations<1&&this.v.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations<2&&this.v.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&this.appliedTransformations<3&&this.v.skewFromAxis(-this.sk.v,this.sa.v),this.r&&this.appliedTransformations<4?this.v.rotate(-this.r.v):!this.r&&this.appliedTransformations<4&&this.v.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.autoOriented){var r,i;if(e=this.elem.globalData.frameRate,this.p&&this.p.keyframes&&this.p.getValueAtTime)i=this.p._caching.lastFrame+this.p.offsetTime<=this.p.keyframes[0].t?(r=this.p.getValueAtTime((this.p.keyframes[0].t+.01)/e,0),this.p.getValueAtTime(this.p.keyframes[0].t/e,0)):this.p._caching.lastFrame+this.p.offsetTime>=this.p.keyframes[this.p.keyframes.length-1].t?(r=this.p.getValueAtTime(this.p.keyframes[this.p.keyframes.length-1].t/e,0),this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length-1].t-.05)/e,0)):(r=this.p.pv,this.p.getValueAtTime((this.p._caching.lastFrame+this.p.offsetTime-.01)/e,this.p.offsetTime));else if(this.px&&this.px.keyframes&&this.py.keyframes&&this.px.getValueAtTime&&this.py.getValueAtTime){r=[],i=[];var s=this.px,a=this.py;s._caching.lastFrame+s.offsetTime<=s.keyframes[0].t?(r[0]=s.getValueAtTime((s.keyframes[0].t+.01)/e,0),r[1]=a.getValueAtTime((a.keyframes[0].t+.01)/e,0),i[0]=s.getValueAtTime(s.keyframes[0].t/e,0),i[1]=a.getValueAtTime(a.keyframes[0].t/e,0)):s._caching.lastFrame+s.offsetTime>=s.keyframes[s.keyframes.length-1].t?(r[0]=s.getValueAtTime(s.keyframes[s.keyframes.length-1].t/e,0),r[1]=a.getValueAtTime(a.keyframes[a.keyframes.length-1].t/e,0),i[0]=s.getValueAtTime((s.keyframes[s.keyframes.length-1].t-.01)/e,0),i[1]=a.getValueAtTime((a.keyframes[a.keyframes.length-1].t-.01)/e,0)):(r=[s.pv,a.pv],i[0]=s.getValueAtTime((s._caching.lastFrame+s.offsetTime-.01)/e,s.offsetTime),i[1]=a.getValueAtTime((a._caching.lastFrame+a.offsetTime-.01)/e,a.offsetTime))}else r=i=n;this.v.rotate(-Math.atan2(r[1]-i[1],r[0]-i[0]))}this.data.p&&this.data.p.s?this.data.p.z?this.v.translate(this.px.v,this.py.v,-this.pz.v):this.v.translate(this.px.v,this.py.v,0):this.v.translate(this.p.v[0],this.p.v[1],-this.p.v[2])}this.frameId=this.elem.globalData.frameId}},precalculateMatrix:function(){if(!this.a.k&&(this.pre.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations=1,!this.s.effectsSequence.length)){if(this.pre.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.appliedTransformations=2,this.sk){if(this.sk.effectsSequence.length||this.sa.effectsSequence.length)return;this.pre.skewFromAxis(-this.sk.v,this.sa.v),this.appliedTransformations=3}this.r?this.r.effectsSequence.length||(this.pre.rotate(-this.r.v),this.appliedTransformations=4):this.rz.effectsSequence.length||this.ry.effectsSequence.length||this.rx.effectsSequence.length||this.or.effectsSequence.length||(this.pre.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.appliedTransformations=4)}},autoOrient:function(){}},extendPrototype([DynamicPropertyContainer],i),i.prototype.addDynamicProperty=function(t){this._addDynamicProperty(t),this.elem.addDynamicProperty(t),this._isDirty=!0},i.prototype._addDynamicProperty=DynamicPropertyContainer.prototype.addDynamicProperty,{getTransformProperty:function(t,e,r){return new i(t,e,r)}}}();function ShapePath(){this.c=!1,this._length=0,this._maxLength=8,this.v=createSizedArray(this._maxLength),this.o=createSizedArray(this._maxLength),this.i=createSizedArray(this._maxLength)}ShapePath.prototype.setPathData=function(t,e){this.c=t,this.setLength(e);for(var r=0;r<e;)this.v[r]=pointPool.newElement(),this.o[r]=pointPool.newElement(),this.i[r]=pointPool.newElement(),r+=1},ShapePath.prototype.setLength=function(t){for(;this._maxLength<t;)this.doubleArrayLength();this._length=t},ShapePath.prototype.doubleArrayLength=function(){this.v=this.v.concat(createSizedArray(this._maxLength)),this.i=this.i.concat(createSizedArray(this._maxLength)),this.o=this.o.concat(createSizedArray(this._maxLength)),this._maxLength*=2},ShapePath.prototype.setXYAt=function(t,e,r,i,s){var a;switch(this._length=Math.max(this._length,i+1),this._length>=this._maxLength&&this.doubleArrayLength(),r){case"v":a=this.v;break;case"i":a=this.i;break;case"o":a=this.o;break;default:a=[]}(!a[i]||a[i]&&!s)&&(a[i]=pointPool.newElement()),a[i][0]=t,a[i][1]=e},ShapePath.prototype.setTripleAt=function(t,e,r,i,s,a,n,o){this.setXYAt(t,e,"v",n,o),this.setXYAt(r,i,"o",n,o),this.setXYAt(s,a,"i",n,o)},ShapePath.prototype.reverse=function(){var t=new ShapePath;t.setPathData(this.c,this._length);var e=this.v,r=this.o,i=this.i,s=0;this.c&&(t.setTripleAt(e[0][0],e[0][1],i[0][0],i[0][1],r[0][0],r[0][1],0,!1),s=1);var a,n=this._length-1,o=this._length;for(a=s;a<o;a+=1)t.setTripleAt(e[n][0],e[n][1],i[n][0],i[n][1],r[n][0],r[n][1],a,!1),n-=1;return t};var ShapePropertyFactory=function(){var s=-999999;function t(t,e,r){var i,s,a,n,o,h,l,p,m,f=r.lastIndex,c=this.keyframes;if(t<c[0].t-this.offsetTime)i=c[0].s[0],a=!0,f=0;else if(t>=c[c.length-1].t-this.offsetTime)i=c[c.length-1].s?c[c.length-1].s[0]:c[c.length-2].e[0],a=!0;else{for(var d,u,y=f,g=c.length-1,v=!0;v&&(d=c[y],!((u=c[y+1]).t-this.offsetTime>t));)y<g-1?y+=1:v=!1;if(f=y,!(a=1===d.h)){if(t>=u.t-this.offsetTime)p=1;else if(t<d.t-this.offsetTime)p=0;else{var b;d.__fnct?b=d.__fnct:(b=BezierFactory.getBezierEasing(d.o.x,d.o.y,d.i.x,d.i.y).get,d.__fnct=b),p=b((t-(d.t-this.offsetTime))/(u.t-this.offsetTime-(d.t-this.offsetTime)))}s=u.s?u.s[0]:d.e[0]}i=d.s[0]}for(h=e._length,l=i.i[0].length,r.lastIndex=f,n=0;n<h;n+=1)for(o=0;o<l;o+=1)m=a?i.i[n][o]:i.i[n][o]+(s.i[n][o]-i.i[n][o])*p,e.i[n][o]=m,m=a?i.o[n][o]:i.o[n][o]+(s.o[n][o]-i.o[n][o])*p,e.o[n][o]=m,m=a?i.v[n][o]:i.v[n][o]+(s.v[n][o]-i.v[n][o])*p,e.v[n][o]=m}function a(){this.paths=this.localShapeCollection}function e(t){(function(t,e){if(t._length!==e._length||t.c!==e.c)return!1;var r,i=t._length;for(r=0;r<i;r+=1)if(t.v[r][0]!==e.v[r][0]||t.v[r][1]!==e.v[r][1]||t.o[r][0]!==e.o[r][0]||t.o[r][1]!==e.o[r][1]||t.i[r][0]!==e.i[r][0]||t.i[r][1]!==e.i[r][1])return!1;return!0})(this.v,t)||(this.v=shapePool.clone(t),this.localShapeCollection.releaseShapes(),this.localShapeCollection.addShape(this.v),this._mdf=!0,this.paths=this.localShapeCollection)}function r(){if(this.elem.globalData.frameId!==this.frameId)if(this.effectsSequence.length)if(this.lock)this.setVValue(this.pv);else{var t,e;this.lock=!0,this._mdf=!1,t=this.kf?this.pv:this.data.ks?this.data.ks.k:this.data.pt.k;var r=this.effectsSequence.length;for(e=0;e<r;e+=1)t=this.effectsSequence[e](t);this.setVValue(t),this.lock=!1,this.frameId=this.elem.globalData.frameId}else this._mdf=!1}function n(t,e,r){this.propType="shape",this.comp=t.comp,this.container=t,this.elem=t,this.data=e,this.k=!1,this.kf=!1,this._mdf=!1;var i=3===r?e.pt.k:e.ks.k;this.v=shapePool.clone(i),this.pv=shapePool.clone(this.v),this.localShapeCollection=shapeCollectionPool.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.reset=a,this.effectsSequence=[]}function i(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function o(t,e,r){this.propType="shape",this.comp=t.comp,this.elem=t,this.container=t,this.offsetTime=t.data.st,this.keyframes=3===r?e.pt.k:e.ks.k,this.k=!0,this.kf=!0;var i=this.keyframes[0].s[0].i.length;this.v=shapePool.newElement(),this.v.setPathData(this.keyframes[0].s[0].c,i),this.pv=shapePool.clone(this.v),this.localShapeCollection=shapeCollectionPool.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.lastFrame=s,this.reset=a,this._caching={lastFrame:s,lastIndex:0},this.effectsSequence=[function(){var t=this.comp.renderedFrame-this.offsetTime,e=this.keyframes[0].t-this.offsetTime,r=this.keyframes[this.keyframes.length-1].t-this.offsetTime,i=this._caching.lastFrame;return i!==s&&(i<e&&t<e||r<i&&r<t)||(this._caching.lastIndex=i<t?this._caching.lastIndex:0,this.interpolateShape(t,this.pv,this._caching)),this._caching.lastFrame=t,this.pv}.bind(this)]}n.prototype.interpolateShape=t,n.prototype.getValue=r,n.prototype.setVValue=e,n.prototype.addEffect=i,o.prototype.getValue=r,o.prototype.interpolateShape=t,o.prototype.setVValue=e,o.prototype.addEffect=i;var h=function(){var n=roundCorner;function t(t,e){this.v=shapePool.newElement(),this.v.setPathData(!0,4),this.localShapeCollection=shapeCollectionPool.newShapeCollection(),this.paths=this.localShapeCollection,this.localShapeCollection.addShape(this.v),this.d=e.d,this.elem=t,this.comp=t.comp,this.frameId=-1,this.initDynamicPropertyContainer(t),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.s=PropertyFactory.getProp(t,e.s,1,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertEllToPath())}return t.prototype={reset:a,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertEllToPath())},convertEllToPath:function(){var t=this.p.v[0],e=this.p.v[1],r=this.s.v[0]/2,i=this.s.v[1]/2,s=3!==this.d,a=this.v;a.v[0][0]=t,a.v[0][1]=e-i,a.v[1][0]=s?t+r:t-r,a.v[1][1]=e,a.v[2][0]=t,a.v[2][1]=e+i,a.v[3][0]=s?t-r:t+r,a.v[3][1]=e,a.i[0][0]=s?t-r*n:t+r*n,a.i[0][1]=e-i,a.i[1][0]=s?t+r:t-r,a.i[1][1]=e-i*n,a.i[2][0]=s?t+r*n:t-r*n,a.i[2][1]=e+i,a.i[3][0]=s?t-r:t+r,a.i[3][1]=e+i*n,a.o[0][0]=s?t+r*n:t-r*n,a.o[0][1]=e-i,a.o[1][0]=s?t+r:t-r,a.o[1][1]=e+i*n,a.o[2][0]=s?t-r*n:t+r*n,a.o[2][1]=e+i,a.o[3][0]=s?t-r:t+r,a.o[3][1]=e-i*n}},extendPrototype([DynamicPropertyContainer],t),t}(),l=function(){function t(t,e){this.v=shapePool.newElement(),this.v.setPathData(!0,0),this.elem=t,this.comp=t.comp,this.data=e,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),1===e.sy?(this.ir=PropertyFactory.getProp(t,e.ir,0,0,this),this.is=PropertyFactory.getProp(t,e.is,0,.01,this),this.convertToPath=this.convertStarToPath):this.convertToPath=this.convertPolygonToPath,this.pt=PropertyFactory.getProp(t,e.pt,0,0,this),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.r=PropertyFactory.getProp(t,e.r,0,degToRads,this),this.or=PropertyFactory.getProp(t,e.or,0,0,this),this.os=PropertyFactory.getProp(t,e.os,0,.01,this),this.localShapeCollection=shapeCollectionPool.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertToPath())}return t.prototype={reset:a,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertToPath())},convertStarToPath:function(){var t,e,r,i,s=2*Math.floor(this.pt.v),a=2*Math.PI/s,n=!0,o=this.or.v,h=this.ir.v,l=this.os.v,p=this.is.v,m=2*Math.PI*o/(2*s),f=2*Math.PI*h/(2*s),c=-Math.PI/2;c+=this.r.v;var d=3===this.data.d?-1:1;for(t=this.v._length=0;t<s;t+=1){r=n?l:p,i=n?m:f;var u=(e=n?o:h)*Math.cos(c),y=e*Math.sin(c),g=0===u&&0===y?0:y/Math.sqrt(u*u+y*y),v=0===u&&0===y?0:-u/Math.sqrt(u*u+y*y);u+=+this.p.v[0],y+=+this.p.v[1],this.v.setTripleAt(u,y,u-g*i*r*d,y-v*i*r*d,u+g*i*r*d,y+v*i*r*d,t,!0),n=!n,c+=a*d}},convertPolygonToPath:function(){var t,e=Math.floor(this.pt.v),r=2*Math.PI/e,i=this.or.v,s=this.os.v,a=2*Math.PI*i/(4*e),n=.5*-Math.PI,o=3===this.data.d?-1:1;for(n+=this.r.v,t=this.v._length=0;t<e;t+=1){var h=i*Math.cos(n),l=i*Math.sin(n),p=0===h&&0===l?0:l/Math.sqrt(h*h+l*l),m=0===h&&0===l?0:-h/Math.sqrt(h*h+l*l);h+=+this.p.v[0],l+=+this.p.v[1],this.v.setTripleAt(h,l,h-p*a*s*o,l-m*a*s*o,h+p*a*s*o,l+m*a*s*o,t,!0),n+=r*o}this.paths.length=0,this.paths[0]=this.v}},extendPrototype([DynamicPropertyContainer],t),t}(),p=function(){function t(t,e){this.v=shapePool.newElement(),this.v.c=!0,this.localShapeCollection=shapeCollectionPool.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.elem=t,this.comp=t.comp,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.s=PropertyFactory.getProp(t,e.s,1,0,this),this.r=PropertyFactory.getProp(t,e.r,0,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertRectToPath())}return t.prototype={convertRectToPath:function(){var t=this.p.v[0],e=this.p.v[1],r=this.s.v[0]/2,i=this.s.v[1]/2,s=bmMin(r,i,this.r.v),a=s*(1-roundCorner);this.v._length=0,2===this.d||1===this.d?(this.v.setTripleAt(t+r,e-i+s,t+r,e-i+s,t+r,e-i+a,0,!0),this.v.setTripleAt(t+r,e+i-s,t+r,e+i-a,t+r,e+i-s,1,!0),0!==s?(this.v.setTripleAt(t+r-s,e+i,t+r-s,e+i,t+r-a,e+i,2,!0),this.v.setTripleAt(t-r+s,e+i,t-r+a,e+i,t-r+s,e+i,3,!0),this.v.setTripleAt(t-r,e+i-s,t-r,e+i-s,t-r,e+i-a,4,!0),this.v.setTripleAt(t-r,e-i+s,t-r,e-i+a,t-r,e-i+s,5,!0),this.v.setTripleAt(t-r+s,e-i,t-r+s,e-i,t-r+a,e-i,6,!0),this.v.setTripleAt(t+r-s,e-i,t+r-a,e-i,t+r-s,e-i,7,!0)):(this.v.setTripleAt(t-r,e+i,t-r+a,e+i,t-r,e+i,2),this.v.setTripleAt(t-r,e-i,t-r,e-i+a,t-r,e-i,3))):(this.v.setTripleAt(t+r,e-i+s,t+r,e-i+a,t+r,e-i+s,0,!0),0!==s?(this.v.setTripleAt(t+r-s,e-i,t+r-s,e-i,t+r-a,e-i,1,!0),this.v.setTripleAt(t-r+s,e-i,t-r+a,e-i,t-r+s,e-i,2,!0),this.v.setTripleAt(t-r,e-i+s,t-r,e-i+s,t-r,e-i+a,3,!0),this.v.setTripleAt(t-r,e+i-s,t-r,e+i-a,t-r,e+i-s,4,!0),this.v.setTripleAt(t-r+s,e+i,t-r+s,e+i,t-r+a,e+i,5,!0),this.v.setTripleAt(t+r-s,e+i,t+r-a,e+i,t+r-s,e+i,6,!0),this.v.setTripleAt(t+r,e+i-s,t+r,e+i-s,t+r,e+i-a,7,!0)):(this.v.setTripleAt(t-r,e-i,t-r+a,e-i,t-r,e-i,1,!0),this.v.setTripleAt(t-r,e+i,t-r,e+i-a,t-r,e+i,2,!0),this.v.setTripleAt(t+r,e+i,t+r-a,e+i,t+r,e+i,3,!0)))},getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertRectToPath())},reset:a},extendPrototype([DynamicPropertyContainer],t),t}();var m={getShapeProp:function(t,e,r){var i;return 3===r||4===r?i=(3===r?e.pt:e.ks).k.length?new o(t,e,r):new n(t,e,r):5===r?i=new p(t,e):6===r?i=new h(t,e):7===r&&(i=new l(t,e)),i.k&&t.addDynamicProperty(i),i},getConstructorFunction:function(){return n},getKeyframedConstructorFunction:function(){return o}};return m}(),ShapeModifiers=(Yr={},Zr={},Yr.registerModifier=function(t,e){Zr[t]||(Zr[t]=e)},Yr.getModifier=function(t,e,r){return new Zr[t](e,r)},Yr),Yr,Zr;function ShapeModifier(){}function TrimModifier(){}function RoundCornersModifier(){}function PuckerAndBloatModifier(){}function RepeaterModifier(){}function ShapeCollection(){this._length=0,this._maxLength=4,this.shapes=createSizedArray(this._maxLength)}function DashProperty(t,e,r,i){var s;this.elem=t,this.frameId=-1,this.dataProps=createSizedArray(e.length),this.renderer=r,this.k=!1,this.dashStr="",this.dashArray=createTypedArray("float32",e.length?e.length-1:0),this.dashoffset=createTypedArray("float32",1),this.initDynamicPropertyContainer(i);var a,n=e.length||0;for(s=0;s<n;s+=1)a=PropertyFactory.getProp(t,e[s].v,0,0,this),this.k=a.k||this.k,this.dataProps[s]={n:e[s].n,p:a};this.k||this.getValue(!0),this._isAnimated=this.k}function GradientProperty(t,e,r){this.data=e,this.c=createTypedArray("uint8c",4*e.p);var i=e.k.k[0].s?e.k.k[0].s.length-4*e.p:e.k.k.length-4*e.p;this.o=createTypedArray("float32",i),this._cmdf=!1,this._omdf=!1,this._collapsable=this.checkCollapsable(),this._hasOpacity=i,this.initDynamicPropertyContainer(r),this.prop=PropertyFactory.getProp(t,e.k,1,null,this),this.k=this.prop.k,this.getValue(!0)}ShapeModifier.prototype.initModifierProperties=function(){},ShapeModifier.prototype.addShapeToModifier=function(){},ShapeModifier.prototype.addShape=function(t){if(!this.closed){t.sh.container.addDynamicProperty(t.sh);var e={shape:t.sh,data:t,localShapeCollection:shapeCollectionPool.newShapeCollection()};this.shapes.push(e),this.addShapeToModifier(e),this._isAnimated&&t.setAsAnimated()}},ShapeModifier.prototype.init=function(t,e){this.shapes=[],this.elem=t,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e),this.frameId=initialDefaultFrame,this.closed=!1,this.k=!1,this.dynamicProperties.length?this.k=!0:this.getValue(!0)},ShapeModifier.prototype.processKeys=function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties())},extendPrototype([DynamicPropertyContainer],ShapeModifier),extendPrototype([ShapeModifier],TrimModifier),TrimModifier.prototype.initModifierProperties=function(t,e){this.s=PropertyFactory.getProp(t,e.s,0,.01,this),this.e=PropertyFactory.getProp(t,e.e,0,.01,this),this.o=PropertyFactory.getProp(t,e.o,0,0,this),this.sValue=0,this.eValue=0,this.getValue=this.processKeys,this.m=e.m,this._isAnimated=!!this.s.effectsSequence.length||!!this.e.effectsSequence.length||!!this.o.effectsSequence.length},TrimModifier.prototype.addShapeToModifier=function(t){t.pathsData=[]},TrimModifier.prototype.calculateShapeEdges=function(t,e,r,i,s){var a=[];e<=1?a.push({s:t,e:e}):1<=t?a.push({s:t-1,e:e-1}):(a.push({s:t,e:1}),a.push({s:0,e:e-1}));var n,o,h=[],l=a.length;for(n=0;n<l;n+=1){var p,m;if(!((o=a[n]).e*s<i||o.s*s>i+r))p=o.s*s<=i?0:(o.s*s-i)/r,m=o.e*s>=i+r?1:(o.e*s-i)/r,h.push([p,m])}return h.length||h.push([0,0]),h},TrimModifier.prototype.releasePathsData=function(t){var e,r=t.length;for(e=0;e<r;e+=1)segmentsLengthPool.release(t[e]);return t.length=0,t},TrimModifier.prototype.processShapes=function(t){var e,r,i,s;if(this._mdf||t){var a=this.o.v%360/360;if(a<0&&(a+=1),e=1<this.s.v?1+a:this.s.v<0?0+a:this.s.v+a,(r=1<this.e.v?1+a:this.e.v<0?0+a:this.e.v+a)<e){var n=e;e=r,r=n}e=1e-4*Math.round(1e4*e),r=1e-4*Math.round(1e4*r),this.sValue=e,this.eValue=r}else e=this.sValue,r=this.eValue;var o,h,l,p,m,f=this.shapes.length,c=0;if(r===e)for(s=0;s<f;s+=1)this.shapes[s].localShapeCollection.releaseShapes(),this.shapes[s].shape._mdf=!0,this.shapes[s].shape.paths=this.shapes[s].localShapeCollection,this._mdf&&(this.shapes[s].pathsData.length=0);else if(1===r&&0===e||0===r&&1===e){if(this._mdf)for(s=0;s<f;s+=1)this.shapes[s].pathsData.length=0,this.shapes[s].shape._mdf=!0}else{var d,u,y=[];for(s=0;s<f;s+=1)if((d=this.shapes[s]).shape._mdf||this._mdf||t||2===this.m){if(h=(i=d.shape.paths)._length,m=0,!d.shape._mdf&&d.pathsData.length)m=d.totalShapeLength;else{for(l=this.releasePathsData(d.pathsData),o=0;o<h;o+=1)p=bez.getSegmentsLength(i.shapes[o]),l.push(p),m+=p.totalLength;d.totalShapeLength=m,d.pathsData=l}c+=m,d.shape._mdf=!0}else d.shape.paths=d.localShapeCollection;var g,v=e,b=r,P=0;for(s=f-1;0<=s;s-=1)if((d=this.shapes[s]).shape._mdf){for((u=d.localShapeCollection).releaseShapes(),2===this.m&&1<f?(g=this.calculateShapeEdges(e,r,d.totalShapeLength,P,c),P+=d.totalShapeLength):g=[[v,b]],h=g.length,o=0;o<h;o+=1){v=g[o][0],b=g[o][1],y.length=0,b<=1?y.push({s:d.totalShapeLength*v,e:d.totalShapeLength*b}):1<=v?y.push({s:d.totalShapeLength*(v-1),e:d.totalShapeLength*(b-1)}):(y.push({s:d.totalShapeLength*v,e:d.totalShapeLength}),y.push({s:0,e:d.totalShapeLength*(b-1)}));var E=this.addShapes(d,y[0]);if(y[0].s!==y[0].e){if(1<y.length)if(d.shape.paths.shapes[d.shape.paths._length-1].c){var x=E.pop();this.addPaths(E,u),E=this.addShapes(d,y[1],x)}else this.addPaths(E,u),E=this.addShapes(d,y[1]);this.addPaths(E,u)}}d.shape.paths=u}}},TrimModifier.prototype.addPaths=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)e.addShape(t[r])},TrimModifier.prototype.addSegment=function(t,e,r,i,s,a,n){s.setXYAt(e[0],e[1],"o",a),s.setXYAt(r[0],r[1],"i",a+1),n&&s.setXYAt(t[0],t[1],"v",a),s.setXYAt(i[0],i[1],"v",a+1)},TrimModifier.prototype.addSegmentFromArray=function(t,e,r,i){e.setXYAt(t[1],t[5],"o",r),e.setXYAt(t[2],t[6],"i",r+1),i&&e.setXYAt(t[0],t[4],"v",r),e.setXYAt(t[3],t[7],"v",r+1)},TrimModifier.prototype.addShapes=function(t,e,r){var i,s,a,n,o,h,l,p,m=t.pathsData,f=t.shape.paths.shapes,c=t.shape.paths._length,d=0,u=[],y=!0;for(p=r?(o=r._length,r._length):(r=shapePool.newElement(),o=0),u.push(r),i=0;i<c;i+=1){for(h=m[i].lengths,r.c=f[i].c,a=f[i].c?h.length:h.length+1,s=1;s<a;s+=1)if(d+(n=h[s-1]).addedLength<e.s)d+=n.addedLength,r.c=!1;else{if(d>e.e){r.c=!1;break}e.s<=d&&e.e>=d+n.addedLength?(this.addSegment(f[i].v[s-1],f[i].o[s-1],f[i].i[s],f[i].v[s],r,o,y),y=!1):(l=bez.getNewSegment(f[i].v[s-1],f[i].v[s],f[i].o[s-1],f[i].i[s],(e.s-d)/n.addedLength,(e.e-d)/n.addedLength,h[s-1]),this.addSegmentFromArray(l,r,o,y),y=!1,r.c=!1),d+=n.addedLength,o+=1}if(f[i].c&&h.length){if(n=h[s-1],d<=e.e){var g=h[s-1].addedLength;e.s<=d&&e.e>=d+g?(this.addSegment(f[i].v[s-1],f[i].o[s-1],f[i].i[0],f[i].v[0],r,o,y),y=!1):(l=bez.getNewSegment(f[i].v[s-1],f[i].v[0],f[i].o[s-1],f[i].i[0],(e.s-d)/g,(e.e-d)/g,h[s-1]),this.addSegmentFromArray(l,r,o,y),y=!1,r.c=!1)}else r.c=!1;d+=n.addedLength,o+=1}if(r._length&&(r.setXYAt(r.v[p][0],r.v[p][1],"i",p),r.setXYAt(r.v[r._length-1][0],r.v[r._length-1][1],"o",r._length-1)),d>e.e)break;i<c-1&&(r=shapePool.newElement(),y=!0,u.push(r),o=0)}return u},ShapeModifiers.registerModifier("tm",TrimModifier),extendPrototype([ShapeModifier],RoundCornersModifier),RoundCornersModifier.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.rd=PropertyFactory.getProp(t,e.r,0,null,this),this._isAnimated=!!this.rd.effectsSequence.length},RoundCornersModifier.prototype.processPath=function(t,e){var r,i=shapePool.newElement();i.c=t.c;var s,a,n,o,h,l,p,m,f,c,d,u,y=t._length,g=0;for(r=0;r<y;r+=1)s=t.v[r],n=t.o[r],a=t.i[r],s[0]===n[0]&&s[1]===n[1]&&s[0]===a[0]&&s[1]===a[1]?0!==r&&r!==y-1||t.c?(o=0===r?t.v[y-1]:t.v[r-1],l=(h=Math.sqrt(Math.pow(s[0]-o[0],2)+Math.pow(s[1]-o[1],2)))?Math.min(h/2,e)/h:0,p=d=s[0]+(o[0]-s[0])*l,m=u=s[1]-(s[1]-o[1])*l,f=p-(p-s[0])*roundCorner,c=m-(m-s[1])*roundCorner,i.setTripleAt(p,m,f,c,d,u,g),g+=1,o=r===y-1?t.v[0]:t.v[r+1],l=(h=Math.sqrt(Math.pow(s[0]-o[0],2)+Math.pow(s[1]-o[1],2)))?Math.min(h/2,e)/h:0,p=f=s[0]+(o[0]-s[0])*l,m=c=s[1]+(o[1]-s[1])*l,d=p-(p-s[0])*roundCorner,u=m-(m-s[1])*roundCorner,i.setTripleAt(p,m,f,c,d,u,g)):i.setTripleAt(s[0],s[1],n[0],n[1],a[0],a[1],g):i.setTripleAt(t.v[r][0],t.v[r][1],t.o[r][0],t.o[r][1],t.i[r][0],t.i[r][1],g),g+=1;return i},RoundCornersModifier.prototype.processShapes=function(t){var e,r,i,s,a,n,o=this.shapes.length,h=this.rd.v;if(0!==h)for(r=0;r<o;r+=1){if(n=(a=this.shapes[r]).localShapeCollection,a.shape._mdf||this._mdf||t)for(n.releaseShapes(),a.shape._mdf=!0,e=a.shape.paths.shapes,s=a.shape.paths._length,i=0;i<s;i+=1)n.addShape(this.processPath(e[i],h));a.shape.paths=a.localShapeCollection}this.dynamicProperties.length||(this._mdf=!1)},ShapeModifiers.registerModifier("rd",RoundCornersModifier),extendPrototype([ShapeModifier],PuckerAndBloatModifier),PuckerAndBloatModifier.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.amount=PropertyFactory.getProp(t,e.a,0,null,this),this._isAnimated=!!this.amount.effectsSequence.length},PuckerAndBloatModifier.prototype.processPath=function(t,e){var r=e/100,i=[0,0],s=t._length,a=0;for(a=0;a<s;a+=1)i[0]+=t.v[a][0],i[1]+=t.v[a][1];i[0]/=s,i[1]/=s;var n,o,h,l,p,m,f=shapePool.newElement();for(f.c=t.c,a=0;a<s;a+=1)n=t.v[a][0]+(i[0]-t.v[a][0])*r,o=t.v[a][1]+(i[1]-t.v[a][1])*r,h=t.o[a][0]+(i[0]-t.o[a][0])*-r,l=t.o[a][1]+(i[1]-t.o[a][1])*-r,p=t.i[a][0]+(i[0]-t.i[a][0])*-r,m=t.i[a][1]+(i[1]-t.i[a][1])*-r,f.setTripleAt(n,o,h,l,p,m,a);return f},PuckerAndBloatModifier.prototype.processShapes=function(t){var e,r,i,s,a,n,o=this.shapes.length,h=this.amount.v;if(0!==h)for(r=0;r<o;r+=1){if(n=(a=this.shapes[r]).localShapeCollection,a.shape._mdf||this._mdf||t)for(n.releaseShapes(),a.shape._mdf=!0,e=a.shape.paths.shapes,s=a.shape.paths._length,i=0;i<s;i+=1)n.addShape(this.processPath(e[i],h));a.shape.paths=a.localShapeCollection}this.dynamicProperties.length||(this._mdf=!1)},ShapeModifiers.registerModifier("pb",PuckerAndBloatModifier),extendPrototype([ShapeModifier],RepeaterModifier),RepeaterModifier.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.c=PropertyFactory.getProp(t,e.c,0,null,this),this.o=PropertyFactory.getProp(t,e.o,0,null,this),this.tr=TransformPropertyFactory.getTransformProperty(t,e.tr,this),this.so=PropertyFactory.getProp(t,e.tr.so,0,.01,this),this.eo=PropertyFactory.getProp(t,e.tr.eo,0,.01,this),this.data=e,this.dynamicProperties.length||this.getValue(!0),this._isAnimated=!!this.dynamicProperties.length,this.pMatrix=new Matrix,this.rMatrix=new Matrix,this.sMatrix=new Matrix,this.tMatrix=new Matrix,this.matrix=new Matrix},RepeaterModifier.prototype.applyTransforms=function(t,e,r,i,s,a){var n=a?-1:1,o=i.s.v[0]+(1-i.s.v[0])*(1-s),h=i.s.v[1]+(1-i.s.v[1])*(1-s);t.translate(i.p.v[0]*n*s,i.p.v[1]*n*s,i.p.v[2]),e.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),e.rotate(-i.r.v*n*s),e.translate(i.a.v[0],i.a.v[1],i.a.v[2]),r.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),r.scale(a?1/o:o,a?1/h:h),r.translate(i.a.v[0],i.a.v[1],i.a.v[2])},RepeaterModifier.prototype.init=function(t,e,r,i){for(this.elem=t,this.arr=e,this.pos=r,this.elemsData=i,this._currentCopies=0,this._elements=[],this._groups=[],this.frameId=-1,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e[r]);0<r;)r-=1,this._elements.unshift(e[r]);this.dynamicProperties.length?this.k=!0:this.getValue(!0)},RepeaterModifier.prototype.resetElements=function(t){var e,r=t.length;for(e=0;e<r;e+=1)t[e]._processed=!1,"gr"===t[e].ty&&this.resetElements(t[e].it)},RepeaterModifier.prototype.cloneElements=function(t){var e=JSON.parse(JSON.stringify(t));return this.resetElements(e),e},RepeaterModifier.prototype.changeGroupRender=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)t[r]._render=e,"gr"===t[r].ty&&this.changeGroupRender(t[r].it,e)},RepeaterModifier.prototype.processShapes=function(t){var e,r,i,s,a,n=!1;if(this._mdf||t){var o,h=Math.ceil(this.c.v);if(this._groups.length<h){for(;this._groups.length<h;){var l={it:this.cloneElements(this._elements),ty:"gr"};l.it.push({a:{a:0,ix:1,k:[0,0]},nm:"Transform",o:{a:0,ix:7,k:100},p:{a:0,ix:2,k:[0,0]},r:{a:1,ix:6,k:[{s:0,e:0,t:0},{s:0,e:0,t:1}]},s:{a:0,ix:3,k:[100,100]},sa:{a:0,ix:5,k:0},sk:{a:0,ix:4,k:0},ty:"tr"}),this.arr.splice(0,0,l),this._groups.splice(0,0,l),this._currentCopies+=1}this.elem.reloadShapes(),n=!0}for(i=a=0;i<=this._groups.length-1;i+=1){if(o=a<h,this._groups[i]._render=o,this.changeGroupRender(this._groups[i].it,o),!o){var p=this.elemsData[i].it,m=p[p.length-1];0!==m.transform.op.v?(m.transform.op._mdf=!0,m.transform.op.v=0):m.transform.op._mdf=!1}a+=1}this._currentCopies=h;var f=this.o.v,c=f%1,d=0<f?Math.floor(f):Math.ceil(f),u=this.pMatrix.props,y=this.rMatrix.props,g=this.sMatrix.props;this.pMatrix.reset(),this.rMatrix.reset(),this.sMatrix.reset(),this.tMatrix.reset(),this.matrix.reset();var v,b,P=0;if(0<f){for(;P<d;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),P+=1;c&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,c,!1),P+=c)}else if(f<0){for(;d<P;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!0),P-=1;c&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,-c,!0),P-=c)}for(i=1===this.data.m?0:this._currentCopies-1,s=1===this.data.m?1:-1,a=this._currentCopies;a;){if(b=(r=(e=this.elemsData[i].it)[e.length-1].transform.mProps.v.props).length,e[e.length-1].transform.mProps._mdf=!0,e[e.length-1].transform.op._mdf=!0,e[e.length-1].transform.op.v=1===this._currentCopies?this.so.v:this.so.v+(this.eo.v-this.so.v)*(i/(this._currentCopies-1)),0!==P){for((0!==i&&1===s||i!==this._currentCopies-1&&-1===s)&&this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),this.matrix.transform(y[0],y[1],y[2],y[3],y[4],y[5],y[6],y[7],y[8],y[9],y[10],y[11],y[12],y[13],y[14],y[15]),this.matrix.transform(g[0],g[1],g[2],g[3],g[4],g[5],g[6],g[7],g[8],g[9],g[10],g[11],g[12],g[13],g[14],g[15]),this.matrix.transform(u[0],u[1],u[2],u[3],u[4],u[5],u[6],u[7],u[8],u[9],u[10],u[11],u[12],u[13],u[14],u[15]),v=0;v<b;v+=1)r[v]=this.matrix.props[v];this.matrix.reset()}else for(this.matrix.reset(),v=0;v<b;v+=1)r[v]=this.matrix.props[v];P+=1,a-=1,i+=s}}else for(a=this._currentCopies,i=0,s=1;a;)r=(e=this.elemsData[i].it)[e.length-1].transform.mProps.v.props,e[e.length-1].transform.mProps._mdf=!1,e[e.length-1].transform.op._mdf=!1,a-=1,i+=s;return n},RepeaterModifier.prototype.addShape=function(){},ShapeModifiers.registerModifier("rp",RepeaterModifier),ShapeCollection.prototype.addShape=function(t){this._length===this._maxLength&&(this.shapes=this.shapes.concat(createSizedArray(this._maxLength)),this._maxLength*=2),this.shapes[this._length]=t,this._length+=1},ShapeCollection.prototype.releaseShapes=function(){var t;for(t=0;t<this._length;t+=1)shapePool.release(this.shapes[t]);this._length=0},DashProperty.prototype.getValue=function(t){if((this.elem.globalData.frameId!==this.frameId||t)&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf=this._mdf||t,this._mdf)){var e=0,r=this.dataProps.length;for("svg"===this.renderer&&(this.dashStr=""),e=0;e<r;e+=1)"o"!==this.dataProps[e].n?"svg"===this.renderer?this.dashStr+=" "+this.dataProps[e].p.v:this.dashArray[e]=this.dataProps[e].p.v:this.dashoffset[0]=this.dataProps[e].p.v}},extendPrototype([DynamicPropertyContainer],DashProperty),GradientProperty.prototype.comparePoints=function(t,e){for(var r=0,i=this.o.length/2;r<i;){if(.01<Math.abs(t[4*r]-t[4*e+2*r]))return!1;r+=1}return!0},GradientProperty.prototype.checkCollapsable=function(){if(this.o.length/2!=this.c.length/4)return!1;if(this.data.k.k[0].s)for(var t=0,e=this.data.k.k.length;t<e;){if(!this.comparePoints(this.data.k.k[t].s,this.data.p))return!1;t+=1}else if(!this.comparePoints(this.data.k.k,this.data.p))return!1;return!0},GradientProperty.prototype.getValue=function(t){if(this.prop.getValue(),this._mdf=!1,this._cmdf=!1,this._omdf=!1,this.prop._mdf||t){var e,r,i,s=4*this.data.p;for(e=0;e<s;e+=1)r=e%4==0?100:255,i=Math.round(this.prop.v[e]*r),this.c[e]!==i&&(this.c[e]=i,this._cmdf=!t);if(this.o.length)for(s=this.prop.v.length,e=4*this.data.p;e<s;e+=1)r=e%2==0?100:1,i=e%2==0?Math.round(100*this.prop.v[e]):this.prop.v[e],this.o[e-4*this.data.p]!==i&&(this.o[e-4*this.data.p]=i,this._omdf=!t);this._mdf=!t}},extendPrototype([DynamicPropertyContainer],GradientProperty);var buildShapeString=function(t,e,r,i){if(0===e)return"";var s,a=t.o,n=t.i,o=t.v,h=" M"+i.applyToPointStringified(o[0][0],o[0][1]);for(s=1;s<e;s+=1)h+=" C"+i.applyToPointStringified(a[s-1][0],a[s-1][1])+" "+i.applyToPointStringified(n[s][0],n[s][1])+" "+i.applyToPointStringified(o[s][0],o[s][1]);return r&&e&&(h+=" C"+i.applyToPointStringified(a[s-1][0],a[s-1][1])+" "+i.applyToPointStringified(n[0][0],n[0][1])+" "+i.applyToPointStringified(o[0][0],o[0][1]),h+="z"),h},audioControllerFactory=function(){function t(t){this.audios=[],this.audioFactory=t,this._volume=1,this._isMuted=!1}return t.prototype={addAudio:function(t){this.audios.push(t)},pause:function(){var t,e=this.audios.length;for(t=0;t<e;t+=1)this.audios[t].pause()},resume:function(){var t,e=this.audios.length;for(t=0;t<e;t+=1)this.audios[t].resume()},setRate:function(t){var e,r=this.audios.length;for(e=0;e<r;e+=1)this.audios[e].setRate(t)},createAudio:function(t){return this.audioFactory?this.audioFactory(t):Howl?new Howl({src:[t]}):{isPlaying:!1,play:function(){this.isPlaying=!0},seek:function(){this.isPlaying=!1},playing:function(){},rate:function(){},setVolume:function(){}}},setAudioFactory:function(t){this.audioFactory=t},setVolume:function(t){this._volume=t,this._updateVolume()},mute:function(){this._isMuted=!0,this._updateVolume()},unmute:function(){this._isMuted=!1,this._updateVolume()},getVolume:function(){return this._volume},_updateVolume:function(){var t,e=this.audios.length;for(t=0;t<e;t+=1)this.audios[t].volume(this._volume*(this._isMuted?0:1))}},function(){return new t}}(),ImagePreloader=function(){var s=function(){var t=createTag("canvas");t.width=1,t.height=1;var e=t.getContext("2d");return e.fillStyle="rgba(0,0,0,0)",e.fillRect(0,0,1,1),t}();function t(){this.loadedAssets+=1,this.loadedAssets===this.totalImages&&this.loadedFootagesCount===this.totalFootages&&this.imagesLoadedCb&&this.imagesLoadedCb(null)}function e(){this.loadedFootagesCount+=1,this.loadedAssets===this.totalImages&&this.loadedFootagesCount===this.totalFootages&&this.imagesLoadedCb&&this.imagesLoadedCb(null)}function a(t,e,r){var i="";if(t.e)i=t.p;else if(e){var s=t.p;-1!==s.indexOf("images/")&&(s=s.split("/")[1]),i=e+s}else i=r,i+=t.u?t.u:"",i+=t.p;return i}function r(){this._imageLoaded=t.bind(this),this._footageLoaded=e.bind(this),this.testImageLoaded=function(t){var e=0,r=setInterval(function(){(t.getBBox().width||500<e)&&(this._imageLoaded(),clearInterval(r)),e+=1}.bind(this),50)}.bind(this),this.createFootageData=function(t){var e={assetData:t},r=a(t,this.assetsPath,this.path);return assetLoader.load(r,function(t){e.img=t,this._footageLoaded()}.bind(this),function(){e.img={},this._footageLoaded()}.bind(this)),e}.bind(this),this.assetsPath="",this.path="",this.totalImages=0,this.totalFootages=0,this.loadedAssets=0,this.loadedFootagesCount=0,this.imagesLoadedCb=null,this.images=[]}return r.prototype={loadAssets:function(t,e){var r;this.imagesLoadedCb=e;var i=t.length;for(r=0;r<i;r+=1)t[r].layers||(t[r].t&&"seq"!==t[r].t?3===t[r].t&&(this.totalFootages+=1,this.images.push(this.createFootageData(t[r]))):(this.totalImages+=1,this.images.push(this._createImageData(t[r]))))},setAssetsPath:function(t){this.assetsPath=t||""},setPath:function(t){this.path=t||""},loadedImages:function(){return this.totalImages===this.loadedAssets},loadedFootages:function(){return this.totalFootages===this.loadedFootagesCount},destroy:function(){this.imagesLoadedCb=null,this.images.length=0},getAsset:function(t){for(var e=0,r=this.images.length;e<r;){if(this.images[e].assetData===t)return this.images[e].img;e+=1}return null},createImgData:function(t){var e=a(t,this.assetsPath,this.path),r=createTag("img");r.crossOrigin="anonymous",r.addEventListener("load",this._imageLoaded,!1),r.addEventListener("error",function(){i.img=s,this._imageLoaded()}.bind(this),!1),r.src=e;var i={img:r,assetData:t};return i},createImageData:function(t){var e=a(t,this.assetsPath,this.path),r=createNS("image");isSafari?this.testImageLoaded(r):r.addEventListener("load",this._imageLoaded,!1),r.addEventListener("error",function(){i.img=s,this._imageLoaded()}.bind(this),!1),r.setAttributeNS("http://www.w3.org/1999/xlink","href",e),this._elementHelper.append?this._elementHelper.append(r):this._elementHelper.appendChild(r);var i={img:r,assetData:t};return i},imageLoaded:t,footageLoaded:e,setCacheType:function(t,e){this._createImageData="svg"===t?(this._elementHelper=e,this.createImageData.bind(this)):this.createImgData.bind(this)}},r}(),featureSupport=(px={maskType:!0},(/MSIE 10/i.test(navigator.userAgent)||/MSIE 9/i.test(navigator.userAgent)||/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(px.maskType=!1),px),px,filtersFactory=(qx={},qx.createFilter=function(t,e){var r=createNS("filter");return r.setAttribute("id",t),!0!==e&&(r.setAttribute("filterUnits","objectBoundingBox"),r.setAttribute("x","0%"),r.setAttribute("y","0%"),r.setAttribute("width","100%"),r.setAttribute("height","100%")),r},qx.createAlphaToLuminanceFilter=function(){var t=createNS("feColorMatrix");return t.setAttribute("type","matrix"),t.setAttribute("color-interpolation-filters","sRGB"),t.setAttribute("values","0 0 0 1 0  0 0 0 1 0  0 0 0 1 0  0 0 0 1 1"),t},qx),qx,assetLoader=function(){function a(t){return t.response&&"object"==typeof t.response?t.response:t.response&&"string"==typeof t.response?JSON.parse(t.response):t.responseText?JSON.parse(t.responseText):null}return{load:function(t,e,r){var i,s=new XMLHttpRequest;try{s.responseType="json"}catch(t){}s.onreadystatechange=function(){if(4===s.readyState)if(200===s.status)i=a(s),e(i);else try{i=a(s),e(i)}catch(t){r&&r(t)}},s.open("GET",t,!0),s.send()}}}();function TextAnimatorProperty(t,e,r){this._isFirstFrame=!0,this._hasMaskedPath=!1,this._frameId=-1,this._textData=t,this._renderType=e,this._elem=r,this._animatorsData=createSizedArray(this._textData.a.length),this._pathData={},this._moreOptions={alignment:{}},this.renderedLetters=[],this.lettersChangedFlag=!1,this.initDynamicPropertyContainer(r)}function TextAnimatorDataProperty(t,e,r){var i={propType:!1},s=PropertyFactory.getProp,a=e.a;this.a={r:a.r?s(t,a.r,0,degToRads,r):i,rx:a.rx?s(t,a.rx,0,degToRads,r):i,ry:a.ry?s(t,a.ry,0,degToRads,r):i,sk:a.sk?s(t,a.sk,0,degToRads,r):i,sa:a.sa?s(t,a.sa,0,degToRads,r):i,s:a.s?s(t,a.s,1,.01,r):i,a:a.a?s(t,a.a,1,0,r):i,o:a.o?s(t,a.o,0,.01,r):i,p:a.p?s(t,a.p,1,0,r):i,sw:a.sw?s(t,a.sw,0,0,r):i,sc:a.sc?s(t,a.sc,1,0,r):i,fc:a.fc?s(t,a.fc,1,0,r):i,fh:a.fh?s(t,a.fh,0,0,r):i,fs:a.fs?s(t,a.fs,0,.01,r):i,fb:a.fb?s(t,a.fb,0,.01,r):i,t:a.t?s(t,a.t,0,0,r):i},this.s=TextSelectorProp.getTextSelectorProp(t,e.s,r),this.s.t=e.s.t}function LetterProps(t,e,r,i,s,a){this.o=t,this.sw=e,this.sc=r,this.fc=i,this.m=s,this.p=a,this._mdf={o:!0,sw:!!e,sc:!!r,fc:!!i,m:!0,p:!0}}function TextProperty(t,e){this._frameId=initialDefaultFrame,this.pv="",this.v="",this.kf=!1,this._isFirstFrame=!0,this._mdf=!1,this.data=e,this.elem=t,this.comp=this.elem.comp,this.keysIndex=0,this.canResize=!1,this.minimumFontSize=1,this.effectsSequence=[],this.currentData={ascent:0,boxWidth:this.defaultBoxWidth,f:"",fStyle:"",fWeight:"",fc:"",j:"",justifyOffset:"",l:[],lh:0,lineWidths:[],ls:"",of:"",s:"",sc:"",sw:0,t:0,tr:0,sz:0,ps:null,fillColorAnim:!1,strokeColorAnim:!1,strokeWidthAnim:!1,yOffset:0,finalSize:0,finalText:[],finalLineHeight:0,__complete:!1},this.copyData(this.currentData,this.data.d.k[0].s),this.searchProperty()||this.completeTextData(this.currentData)}TextAnimatorProperty.prototype.searchProperties=function(){var t,e,r=this._textData.a.length,i=PropertyFactory.getProp;for(t=0;t<r;t+=1)e=this._textData.a[t],this._animatorsData[t]=new TextAnimatorDataProperty(this._elem,e,this);this._textData.p&&"m"in this._textData.p?(this._pathData={f:i(this._elem,this._textData.p.f,0,0,this),l:i(this._elem,this._textData.p.l,0,0,this),r:this._textData.p.r,m:this._elem.maskManager.getMaskProperty(this._textData.p.m)},this._hasMaskedPath=!0):this._hasMaskedPath=!1,this._moreOptions.alignment=i(this._elem,this._textData.m.a,1,0,this)},TextAnimatorProperty.prototype.getMeasures=function(t,e){if(this.lettersChangedFlag=e,this._mdf||this._isFirstFrame||e||this._hasMaskedPath&&this._pathData.m._mdf){this._isFirstFrame=!1;var r,i,s,a,n,o,h,l,p,m,f,c,d,u,y,g,v,b,P,E=this._moreOptions.alignment.v,x=this._animatorsData,S=this._textData,A=this.mHelper,C=this._renderType,_=this.renderedLetters.length,T=t.l;if(this._hasMaskedPath){if(P=this._pathData.m,!this._pathData.n||this._pathData._mdf){var k,D=P.v;for(this._pathData.r&&(D=D.reverse()),n={tLength:0,segments:[]},a=D._length-1,s=g=0;s<a;s+=1)k=bez.buildBezierData(D.v[s],D.v[s+1],[D.o[s][0]-D.v[s][0],D.o[s][1]-D.v[s][1]],[D.i[s+1][0]-D.v[s+1][0],D.i[s+1][1]-D.v[s+1][1]]),n.tLength+=k.segmentLength,n.segments.push(k),g+=k.segmentLength;s=a,P.v.c&&(k=bez.buildBezierData(D.v[s],D.v[0],[D.o[s][0]-D.v[s][0],D.o[s][1]-D.v[s][1]],[D.i[0][0]-D.v[0][0],D.i[0][1]-D.v[0][1]]),n.tLength+=k.segmentLength,n.segments.push(k),g+=k.segmentLength),this._pathData.pi=n}if(n=this._pathData.pi,o=this._pathData.f.v,m=1,p=!(l=f=0),u=n.segments,o<0&&P.v.c)for(n.tLength<Math.abs(o)&&(o=-Math.abs(o)%n.tLength),m=(d=u[f=u.length-1].points).length-1;o<0;)o+=d[m].partialLength,(m-=1)<0&&(m=(d=u[f-=1].points).length-1);c=(d=u[f].points)[m-1],y=(h=d[m]).partialLength}a=T.length,i=r=0;var M,F,w,I,V,B=1.2*t.finalSize*.714,R=!0;w=x.length;var L,G,z,N,O,H,j,q,W,Y,X,K,$=-1,Z=o,J=f,U=m,Q=-1,tt="",et=this.defaultPropsArray;if(2===t.j||1===t.j){var rt=0,it=0,st=2===t.j?-.5:-1,at=0,nt=!0;for(s=0;s<a;s+=1)if(T[s].n){for(rt&&(rt+=it);at<s;)T[at].animatorJustifyOffset=rt,at+=1;nt=!(rt=0)}else{for(F=0;F<w;F+=1)(M=x[F].a).t.propType&&(nt&&2===t.j&&(it+=M.t.v*st),(V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars)).length?rt+=M.t.v*V[0]*st:rt+=M.t.v*V*st);nt=!1}for(rt&&(rt+=it);at<s;)T[at].animatorJustifyOffset=rt,at+=1}for(s=0;s<a;s+=1){if(A.reset(),N=1,T[s].n)r=0,i+=t.yOffset,i+=R?1:0,o=Z,R=!1,this._hasMaskedPath&&(m=U,c=(d=u[f=J].points)[m-1],y=(h=d[m]).partialLength,l=0),K=W=X=tt="",et=this.defaultPropsArray;else{if(this._hasMaskedPath){if(Q!==T[s].line){switch(t.j){case 1:o+=g-t.lineWidths[T[s].line];break;case 2:o+=(g-t.lineWidths[T[s].line])/2}Q=T[s].line}$!==T[s].ind&&(T[$]&&(o+=T[$].extra),o+=T[s].an/2,$=T[s].ind),o+=E[0]*T[s].an*.005;var ot=0;for(F=0;F<w;F+=1)(M=x[F].a).p.propType&&((V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars)).length?ot+=M.p.v[0]*V[0]:ot+=M.p.v[0]*V),M.a.propType&&((V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars)).length?ot+=M.a.v[0]*V[0]:ot+=M.a.v[0]*V);for(p=!0;p;)o+ot<=l+y||!d?(v=(o+ot-l)/h.partialLength,G=c.point[0]+(h.point[0]-c.point[0])*v,z=c.point[1]+(h.point[1]-c.point[1])*v,A.translate(-E[0]*T[s].an*.005,-E[1]*B*.01),p=!1):d&&(l+=h.partialLength,(m+=1)>=d.length&&(m=0,d=u[f+=1]?u[f].points:P.v.c?u[f=m=0].points:(l-=h.partialLength,null)),d&&(c=h,y=(h=d[m]).partialLength));L=T[s].an/2-T[s].add,A.translate(-L,0,0)}else L=T[s].an/2-T[s].add,A.translate(-L,0,0),A.translate(-E[0]*T[s].an*.005,-E[1]*B*.01,0);for(F=0;F<w;F+=1)(M=x[F].a).t.propType&&(V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars),0===r&&0===t.j||(this._hasMaskedPath?V.length?o+=M.t.v*V[0]:o+=M.t.v*V:V.length?r+=M.t.v*V[0]:r+=M.t.v*V));for(t.strokeWidthAnim&&(H=t.sw||0),t.strokeColorAnim&&(O=t.sc?[t.sc[0],t.sc[1],t.sc[2]]:[0,0,0]),t.fillColorAnim&&t.fc&&(j=[t.fc[0],t.fc[1],t.fc[2]]),F=0;F<w;F+=1)(M=x[F].a).a.propType&&((V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars)).length?A.translate(-M.a.v[0]*V[0],-M.a.v[1]*V[1],M.a.v[2]*V[2]):A.translate(-M.a.v[0]*V,-M.a.v[1]*V,M.a.v[2]*V));for(F=0;F<w;F+=1)(M=x[F].a).s.propType&&((V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars)).length?A.scale(1+(M.s.v[0]-1)*V[0],1+(M.s.v[1]-1)*V[1],1):A.scale(1+(M.s.v[0]-1)*V,1+(M.s.v[1]-1)*V,1));for(F=0;F<w;F+=1){if(M=x[F].a,V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars),M.sk.propType&&(V.length?A.skewFromAxis(-M.sk.v*V[0],M.sa.v*V[1]):A.skewFromAxis(-M.sk.v*V,M.sa.v*V)),M.r.propType&&(V.length?A.rotateZ(-M.r.v*V[2]):A.rotateZ(-M.r.v*V)),M.ry.propType&&(V.length?A.rotateY(M.ry.v*V[1]):A.rotateY(M.ry.v*V)),M.rx.propType&&(V.length?A.rotateX(M.rx.v*V[0]):A.rotateX(M.rx.v*V)),M.o.propType&&(V.length?N+=(M.o.v*V[0]-N)*V[0]:N+=(M.o.v*V-N)*V),t.strokeWidthAnim&&M.sw.propType&&(V.length?H+=M.sw.v*V[0]:H+=M.sw.v*V),t.strokeColorAnim&&M.sc.propType)for(q=0;q<3;q+=1)V.length?O[q]+=(M.sc.v[q]-O[q])*V[0]:O[q]+=(M.sc.v[q]-O[q])*V;if(t.fillColorAnim&&t.fc){if(M.fc.propType)for(q=0;q<3;q+=1)V.length?j[q]+=(M.fc.v[q]-j[q])*V[0]:j[q]+=(M.fc.v[q]-j[q])*V;M.fh.propType&&(j=V.length?addHueToRGB(j,M.fh.v*V[0]):addHueToRGB(j,M.fh.v*V)),M.fs.propType&&(j=V.length?addSaturationToRGB(j,M.fs.v*V[0]):addSaturationToRGB(j,M.fs.v*V)),M.fb.propType&&(j=V.length?addBrightnessToRGB(j,M.fb.v*V[0]):addBrightnessToRGB(j,M.fb.v*V))}}for(F=0;F<w;F+=1)(M=x[F].a).p.propType&&(V=x[F].s.getMult(T[s].anIndexes[F],S.a[F].s.totalChars),this._hasMaskedPath?V.length?A.translate(0,M.p.v[1]*V[0],-M.p.v[2]*V[1]):A.translate(0,M.p.v[1]*V,-M.p.v[2]*V):V.length?A.translate(M.p.v[0]*V[0],M.p.v[1]*V[1],-M.p.v[2]*V[2]):A.translate(M.p.v[0]*V,M.p.v[1]*V,-M.p.v[2]*V));if(t.strokeWidthAnim&&(W=H<0?0:H),t.strokeColorAnim&&(Y="rgb("+Math.round(255*O[0])+","+Math.round(255*O[1])+","+Math.round(255*O[2])+")"),t.fillColorAnim&&t.fc&&(X="rgb("+Math.round(255*j[0])+","+Math.round(255*j[1])+","+Math.round(255*j[2])+")"),this._hasMaskedPath){if(A.translate(0,-t.ls),A.translate(0,E[1]*B*.01+i,0),S.p.p){b=(h.point[1]-c.point[1])/(h.point[0]-c.point[0]);var ht=180*Math.atan(b)/Math.PI;h.point[0]<c.point[0]&&(ht+=180),A.rotate(-ht*Math.PI/180)}A.translate(G,z,0),o-=E[0]*T[s].an*.005,T[s+1]&&$!==T[s+1].ind&&(o+=T[s].an/2,o+=.001*t.tr*t.finalSize)}else{switch(A.translate(r,i,0),t.ps&&A.translate(t.ps[0],t.ps[1]+t.ascent,0),t.j){case 1:A.translate(T[s].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[T[s].line]),0,0);break;case 2:A.translate(T[s].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[T[s].line])/2,0,0)}A.translate(0,-t.ls),A.translate(L,0,0),A.translate(E[0]*T[s].an*.005,E[1]*B*.01,0),r+=T[s].l+.001*t.tr*t.finalSize}"html"===C?tt=A.toCSS():"svg"===C?tt=A.to2dCSS():et=[A.props[0],A.props[1],A.props[2],A.props[3],A.props[4],A.props[5],A.props[6],A.props[7],A.props[8],A.props[9],A.props[10],A.props[11],A.props[12],A.props[13],A.props[14],A.props[15]],K=N}this.lettersChangedFlag=_<=s?(I=new LetterProps(K,W,Y,X,tt,et),this.renderedLetters.push(I),_+=1,!0):(I=this.renderedLetters[s]).update(K,W,Y,X,tt,et)||this.lettersChangedFlag}}},TextAnimatorProperty.prototype.getValue=function(){this._elem.globalData.frameId!==this._frameId&&(this._frameId=this._elem.globalData.frameId,this.iterateDynamicProperties())},TextAnimatorProperty.prototype.mHelper=new Matrix,TextAnimatorProperty.prototype.defaultPropsArray=[],extendPrototype([DynamicPropertyContainer],TextAnimatorProperty),LetterProps.prototype.update=function(t,e,r,i,s,a){this._mdf.o=!1,this._mdf.sw=!1,this._mdf.sc=!1,this._mdf.fc=!1,this._mdf.m=!1;var n=this._mdf.p=!1;return this.o!==t&&(this.o=t,n=this._mdf.o=!0),this.sw!==e&&(this.sw=e,n=this._mdf.sw=!0),this.sc!==r&&(this.sc=r,n=this._mdf.sc=!0),this.fc!==i&&(this.fc=i,n=this._mdf.fc=!0),this.m!==s&&(this.m=s,n=this._mdf.m=!0),!a.length||this.p[0]===a[0]&&this.p[1]===a[1]&&this.p[4]===a[4]&&this.p[5]===a[5]&&this.p[12]===a[12]&&this.p[13]===a[13]||(this.p=a,n=this._mdf.p=!0),n},TextProperty.prototype.defaultBoxWidth=[0,0],TextProperty.prototype.copyData=function(t,e){for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r]);return t},TextProperty.prototype.setCurrentData=function(t){t.__complete||this.completeTextData(t),this.currentData=t,this.currentData.boxWidth=this.currentData.boxWidth||this.defaultBoxWidth,this._mdf=!0},TextProperty.prototype.searchProperty=function(){return this.searchKeyframes()},TextProperty.prototype.searchKeyframes=function(){return this.kf=1<this.data.d.k.length,this.kf&&this.addEffect(this.getKeyframeValue.bind(this)),this.kf},TextProperty.prototype.addEffect=function(t){this.effectsSequence.push(t),this.elem.addDynamicProperty(this)},TextProperty.prototype.getValue=function(t){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length||t){this.currentData.t=this.data.d.k[this.keysIndex].s.t;var e=this.currentData,r=this.keysIndex;if(this.lock)this.setCurrentData(this.currentData);else{var i;this.lock=!0,this._mdf=!1;var s=this.effectsSequence.length,a=t||this.data.d.k[this.keysIndex].s;for(i=0;i<s;i+=1)a=r!==this.keysIndex?this.effectsSequence[i](a,a.t):this.effectsSequence[i](this.currentData,a.t);e!==a&&this.setCurrentData(a),this.v=this.currentData,this.pv=this.v,this.lock=!1,this.frameId=this.elem.globalData.frameId}}},TextProperty.prototype.getKeyframeValue=function(){for(var t=this.data.d.k,e=this.elem.comp.renderedFrame,r=0,i=t.length;r<=i-1&&!(r===i-1||t[r+1].t>e);)r+=1;return this.keysIndex!==r&&(this.keysIndex=r),this.data.d.k[this.keysIndex].s},TextProperty.prototype.buildFinalText=function(t){for(var e,r=FontManager.getCombinedCharacterCodes(),i=[],s=0,a=t.length;s<a;)e=t.charCodeAt(s),-1!==r.indexOf(e)?i[i.length-1]+=t.charAt(s):55296<=e&&e<=56319&&56320<=(e=t.charCodeAt(s+1))&&e<=57343?(i.push(t.substr(s,2)),s+=1):i.push(t.charAt(s)),s+=1;return i},TextProperty.prototype.completeTextData=function(t){t.__complete=!0;var e,r,i,s,a,n,o,h=this.elem.globalData.fontManager,l=this.data,p=[],m=0,f=l.m.g,c=0,d=0,u=0,y=[],g=0,v=0,b=h.getFontByName(t.f),P=0,E=getFontProperties(b);t.fWeight=E.weight,t.fStyle=E.style,t.finalSize=t.s,t.finalText=this.buildFinalText(t.t),r=t.finalText.length,t.finalLineHeight=t.lh;var x,S=t.tr/1e3*t.finalSize;if(t.sz)for(var A,C,_=!0,T=t.sz[0],k=t.sz[1];_;){g=A=0,r=(C=this.buildFinalText(t.t)).length,S=t.tr/1e3*t.finalSize;var D=-1;for(e=0;e<r;e+=1)x=C[e].charCodeAt(0),i=!1," "===C[e]?D=e:13!==x&&3!==x||(i=!(g=0),A+=t.finalLineHeight||1.2*t.finalSize),T<g+(P=h.chars?(o=h.getCharData(C[e],b.fStyle,b.fFamily),i?0:o.w*t.finalSize/100):h.measureText(C[e],t.f,t.finalSize))&&" "!==C[e]?(-1===D?r+=1:e=D,A+=t.finalLineHeight||1.2*t.finalSize,C.splice(e,D===e?1:0,"\r"),D=-1,g=0):(g+=P,g+=S);A+=b.ascent*t.finalSize/100,this.canResize&&t.finalSize>this.minimumFontSize&&k<A?(t.finalSize-=1,t.finalLineHeight=t.finalSize*t.lh/t.s):(t.finalText=C,r=t.finalText.length,_=!1)}g=-S;var M,F=P=0;for(e=0;e<r;e+=1)if(i=!1,13===(x=(M=t.finalText[e]).charCodeAt(0))||3===x?(F=0,y.push(g),v=v<g?g:v,g=-2*S,i=!(s=""),u+=1):s=M,P=h.chars?(o=h.getCharData(M,b.fStyle,h.getFontByName(t.f).fFamily),i?0:o.w*t.finalSize/100):h.measureText(s,t.f,t.finalSize)," "===M?F+=P+S:(g+=P+S+F,F=0),p.push({l:P,an:P,add:c,n:i,anIndexes:[],val:s,line:u,animatorJustifyOffset:0}),2==f){if(c+=P,""===s||" "===s||e===r-1){for(""!==s&&" "!==s||(c-=P);d<=e;)p[d].an=c,p[d].ind=m,p[d].extra=P,d+=1;m+=1,c=0}}else if(3==f){if(c+=P,""===s||e===r-1){for(""===s&&(c-=P);d<=e;)p[d].an=c,p[d].ind=m,p[d].extra=P,d+=1;c=0,m+=1}}else p[m].ind=m,p[m].extra=0,m+=1;if(t.l=p,v=v<g?g:v,y.push(g),t.sz)t.boxWidth=t.sz[0],t.justifyOffset=0;else switch(t.boxWidth=v,t.j){case 1:t.justifyOffset=-t.boxWidth;break;case 2:t.justifyOffset=-t.boxWidth/2;break;default:t.justifyOffset=0}t.lineWidths=y;var w,I,V,B,R=l.a;n=R.length;var L=[];for(a=0;a<n;a+=1){for((w=R[a]).a.sc&&(t.strokeColorAnim=!0),w.a.sw&&(t.strokeWidthAnim=!0),(w.a.fc||w.a.fh||w.a.fs||w.a.fb)&&(t.fillColorAnim=!0),B=0,V=w.s.b,e=0;e<r;e+=1)(I=p[e]).anIndexes[a]=B,(1==V&&""!==I.val||2==V&&""!==I.val&&" "!==I.val||3==V&&(I.n||" "==I.val||e==r-1)||4==V&&(I.n||e==r-1))&&(1===w.s.rn&&L.push(B),B+=1);l.a[a].s.totalChars=B;var G,z=-1;if(1===w.s.rn)for(e=0;e<r;e+=1)z!=(I=p[e]).anIndexes[a]&&(z=I.anIndexes[a],G=L.splice(Math.floor(Math.random()*L.length),1)[0]),I.anIndexes[a]=G}t.yOffset=t.finalLineHeight||1.2*t.finalSize,t.ls=t.ls||0,t.ascent=b.ascent*t.finalSize/100},TextProperty.prototype.updateDocumentData=function(t,e){e=void 0===e?this.keysIndex:e;var r=this.copyData({},this.data.d.k[e].s);r=this.copyData(r,t),this.data.d.k[e].s=r,this.recalculate(e),this.elem.addDynamicProperty(this)},TextProperty.prototype.recalculate=function(t){var e=this.data.d.k[t].s;e.__complete=!1,this.keysIndex=0,this._isFirstFrame=!0,this.getValue(e)},TextProperty.prototype.canResizeFont=function(t){this.canResize=t,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)},TextProperty.prototype.setMinimumFontSize=function(t){this.minimumFontSize=Math.floor(t)||1,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)};var TextSelectorProp=function(){var c=Math.max,d=Math.min,u=Math.floor;function i(t,e){this._currentTextLength=-1,this.k=!1,this.data=e,this.elem=t,this.comp=t.comp,this.finalS=0,this.finalE=0,this.initDynamicPropertyContainer(t),this.s=PropertyFactory.getProp(t,e.s||{k:0},0,0,this),this.e="e"in e?PropertyFactory.getProp(t,e.e,0,0,this):{v:100},this.o=PropertyFactory.getProp(t,e.o||{k:0},0,0,this),this.xe=PropertyFactory.getProp(t,e.xe||{k:0},0,0,this),this.ne=PropertyFactory.getProp(t,e.ne||{k:0},0,0,this),this.a=PropertyFactory.getProp(t,e.a,0,.01,this),this.dynamicProperties.length||this.getValue()}return i.prototype={getMult:function(t){this._currentTextLength!==this.elem.textProperty.currentData.l.length&&this.getValue();var e=0,r=0,i=1,s=1;0<this.ne.v?e=this.ne.v/100:r=-this.ne.v/100,0<this.xe.v?i=1-this.xe.v/100:s=1+this.xe.v/100;var a=BezierFactory.getBezierEasing(e,r,i,s).get,n=0,o=this.finalS,h=this.finalE,l=this.data.sh;if(2===l)n=a(n=h===o?h<=t?1:0:c(0,d(.5/(h-o)+(t-o)/(h-o),1)));else if(3===l)n=a(n=h===o?h<=t?0:1:1-c(0,d(.5/(h-o)+(t-o)/(h-o),1)));else if(4===l)h===o?n=0:(n=c(0,d(.5/(h-o)+(t-o)/(h-o),1)))<.5?n*=2:n=1-2*(n-.5),n=a(n);else if(5===l){if(h===o)n=0;else{var p=h-o,m=-p/2+(t=d(c(0,t+.5-o),h-o)),f=p/2;n=Math.sqrt(1-m*m/(f*f))}n=a(n)}else n=6===l?a(n=h===o?0:(t=d(c(0,t+.5-o),h-o),(1+Math.cos(Math.PI+2*Math.PI*t/(h-o)))/2)):(t>=u(o)&&(n=c(0,d(t-o<0?d(h,1)-(o-t):h-t,1))),a(n));return n*this.a.v},getValue:function(t){this.iterateDynamicProperties(),this._mdf=t||this._mdf,this._currentTextLength=this.elem.textProperty.currentData.l.length||0,t&&2===this.data.r&&(this.e.v=this._currentTextLength);var e=2===this.data.r?1:100/this.data.totalChars,r=this.o.v/e,i=this.s.v/e+r,s=this.e.v/e+r;if(s<i){var a=i;i=s,s=a}this.finalS=i,this.finalE=s}},extendPrototype([DynamicPropertyContainer],i),{getTextSelectorProp:function(t,e,r){return new i(t,e,r)}}}(),poolFactory=function(t,e,r){var i=0,s=t,a=createSizedArray(s);return{newElement:function(){return i?a[i-=1]:e()},release:function(t){i===s&&(a=pooling.double(a),s*=2),r&&r(t),a[i]=t,i+=1}}},pooling={double:function(t){return t.concat(createSizedArray(t.length))}},pointPool=poolFactory(8,function(){return createTypedArray("float32",2)}),shapePool=(xB=poolFactory(4,function(){return new ShapePath},function(t){var e,r=t._length;for(e=0;e<r;e+=1)pointPool.release(t.v[e]),pointPool.release(t.i[e]),pointPool.release(t.o[e]),t.v[e]=null,t.i[e]=null,t.o[e]=null;t._length=0,t.c=!1}),xB.clone=function(t){var e,r=xB.newElement(),i=void 0===t._length?t.v.length:t._length;for(r.setLength(i),r.c=t.c,e=0;e<i;e+=1)r.setTripleAt(t.v[e][0],t.v[e][1],t.o[e][0],t.o[e][1],t.i[e][0],t.i[e][1],e);return r},xB),xB,shapeCollectionPool=(FB={newShapeCollection:function(){var t;t=GB?IB[GB-=1]:new ShapeCollection;return t},release:function(t){var e,r=t._length;for(e=0;e<r;e+=1)shapePool.release(t.shapes[e]);t._length=0,GB===HB&&(IB=pooling.double(IB),HB*=2);IB[GB]=t,GB+=1}},GB=0,HB=4,IB=createSizedArray(HB),FB),FB,GB,HB,IB,segmentsLengthPool=poolFactory(8,function(){return{lengths:[],totalLength:0}},function(t){var e,r=t.lengths.length;for(e=0;e<r;e+=1)bezierLengthPool.release(t.lengths[e]);t.lengths.length=0}),bezierLengthPool=poolFactory(8,function(){return{addedLength:0,percents:createTypedArray("float32",defaultCurveSegments),lengths:createTypedArray("float32",defaultCurveSegments)}}),markerParser=function(){function a(t){for(var e,r=t.split("\r\n"),i={},s=0,a=0;a<r.length;a+=1)2===(e=r[a].split(":")).length&&(i[e[0]]=e[1].trim(),s+=1);if(0===s)throw new Error;return i}return function(e){for(var t=[],r=0;r<e.length;r+=1){var i=e[r],s={time:i.tm,duration:i.dr};try{s.payload=JSON.parse(e[r].cm)}catch(t){try{s.payload=a(e[r].cm)}catch(t){s.payload={name:e[r]}}}t.push(s)}return t}}();function BaseRenderer(){}function SVGRenderer(t,e){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.svgElement=createNS("svg");var r="";if(e&&e.title){var i=createNS("title"),s=createElementID();i.setAttribute("id",s),i.textContent=e.title,this.svgElement.appendChild(i),r+=s}if(e&&e.description){var a=createNS("desc"),n=createElementID();a.setAttribute("id",n),a.textContent=e.description,this.svgElement.appendChild(a),r+=" "+n}r&&this.svgElement.setAttribute("aria-labelledby",r);var o=createNS("defs");this.svgElement.appendChild(o);var h=createNS("g");this.svgElement.appendChild(h),this.layerElement=h,this.renderConfig={preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",progressiveLoad:e&&e.progressiveLoad||!1,hideOnTransparent:!(e&&!1===e.hideOnTransparent),viewBoxOnly:e&&e.viewBoxOnly||!1,viewBoxSize:e&&e.viewBoxSize||!1,className:e&&e.className||"",id:e&&e.id||"",focusable:e&&e.focusable,filterSize:{width:e&&e.filterSize&&e.filterSize.width||"100%",height:e&&e.filterSize&&e.filterSize.height||"100%",x:e&&e.filterSize&&e.filterSize.x||"0%",y:e&&e.filterSize&&e.filterSize.y||"0%"}},this.globalData={_mdf:!1,frameNum:-1,defs:o,renderConfig:this.renderConfig},this.elements=[],this.pendingElements=[],this.destroyed=!1,this.rendererType="svg"}function CanvasRenderer(t,e){this.animationItem=t,this.renderConfig={clearCanvas:!e||void 0===e.clearCanvas||e.clearCanvas,context:e&&e.context||null,progressiveLoad:e&&e.progressiveLoad||!1,preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",className:e&&e.className||"",id:e&&e.id||""},this.renderConfig.dpr=e&&e.dpr||1,this.animationItem.wrapper&&(this.renderConfig.dpr=e&&e.dpr||window.devicePixelRatio||1),this.renderedFrame=-1,this.globalData={frameNum:-1,_mdf:!1,renderConfig:this.renderConfig,currentGlobalAlpha:-1},this.contextData=new CVContextData,this.elements=[],this.pendingElements=[],this.transformMat=new Matrix,this.completeLayers=!1,this.rendererType="canvas"}function HybridRenderer(t,e){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.renderConfig={className:e&&e.className||"",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",hideOnTransparent:!(e&&!1===e.hideOnTransparent),filterSize:{width:e&&e.filterSize&&e.filterSize.width||"400%",height:e&&e.filterSize&&e.filterSize.height||"400%",x:e&&e.filterSize&&e.filterSize.x||"-100%",y:e&&e.filterSize&&e.filterSize.y||"-100%"}},this.globalData={_mdf:!1,frameNum:-1,renderConfig:this.renderConfig},this.pendingElements=[],this.elements=[],this.threeDElements=[],this.destroyed=!1,this.camera=null,this.supports3d=!0,this.rendererType="html"}function MaskElement(t,e,r){this.data=t,this.element=e,this.globalData=r,this.storedData=[],this.masksProperties=this.data.masksProperties||[],this.maskElement=null;var i,s,a=this.globalData.defs,n=this.masksProperties?this.masksProperties.length:0;this.viewData=createSizedArray(n),this.solidPath="";var o,h,l,p,m,f,c=this.masksProperties,d=0,u=[],y=createElementID(),g="clipPath",v="clip-path";for(i=0;i<n;i+=1)if(("a"!==c[i].mode&&"n"!==c[i].mode||c[i].inv||100!==c[i].o.k||c[i].o.x)&&(v=g="mask"),"s"!==c[i].mode&&"i"!==c[i].mode||0!==d?l=null:((l=createNS("rect")).setAttribute("fill","#ffffff"),l.setAttribute("width",this.element.comp.data.w||0),l.setAttribute("height",this.element.comp.data.h||0),u.push(l)),s=createNS("path"),"n"===c[i].mode)this.viewData[i]={op:PropertyFactory.getProp(this.element,c[i].o,0,.01,this.element),prop:ShapePropertyFactory.getShapeProp(this.element,c[i],3),elem:s,lastPath:""},a.appendChild(s);else{var b;if(d+=1,s.setAttribute("fill","s"===c[i].mode?"#000000":"#ffffff"),s.setAttribute("clip-rule","nonzero"),0!==c[i].x.k?(v=g="mask",f=PropertyFactory.getProp(this.element,c[i].x,0,null,this.element),b=createElementID(),(p=createNS("filter")).setAttribute("id",b),(m=createNS("feMorphology")).setAttribute("operator","erode"),m.setAttribute("in","SourceGraphic"),m.setAttribute("radius","0"),p.appendChild(m),a.appendChild(p),s.setAttribute("stroke","s"===c[i].mode?"#000000":"#ffffff")):f=m=null,this.storedData[i]={elem:s,x:f,expan:m,lastPath:"",lastOperator:"",filterId:b,lastRadius:0},"i"===c[i].mode){h=u.length;var P=createNS("g");for(o=0;o<h;o+=1)P.appendChild(u[o]);var E=createNS("mask");E.setAttribute("mask-type","alpha"),E.setAttribute("id",y+"_"+d),E.appendChild(s),a.appendChild(E),P.setAttribute("mask","url("+locationHref+"#"+y+"_"+d+")"),u.length=0,u.push(P)}else u.push(s);c[i].inv&&!this.solidPath&&(this.solidPath=this.createLayerSolidPath()),this.viewData[i]={elem:s,lastPath:"",op:PropertyFactory.getProp(this.element,c[i].o,0,.01,this.element),prop:ShapePropertyFactory.getShapeProp(this.element,c[i],3),invRect:l},this.viewData[i].prop.k||this.drawPath(c[i],this.viewData[i].prop.v,this.viewData[i])}for(this.maskElement=createNS(g),n=u.length,i=0;i<n;i+=1)this.maskElement.appendChild(u[i]);0<d&&(this.maskElement.setAttribute("id",y),this.element.maskedElement.setAttribute(v,"url("+locationHref+"#"+y+")"),a.appendChild(this.maskElement)),this.viewData.length&&this.element.addRenderableComponent(this)}function HierarchyElement(){}function FrameElement(){}function TransformElement(){}function RenderableElement(){}function RenderableDOMElement(){}function ProcessedElement(t,e){this.elem=t,this.pos=e}function SVGStyleData(t,e){this.data=t,this.type=t.ty,this.d="",this.lvl=e,this._mdf=!1,this.closed=!0===t.hd,this.pElem=createNS("path"),this.msElem=null}function SVGShapeData(t,e,r){this.caches=[],this.styles=[],this.transformers=t,this.lStr="",this.sh=r,this.lvl=e,this._isAnimated=!!r.k;for(var i=0,s=t.length;i<s;){if(t[i].mProps.dynamicProperties.length){this._isAnimated=!0;break}i+=1}}function SVGTransformData(t,e,r){this.transform={mProps:t,op:e,container:r},this.elements=[],this._isAnimated=this.transform.mProps.dynamicProperties.length||this.transform.op.effectsSequence.length}function SVGStrokeStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.o=PropertyFactory.getProp(t,e.o,0,.01,this),this.w=PropertyFactory.getProp(t,e.w,0,null,this),this.d=new DashProperty(t,e.d||{},"svg",this),this.c=PropertyFactory.getProp(t,e.c,1,255,this),this.style=r,this._isAnimated=!!this._isAnimated}function SVGFillStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.o=PropertyFactory.getProp(t,e.o,0,.01,this),this.c=PropertyFactory.getProp(t,e.c,1,255,this),this.style=r}function SVGGradientFillStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.initGradientData(t,e,r)}function SVGGradientStrokeStyleData(t,e,r){this.initDynamicPropertyContainer(t),this.getValue=this.iterateDynamicProperties,this.w=PropertyFactory.getProp(t,e.w,0,null,this),this.d=new DashProperty(t,e.d||{},"svg",this),this.initGradientData(t,e,r),this._isAnimated=!!this._isAnimated}function ShapeGroupData(){this.it=[],this.prevViewData=[],this.gr=createNS("g")}BaseRenderer.prototype.checkLayers=function(t){var e,r,i=this.layers.length;for(this.completeLayers=!0,e=i-1;0<=e;e-=1)this.elements[e]||(r=this.layers[e]).ip-r.st<=t-this.layers[e].st&&r.op-r.st>t-this.layers[e].st&&this.buildItem(e),this.completeLayers=!!this.elements[e]&&this.completeLayers;this.checkPendingElements()},BaseRenderer.prototype.createItem=function(t){switch(t.ty){case 2:return this.createImage(t);case 0:return this.createComp(t);case 1:return this.createSolid(t);case 3:return this.createNull(t);case 4:return this.createShape(t);case 5:return this.createText(t);case 6:return this.createAudio(t);case 13:return this.createCamera(t);case 15:return this.createFootage(t);default:return this.createNull(t)}},BaseRenderer.prototype.createCamera=function(){throw new Error("You're using a 3d camera. Try the html renderer.")},BaseRenderer.prototype.createAudio=function(t){return new AudioElement(t,this.globalData,this)},BaseRenderer.prototype.createFootage=function(t){return new FootageElement(t,this.globalData,this)},BaseRenderer.prototype.buildAllItems=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.buildItem(t);this.checkPendingElements()},BaseRenderer.prototype.includeLayers=function(t){var e;this.completeLayers=!1;var r,i=t.length,s=this.layers.length;for(e=0;e<i;e+=1)for(r=0;r<s;){if(this.layers[r].id===t[e].id){this.layers[r]=t[e];break}r+=1}},BaseRenderer.prototype.setProjectInterface=function(t){this.globalData.projectInterface=t},BaseRenderer.prototype.initItems=function(){this.globalData.progressiveLoad||this.buildAllItems()},BaseRenderer.prototype.buildElementParenting=function(t,e,r){for(var i=this.elements,s=this.layers,a=0,n=s.length;a<n;)s[a].ind==e&&(i[a]&&!0!==i[a]?(r.push(i[a]),i[a].setAsParent(),void 0!==s[a].parent?this.buildElementParenting(t,s[a].parent,r):t.setHierarchy(r)):(this.buildItem(a),this.addPendingElement(t))),a+=1},BaseRenderer.prototype.addPendingElement=function(t){this.pendingElements.push(t)},BaseRenderer.prototype.searchExtraCompositions=function(t){var e,r=t.length;for(e=0;e<r;e+=1)if(t[e].xt){var i=this.createComp(t[e]);i.initExpressions(),this.globalData.projectInterface.registerComposition(i)}},BaseRenderer.prototype.setupGlobalData=function(t,e){this.globalData.fontManager=new FontManager,this.globalData.fontManager.addChars(t.chars),this.globalData.fontManager.addFonts(t.fonts,e),this.globalData.getAssetData=this.animationItem.getAssetData.bind(this.animationItem),this.globalData.getAssetsPath=this.animationItem.getAssetsPath.bind(this.animationItem),this.globalData.imageLoader=this.animationItem.imagePreloader,this.globalData.audioController=this.animationItem.audioController,this.globalData.frameId=0,this.globalData.frameRate=t.fr,this.globalData.nm=t.nm,this.globalData.compSize={w:t.w,h:t.h}},extendPrototype([BaseRenderer],SVGRenderer),SVGRenderer.prototype.createNull=function(t){return new NullElement(t,this.globalData,this)},SVGRenderer.prototype.createShape=function(t){return new SVGShapeElement(t,this.globalData,this)},SVGRenderer.prototype.createText=function(t){return new SVGTextLottieElement(t,this.globalData,this)},SVGRenderer.prototype.createImage=function(t){return new IImageElement(t,this.globalData,this)},SVGRenderer.prototype.createComp=function(t){return new SVGCompElement(t,this.globalData,this)},SVGRenderer.prototype.createSolid=function(t){return new ISolidElement(t,this.globalData,this)},SVGRenderer.prototype.configAnimation=function(t){this.svgElement.setAttribute("xmlns","http://www.w3.org/2000/svg"),this.renderConfig.viewBoxSize?this.svgElement.setAttribute("viewBox",this.renderConfig.viewBoxSize):this.svgElement.setAttribute("viewBox","0 0 "+t.w+" "+t.h),this.renderConfig.viewBoxOnly||(this.svgElement.setAttribute("width",t.w),this.svgElement.setAttribute("height",t.h),this.svgElement.style.width="100%",this.svgElement.style.height="100%",this.svgElement.style.transform="translate3d(0,0,0)"),this.renderConfig.className&&this.svgElement.setAttribute("class",this.renderConfig.className),this.renderConfig.id&&this.svgElement.setAttribute("id",this.renderConfig.id),void 0!==this.renderConfig.focusable&&this.svgElement.setAttribute("focusable",this.renderConfig.focusable),this.svgElement.setAttribute("preserveAspectRatio",this.renderConfig.preserveAspectRatio),this.animationItem.wrapper.appendChild(this.svgElement);var e=this.globalData.defs;this.setupGlobalData(t,e),this.globalData.progressiveLoad=this.renderConfig.progressiveLoad,this.data=t;var r=createNS("clipPath"),i=createNS("rect");i.setAttribute("width",t.w),i.setAttribute("height",t.h),i.setAttribute("x",0),i.setAttribute("y",0);var s=createElementID();r.setAttribute("id",s),r.appendChild(i),this.layerElement.setAttribute("clip-path","url("+locationHref+"#"+s+")"),e.appendChild(r),this.layers=t.layers,this.elements=createSizedArray(t.layers.length)},SVGRenderer.prototype.destroy=function(){var t;this.animationItem.wrapper&&(this.animationItem.wrapper.innerText=""),this.layerElement=null,this.globalData.defs=null;var e=this.layers?this.layers.length:0;for(t=0;t<e;t+=1)this.elements[t]&&this.elements[t].destroy();this.elements.length=0,this.destroyed=!0,this.animationItem=null},SVGRenderer.prototype.updateContainerSize=function(){},SVGRenderer.prototype.buildItem=function(t){var e=this.elements;if(!e[t]&&99!==this.layers[t].ty){e[t]=!0;var r=this.createItem(this.layers[t]);e[t]=r,expressionsPlugin&&(0===this.layers[t].ty&&this.globalData.projectInterface.registerComposition(r),r.initExpressions()),this.appendElementInPos(r,t),this.layers[t].tt&&(this.elements[t-1]&&!0!==this.elements[t-1]?r.setMatte(e[t-1].layerId):(this.buildItem(t-1),this.addPendingElement(r)))}},SVGRenderer.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){var t=this.pendingElements.pop();if(t.checkParenting(),t.data.tt)for(var e=0,r=this.elements.length;e<r;){if(this.elements[e]===t){t.setMatte(this.elements[e-1].layerId);break}e+=1}}},SVGRenderer.prototype.renderFrame=function(t){if(this.renderedFrame!==t&&!this.destroyed){var e;null===t?t=this.renderedFrame:this.renderedFrame=t,this.globalData.frameNum=t,this.globalData.frameId+=1,this.globalData.projectInterface.currentFrame=t,this.globalData._mdf=!1;var r=this.layers.length;for(this.completeLayers||this.checkLayers(t),e=r-1;0<=e;e-=1)(this.completeLayers||this.elements[e])&&this.elements[e].prepareFrame(t-this.layers[e].st);if(this.globalData._mdf)for(e=0;e<r;e+=1)(this.completeLayers||this.elements[e])&&this.elements[e].renderFrame()}},SVGRenderer.prototype.appendElementInPos=function(t,e){var r=t.getBaseElement();if(r){for(var i,s=0;s<e;)this.elements[s]&&!0!==this.elements[s]&&this.elements[s].getBaseElement()&&(i=this.elements[s].getBaseElement()),s+=1;i?this.layerElement.insertBefore(r,i):this.layerElement.appendChild(r)}},SVGRenderer.prototype.hide=function(){this.layerElement.style.display="none"},SVGRenderer.prototype.show=function(){this.layerElement.style.display="block"},extendPrototype([BaseRenderer],CanvasRenderer),CanvasRenderer.prototype.createShape=function(t){return new CVShapeElement(t,this.globalData,this)},CanvasRenderer.prototype.createText=function(t){return new CVTextElement(t,this.globalData,this)},CanvasRenderer.prototype.createImage=function(t){return new CVImageElement(t,this.globalData,this)},CanvasRenderer.prototype.createComp=function(t){return new CVCompElement(t,this.globalData,this)},CanvasRenderer.prototype.createSolid=function(t){return new CVSolidElement(t,this.globalData,this)},CanvasRenderer.prototype.createNull=SVGRenderer.prototype.createNull,CanvasRenderer.prototype.ctxTransform=function(t){if(1!==t[0]||0!==t[1]||0!==t[4]||1!==t[5]||0!==t[12]||0!==t[13])if(this.renderConfig.clearCanvas){this.transformMat.cloneFromProps(t);var e=this.contextData.cTr.props;this.transformMat.transform(e[0],e[1],e[2],e[3],e[4],e[5],e[6],e[7],e[8],e[9],e[10],e[11],e[12],e[13],e[14],e[15]),this.contextData.cTr.cloneFromProps(this.transformMat.props);var r=this.contextData.cTr.props;this.canvasContext.setTransform(r[0],r[1],r[4],r[5],r[12],r[13])}else this.canvasContext.transform(t[0],t[1],t[4],t[5],t[12],t[13])},CanvasRenderer.prototype.ctxOpacity=function(t){if(!this.renderConfig.clearCanvas)return this.canvasContext.globalAlpha*=t<0?0:t,void(this.globalData.currentGlobalAlpha=this.contextData.cO);this.contextData.cO*=t<0?0:t,this.globalData.currentGlobalAlpha!==this.contextData.cO&&(this.canvasContext.globalAlpha=this.contextData.cO,this.globalData.currentGlobalAlpha=this.contextData.cO)},CanvasRenderer.prototype.reset=function(){this.renderConfig.clearCanvas?this.contextData.reset():this.canvasContext.restore()},CanvasRenderer.prototype.save=function(t){if(this.renderConfig.clearCanvas){t&&this.canvasContext.save();var e,r=this.contextData.cTr.props;this.contextData._length<=this.contextData.cArrPos&&this.contextData.duplicate();var i=this.contextData.saved[this.contextData.cArrPos];for(e=0;e<16;e+=1)i[e]=r[e];this.contextData.savedOp[this.contextData.cArrPos]=this.contextData.cO,this.contextData.cArrPos+=1}else this.canvasContext.save()},CanvasRenderer.prototype.restore=function(t){if(this.renderConfig.clearCanvas){t&&(this.canvasContext.restore(),this.globalData.blendMode="source-over"),this.contextData.cArrPos-=1;var e,r=this.contextData.saved[this.contextData.cArrPos],i=this.contextData.cTr.props;for(e=0;e<16;e+=1)i[e]=r[e];this.canvasContext.setTransform(r[0],r[1],r[4],r[5],r[12],r[13]),r=this.contextData.savedOp[this.contextData.cArrPos],this.contextData.cO=r,this.globalData.currentGlobalAlpha!==r&&(this.canvasContext.globalAlpha=r,this.globalData.currentGlobalAlpha=r)}else this.canvasContext.restore()},CanvasRenderer.prototype.configAnimation=function(t){if(this.animationItem.wrapper){this.animationItem.container=createTag("canvas");var e=this.animationItem.container.style;e.width="100%",e.height="100%";var r="0px 0px 0px";e.transformOrigin=r,e.mozTransformOrigin=r,e.webkitTransformOrigin=r,e["-webkit-transform"]=r,this.animationItem.wrapper.appendChild(this.animationItem.container),this.canvasContext=this.animationItem.container.getContext("2d"),this.renderConfig.className&&this.animationItem.container.setAttribute("class",this.renderConfig.className),this.renderConfig.id&&this.animationItem.container.setAttribute("id",this.renderConfig.id)}else this.canvasContext=this.renderConfig.context;this.data=t,this.layers=t.layers,this.transformCanvas={w:t.w,h:t.h,sx:0,sy:0,tx:0,ty:0},this.setupGlobalData(t,document.body),this.globalData.canvasContext=this.canvasContext,(this.globalData.renderer=this).globalData.isDashed=!1,this.globalData.progressiveLoad=this.renderConfig.progressiveLoad,this.globalData.transformCanvas=this.transformCanvas,this.elements=createSizedArray(t.layers.length),this.updateContainerSize()},CanvasRenderer.prototype.updateContainerSize=function(){var t,e,r,i;if(this.reset(),this.animationItem.wrapper&&this.animationItem.container?(t=this.animationItem.wrapper.offsetWidth,e=this.animationItem.wrapper.offsetHeight,this.animationItem.container.setAttribute("width",t*this.renderConfig.dpr),this.animationItem.container.setAttribute("height",e*this.renderConfig.dpr)):(t=this.canvasContext.canvas.width*this.renderConfig.dpr,e=this.canvasContext.canvas.height*this.renderConfig.dpr),-1!==this.renderConfig.preserveAspectRatio.indexOf("meet")||-1!==this.renderConfig.preserveAspectRatio.indexOf("slice")){var s=this.renderConfig.preserveAspectRatio.split(" "),a=s[1]||"meet",n=s[0]||"xMidYMid",o=n.substr(0,4),h=n.substr(4);r=t/e,i=this.transformCanvas.w/this.transformCanvas.h,this.transformCanvas.sy=r<i&&"meet"===a||i<r&&"slice"===a?(this.transformCanvas.sx=t/(this.transformCanvas.w/this.renderConfig.dpr),t/(this.transformCanvas.w/this.renderConfig.dpr)):(this.transformCanvas.sx=e/(this.transformCanvas.h/this.renderConfig.dpr),e/(this.transformCanvas.h/this.renderConfig.dpr)),this.transformCanvas.tx="xMid"===o&&(i<r&&"meet"===a||r<i&&"slice"===a)?(t-this.transformCanvas.w*(e/this.transformCanvas.h))/2*this.renderConfig.dpr:"xMax"===o&&(i<r&&"meet"===a||r<i&&"slice"===a)?(t-this.transformCanvas.w*(e/this.transformCanvas.h))*this.renderConfig.dpr:0,this.transformCanvas.ty="YMid"===h&&(r<i&&"meet"===a||i<r&&"slice"===a)?(e-this.transformCanvas.h*(t/this.transformCanvas.w))/2*this.renderConfig.dpr:"YMax"===h&&(r<i&&"meet"===a||i<r&&"slice"===a)?(e-this.transformCanvas.h*(t/this.transformCanvas.w))*this.renderConfig.dpr:0}else"none"===this.renderConfig.preserveAspectRatio?(this.transformCanvas.sx=t/(this.transformCanvas.w/this.renderConfig.dpr),this.transformCanvas.sy=e/(this.transformCanvas.h/this.renderConfig.dpr)):(this.transformCanvas.sx=this.renderConfig.dpr,this.transformCanvas.sy=this.renderConfig.dpr),this.transformCanvas.tx=0,this.transformCanvas.ty=0;this.transformCanvas.props=[this.transformCanvas.sx,0,0,0,0,this.transformCanvas.sy,0,0,0,0,1,0,this.transformCanvas.tx,this.transformCanvas.ty,0,1],this.ctxTransform(this.transformCanvas.props),this.canvasContext.beginPath(),this.canvasContext.rect(0,0,this.transformCanvas.w,this.transformCanvas.h),this.canvasContext.closePath(),this.canvasContext.clip(),this.renderFrame(this.renderedFrame,!0)},CanvasRenderer.prototype.destroy=function(){var t;for(this.renderConfig.clearCanvas&&this.animationItem.wrapper&&(this.animationItem.wrapper.innerText=""),t=(this.layers?this.layers.length:0)-1;0<=t;t-=1)this.elements[t]&&this.elements[t].destroy();this.elements.length=0,this.globalData.canvasContext=null,this.animationItem.container=null,this.destroyed=!0},CanvasRenderer.prototype.renderFrame=function(t,e){if((this.renderedFrame!==t||!0!==this.renderConfig.clearCanvas||e)&&!this.destroyed&&-1!==t){var r;this.renderedFrame=t,this.globalData.frameNum=t-this.animationItem._isFirstFrame,this.globalData.frameId+=1,this.globalData._mdf=!this.renderConfig.clearCanvas||e,this.globalData.projectInterface.currentFrame=t;var i=this.layers.length;for(this.completeLayers||this.checkLayers(t),r=0;r<i;r+=1)(this.completeLayers||this.elements[r])&&this.elements[r].prepareFrame(t-this.layers[r].st);if(this.globalData._mdf){for(!0===this.renderConfig.clearCanvas?this.canvasContext.clearRect(0,0,this.transformCanvas.w,this.transformCanvas.h):this.save(),r=i-1;0<=r;r-=1)(this.completeLayers||this.elements[r])&&this.elements[r].renderFrame();!0!==this.renderConfig.clearCanvas&&this.restore()}}},CanvasRenderer.prototype.buildItem=function(t){var e=this.elements;if(!e[t]&&99!==this.layers[t].ty){var r=this.createItem(this.layers[t],this,this.globalData);(e[t]=r).initExpressions()}},CanvasRenderer.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){this.pendingElements.pop().checkParenting()}},CanvasRenderer.prototype.hide=function(){this.animationItem.container.style.display="none"},CanvasRenderer.prototype.show=function(){this.animationItem.container.style.display="block"},extendPrototype([BaseRenderer],HybridRenderer),HybridRenderer.prototype.buildItem=SVGRenderer.prototype.buildItem,HybridRenderer.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){this.pendingElements.pop().checkParenting()}},HybridRenderer.prototype.appendElementInPos=function(t,e){var r=t.getBaseElement();if(r){var i=this.layers[e];if(i.ddd&&this.supports3d)this.addTo3dContainer(r,e);else if(this.threeDElements)this.addTo3dContainer(r,e);else{for(var s,a,n=0;n<e;)this.elements[n]&&!0!==this.elements[n]&&this.elements[n].getBaseElement&&(a=this.elements[n],s=(this.layers[n].ddd?this.getThreeDContainerByPos(n):a.getBaseElement())||s),n+=1;s?i.ddd&&this.supports3d||this.layerElement.insertBefore(r,s):i.ddd&&this.supports3d||this.layerElement.appendChild(r)}}},HybridRenderer.prototype.createShape=function(t){return this.supports3d?new HShapeElement(t,this.globalData,this):new SVGShapeElement(t,this.globalData,this)},HybridRenderer.prototype.createText=function(t){return this.supports3d?new HTextElement(t,this.globalData,this):new SVGTextLottieElement(t,this.globalData,this)},HybridRenderer.prototype.createCamera=function(t){return this.camera=new HCameraElement(t,this.globalData,this),this.camera},HybridRenderer.prototype.createImage=function(t){return this.supports3d?new HImageElement(t,this.globalData,this):new IImageElement(t,this.globalData,this)},HybridRenderer.prototype.createComp=function(t){return this.supports3d?new HCompElement(t,this.globalData,this):new SVGCompElement(t,this.globalData,this)},HybridRenderer.prototype.createSolid=function(t){return this.supports3d?new HSolidElement(t,this.globalData,this):new ISolidElement(t,this.globalData,this)},HybridRenderer.prototype.createNull=SVGRenderer.prototype.createNull,HybridRenderer.prototype.getThreeDContainerByPos=function(t){for(var e=0,r=this.threeDElements.length;e<r;){if(this.threeDElements[e].startPos<=t&&this.threeDElements[e].endPos>=t)return this.threeDElements[e].perspectiveElem;e+=1}return null},HybridRenderer.prototype.createThreeDContainer=function(t,e){var r,i,s=createTag("div");styleDiv(s);var a=createTag("div");if(styleDiv(a),"3d"===e){(r=s.style).width=this.globalData.compSize.w+"px",r.height=this.globalData.compSize.h+"px";var n="50% 50%";r.webkitTransformOrigin=n,r.mozTransformOrigin=n,r.transformOrigin=n;var o="matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)";(i=a.style).transform=o,i.webkitTransform=o}s.appendChild(a);var h={container:a,perspectiveElem:s,startPos:t,endPos:t,type:e};return this.threeDElements.push(h),h},HybridRenderer.prototype.build3dContainers=function(){var t,e,r=this.layers.length,i="";for(t=0;t<r;t+=1)this.layers[t].ddd&&3!==this.layers[t].ty?"3d"!==i&&(i="3d",e=this.createThreeDContainer(t,"3d")):"2d"!==i&&(i="2d",e=this.createThreeDContainer(t,"2d")),e.endPos=Math.max(e.endPos,t);for(t=(r=this.threeDElements.length)-1;0<=t;t-=1)this.resizerElem.appendChild(this.threeDElements[t].perspectiveElem)},HybridRenderer.prototype.addTo3dContainer=function(t,e){for(var r=0,i=this.threeDElements.length;r<i;){if(e<=this.threeDElements[r].endPos){for(var s,a=this.threeDElements[r].startPos;a<e;)this.elements[a]&&this.elements[a].getBaseElement&&(s=this.elements[a].getBaseElement()),a+=1;s?this.threeDElements[r].container.insertBefore(t,s):this.threeDElements[r].container.appendChild(t);break}r+=1}},HybridRenderer.prototype.configAnimation=function(t){var e=createTag("div"),r=this.animationItem.wrapper,i=e.style;i.width=t.w+"px",i.height=t.h+"px",styleDiv(this.resizerElem=e),i.transformStyle="flat",i.mozTransformStyle="flat",i.webkitTransformStyle="flat",this.renderConfig.className&&e.setAttribute("class",this.renderConfig.className),r.appendChild(e),i.overflow="hidden";var s=createNS("svg");s.setAttribute("width","1"),s.setAttribute("height","1"),styleDiv(s),this.resizerElem.appendChild(s);var a=createNS("defs");s.appendChild(a),this.data=t,this.setupGlobalData(t,s),this.globalData.defs=a,this.layers=t.layers,this.layerElement=this.resizerElem,this.build3dContainers(),this.updateContainerSize()},HybridRenderer.prototype.destroy=function(){var t;this.animationItem.wrapper&&(this.animationItem.wrapper.innerText=""),this.animationItem.container=null,this.globalData.defs=null;var e=this.layers?this.layers.length:0;for(t=0;t<e;t+=1)this.elements[t].destroy();this.elements.length=0,this.destroyed=!0,this.animationItem=null},HybridRenderer.prototype.updateContainerSize=function(){var t,e,r,i,s=this.animationItem.wrapper.offsetWidth,a=this.animationItem.wrapper.offsetHeight;i=s/a<this.globalData.compSize.w/this.globalData.compSize.h?(t=s/this.globalData.compSize.w,e=s/this.globalData.compSize.w,r=0,(a-this.globalData.compSize.h*(s/this.globalData.compSize.w))/2):(t=a/this.globalData.compSize.h,e=a/this.globalData.compSize.h,r=(s-this.globalData.compSize.w*(a/this.globalData.compSize.h))/2,0);var n=this.resizerElem.style;n.webkitTransform="matrix3d("+t+",0,0,0,0,"+e+",0,0,0,0,1,0,"+r+","+i+",0,1)",n.transform=n.webkitTransform},HybridRenderer.prototype.renderFrame=SVGRenderer.prototype.renderFrame,HybridRenderer.prototype.hide=function(){this.resizerElem.style.display="none"},HybridRenderer.prototype.show=function(){this.resizerElem.style.display="block"},HybridRenderer.prototype.initItems=function(){if(this.buildAllItems(),this.camera)this.camera.setup();else{var t,e=this.globalData.compSize.w,r=this.globalData.compSize.h,i=this.threeDElements.length;for(t=0;t<i;t+=1){var s=this.threeDElements[t].perspectiveElem.style;s.webkitPerspective=Math.sqrt(Math.pow(e,2)+Math.pow(r,2))+"px",s.perspective=s.webkitPerspective}}},HybridRenderer.prototype.searchExtraCompositions=function(t){var e,r=t.length,i=createTag("div");for(e=0;e<r;e+=1)if(t[e].xt){var s=this.createComp(t[e],i,this.globalData.comp,null);s.initExpressions(),this.globalData.projectInterface.registerComposition(s)}},MaskElement.prototype.getMaskProperty=function(t){return this.viewData[t].prop},MaskElement.prototype.renderFrame=function(t){var e,r=this.element.finalTransform.mat,i=this.masksProperties.length;for(e=0;e<i;e+=1)if((this.viewData[e].prop._mdf||t)&&this.drawPath(this.masksProperties[e],this.viewData[e].prop.v,this.viewData[e]),(this.viewData[e].op._mdf||t)&&this.viewData[e].elem.setAttribute("fill-opacity",this.viewData[e].op.v),"n"!==this.masksProperties[e].mode&&(this.viewData[e].invRect&&(this.element.finalTransform.mProp._mdf||t)&&this.viewData[e].invRect.setAttribute("transform",r.getInverseMatrix().to2dCSS()),this.storedData[e].x&&(this.storedData[e].x._mdf||t))){var s=this.storedData[e].expan;this.storedData[e].x.v<0?("erode"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="erode",this.storedData[e].elem.setAttribute("filter","url("+locationHref+"#"+this.storedData[e].filterId+")")),s.setAttribute("radius",-this.storedData[e].x.v)):("dilate"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="dilate",this.storedData[e].elem.setAttribute("filter",null)),this.storedData[e].elem.setAttribute("stroke-width",2*this.storedData[e].x.v))}},MaskElement.prototype.getMaskelement=function(){return this.maskElement},MaskElement.prototype.createLayerSolidPath=function(){var t="M0,0 ";return t+=" h"+this.globalData.compSize.w,t+=" v"+this.globalData.compSize.h,t+=" h-"+this.globalData.compSize.w,t+=" v-"+this.globalData.compSize.h+" "},MaskElement.prototype.drawPath=function(t,e,r){var i,s,a=" M"+e.v[0][0]+","+e.v[0][1];for(s=e._length,i=1;i<s;i+=1)a+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[i][0]+","+e.i[i][1]+" "+e.v[i][0]+","+e.v[i][1];if(e.c&&1<s&&(a+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[0][0]+","+e.i[0][1]+" "+e.v[0][0]+","+e.v[0][1]),r.lastPath!==a){var n="";r.elem&&(e.c&&(n=t.inv?this.solidPath+a:a),r.elem.setAttribute("d",n)),r.lastPath=a}},MaskElement.prototype.destroy=function(){this.element=null,this.globalData=null,this.maskElement=null,this.data=null,this.masksProperties=null},HierarchyElement.prototype={initHierarchy:function(){this.hierarchy=[],this._isParent=!1,this.checkParenting()},setHierarchy:function(t){this.hierarchy=t},setAsParent:function(){this._isParent=!0},checkParenting:function(){void 0!==this.data.parent&&this.comp.buildElementParenting(this,this.data.parent,[])}},FrameElement.prototype={initFrame:function(){this._isFirstFrame=!1,this.dynamicProperties=[],this._mdf=!1},prepareProperties:function(t,e){var r,i=this.dynamicProperties.length;for(r=0;r<i;r+=1)(e||this._isParent&&"transform"===this.dynamicProperties[r].propType)&&(this.dynamicProperties[r].getValue(),this.dynamicProperties[r]._mdf&&(this.globalData._mdf=!0,this._mdf=!0))},addDynamicProperty:function(t){-1===this.dynamicProperties.indexOf(t)&&this.dynamicProperties.push(t)}},TransformElement.prototype={initTransform:function(){this.finalTransform={mProp:this.data.ks?TransformPropertyFactory.getTransformProperty(this,this.data.ks,this):{o:0},_matMdf:!1,_opMdf:!1,mat:new Matrix},this.data.ao&&(this.finalTransform.mProp.autoOriented=!0),this.data.ty},renderTransform:function(){if(this.finalTransform._opMdf=this.finalTransform.mProp.o._mdf||this._isFirstFrame,this.finalTransform._matMdf=this.finalTransform.mProp._mdf||this._isFirstFrame,this.hierarchy){var t,e=this.finalTransform.mat,r=0,i=this.hierarchy.length;if(!this.finalTransform._matMdf)for(;r<i;){if(this.hierarchy[r].finalTransform.mProp._mdf){this.finalTransform._matMdf=!0;break}r+=1}if(this.finalTransform._matMdf)for(t=this.finalTransform.mProp.v.props,e.cloneFromProps(t),r=0;r<i;r+=1)t=this.hierarchy[r].finalTransform.mProp.v.props,e.transform(t[0],t[1],t[2],t[3],t[4],t[5],t[6],t[7],t[8],t[9],t[10],t[11],t[12],t[13],t[14],t[15])}},globalToLocal:function(t){var e=[];e.push(this.finalTransform);for(var r,i=!0,s=this.comp;i;)s.finalTransform?(s.data.hasMask&&e.splice(0,0,s.finalTransform),s=s.comp):i=!1;var a,n=e.length;for(r=0;r<n;r+=1)a=e[r].mat.applyToPointArray(0,0,0),t=[t[0]-a[0],t[1]-a[1],0];return t},mHelper:new Matrix},RenderableElement.prototype={initRenderable:function(){this.isInRange=!1,this.hidden=!1,this.isTransparent=!1,this.renderableComponents=[]},addRenderableComponent:function(t){-1===this.renderableComponents.indexOf(t)&&this.renderableComponents.push(t)},removeRenderableComponent:function(t){-1!==this.renderableComponents.indexOf(t)&&this.renderableComponents.splice(this.renderableComponents.indexOf(t),1)},prepareRenderableFrame:function(t){this.checkLayerLimits(t)},checkTransparency:function(){this.finalTransform.mProp.o.v<=0?!this.isTransparent&&this.globalData.renderConfig.hideOnTransparent&&(this.isTransparent=!0,this.hide()):this.isTransparent&&(this.isTransparent=!1,this.show())},checkLayerLimits:function(t){this.data.ip-this.data.st<=t&&this.data.op-this.data.st>t?!0!==this.isInRange&&(this.globalData._mdf=!0,this._mdf=!0,this.isInRange=!0,this.show()):!1!==this.isInRange&&(this.globalData._mdf=!0,this.isInRange=!1,this.hide())},renderRenderable:function(){var t,e=this.renderableComponents.length;for(t=0;t<e;t+=1)this.renderableComponents[t].renderFrame(this._isFirstFrame)},sourceRectAtTime:function(){return{top:0,left:0,width:100,height:100}},getLayerSize:function(){return 5===this.data.ty?{w:this.data.textData.width,h:this.data.textData.height}:{w:this.data.width,h:this.data.height}}},extendPrototype([RenderableElement,createProxyFunction({initElement:function(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initTransform(t,e,r),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide()},hide:function(){this.hidden||this.isInRange&&!this.isTransparent||((this.baseElement||this.layerElement).style.display="none",this.hidden=!0)},show:function(){this.isInRange&&!this.isTransparent&&(this.data.hd||((this.baseElement||this.layerElement).style.display="block"),this.hidden=!1,this._isFirstFrame=!0)},renderFrame:function(){this.data.hd||this.hidden||(this.renderTransform(),this.renderRenderable(),this.renderElement(),this.renderInnerContent(),this._isFirstFrame&&(this._isFirstFrame=!1))},renderInnerContent:function(){},prepareFrame:function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.checkTransparency()},destroy:function(){this.innerElem=null,this.destroyBaseElement()}})],RenderableDOMElement),SVGStyleData.prototype.reset=function(){this.d="",this._mdf=!1},SVGShapeData.prototype.setAsAnimated=function(){this._isAnimated=!0},extendPrototype([DynamicPropertyContainer],SVGStrokeStyleData),extendPrototype([DynamicPropertyContainer],SVGFillStyleData),SVGGradientFillStyleData.prototype.initGradientData=function(t,e,r){this.o=PropertyFactory.getProp(t,e.o,0,.01,this),this.s=PropertyFactory.getProp(t,e.s,1,null,this),this.e=PropertyFactory.getProp(t,e.e,1,null,this),this.h=PropertyFactory.getProp(t,e.h||{k:0},0,.01,this),this.a=PropertyFactory.getProp(t,e.a||{k:0},0,degToRads,this),this.g=new GradientProperty(t,e.g,this),this.style=r,this.stops=[],this.setGradientData(r.pElem,e),this.setGradientOpacity(e,r),this._isAnimated=!!this._isAnimated},SVGGradientFillStyleData.prototype.setGradientData=function(t,e){var r=createElementID(),i=createNS(1===e.t?"linearGradient":"radialGradient");i.setAttribute("id",r),i.setAttribute("spreadMethod","pad"),i.setAttribute("gradientUnits","userSpaceOnUse");var s,a,n,o=[];for(n=4*e.g.p,a=0;a<n;a+=4)s=createNS("stop"),i.appendChild(s),o.push(s);t.setAttribute("gf"===e.ty?"fill":"stroke","url("+locationHref+"#"+r+")"),this.gf=i,this.cst=o},SVGGradientFillStyleData.prototype.setGradientOpacity=function(t,e){if(this.g._hasOpacity&&!this.g._collapsable){var r,i,s,a=createNS("mask"),n=createNS("path");a.appendChild(n);var o=createElementID(),h=createElementID();a.setAttribute("id",h);var l=createNS(1===t.t?"linearGradient":"radialGradient");l.setAttribute("id",o),l.setAttribute("spreadMethod","pad"),l.setAttribute("gradientUnits","userSpaceOnUse"),s=t.g.k.k[0].s?t.g.k.k[0].s.length:t.g.k.k.length;var p=this.stops;for(i=4*t.g.p;i<s;i+=2)(r=createNS("stop")).setAttribute("stop-color","rgb(255,255,255)"),l.appendChild(r),p.push(r);n.setAttribute("gf"===t.ty?"fill":"stroke","url("+locationHref+"#"+o+")"),"gs"===t.ty&&(n.setAttribute("stroke-linecap",lineCapEnum[t.lc||2]),n.setAttribute("stroke-linejoin",lineJoinEnum[t.lj||2]),1===t.lj&&n.setAttribute("stroke-miterlimit",t.ml)),this.of=l,this.ms=a,this.ost=p,this.maskId=h,e.msElem=n}},extendPrototype([DynamicPropertyContainer],SVGGradientFillStyleData),extendPrototype([SVGGradientFillStyleData,DynamicPropertyContainer],SVGGradientStrokeStyleData);var SVGElementsRenderer=function(){var y=new Matrix,g=new Matrix;function e(t,e,r){(r||e.transform.op._mdf)&&e.transform.container.setAttribute("opacity",e.transform.op.v),(r||e.transform.mProps._mdf)&&e.transform.container.setAttribute("transform",e.transform.mProps.v.to2dCSS())}function r(t,e,r){var i,s,a,n,o,h,l,p,m,f,c,d=e.styles.length,u=e.lvl;for(h=0;h<d;h+=1){if(n=e.sh._mdf||r,e.styles[h].lvl<u){for(p=g.reset(),f=u-e.styles[h].lvl,c=e.transformers.length-1;!n&&0<f;)n=e.transformers[c].mProps._mdf||n,f-=1,c-=1;if(n)for(f=u-e.styles[h].lvl,c=e.transformers.length-1;0<f;)m=e.transformers[c].mProps.v.props,p.transform(m[0],m[1],m[2],m[3],m[4],m[5],m[6],m[7],m[8],m[9],m[10],m[11],m[12],m[13],m[14],m[15]),f-=1,c-=1}else p=y;if(s=(l=e.sh.paths)._length,n){for(a="",i=0;i<s;i+=1)(o=l.shapes[i])&&o._length&&(a+=buildShapeString(o,o._length,o.c,p));e.caches[h]=a}else a=e.caches[h];e.styles[h].d+=!0===t.hd?"":a,e.styles[h]._mdf=n||e.styles[h]._mdf}}function i(t,e,r){var i=e.style;(e.c._mdf||r)&&i.pElem.setAttribute("fill","rgb("+bmFloor(e.c.v[0])+","+bmFloor(e.c.v[1])+","+bmFloor(e.c.v[2])+")"),(e.o._mdf||r)&&i.pElem.setAttribute("fill-opacity",e.o.v)}function s(t,e,r){a(t,e,r),n(t,e,r)}function a(t,e,r){var i,s,a,n,o,h=e.gf,l=e.g._hasOpacity,p=e.s.v,m=e.e.v;if(e.o._mdf||r){var f="gf"===t.ty?"fill-opacity":"stroke-opacity";e.style.pElem.setAttribute(f,e.o.v)}if(e.s._mdf||r){var c=1===t.t?"x1":"cx",d="x1"===c?"y1":"cy";h.setAttribute(c,p[0]),h.setAttribute(d,p[1]),l&&!e.g._collapsable&&(e.of.setAttribute(c,p[0]),e.of.setAttribute(d,p[1]))}if(e.g._cmdf||r){i=e.cst;var u=e.g.c;for(a=i.length,s=0;s<a;s+=1)(n=i[s]).setAttribute("offset",u[4*s]+"%"),n.setAttribute("stop-color","rgb("+u[4*s+1]+","+u[4*s+2]+","+u[4*s+3]+")")}if(l&&(e.g._omdf||r)){var y=e.g.o;for(a=(i=e.g._collapsable?e.cst:e.ost).length,s=0;s<a;s+=1)n=i[s],e.g._collapsable||n.setAttribute("offset",y[2*s]+"%"),n.setAttribute("stop-opacity",y[2*s+1])}if(1===t.t)(e.e._mdf||r)&&(h.setAttribute("x2",m[0]),h.setAttribute("y2",m[1]),l&&!e.g._collapsable&&(e.of.setAttribute("x2",m[0]),e.of.setAttribute("y2",m[1])));else if((e.s._mdf||e.e._mdf||r)&&(o=Math.sqrt(Math.pow(p[0]-m[0],2)+Math.pow(p[1]-m[1],2)),h.setAttribute("r",o),l&&!e.g._collapsable&&e.of.setAttribute("r",o)),e.e._mdf||e.h._mdf||e.a._mdf||r){o||(o=Math.sqrt(Math.pow(p[0]-m[0],2)+Math.pow(p[1]-m[1],2)));var g=Math.atan2(m[1]-p[1],m[0]-p[0]),v=e.h.v;1<=v?v=.99:v<=-1&&(v=-.99);var b=o*v,P=Math.cos(g+e.a.v)*b+p[0],E=Math.sin(g+e.a.v)*b+p[1];h.setAttribute("fx",P),h.setAttribute("fy",E),l&&!e.g._collapsable&&(e.of.setAttribute("fx",P),e.of.setAttribute("fy",E))}}function n(t,e,r){var i=e.style,s=e.d;s&&(s._mdf||r)&&s.dashStr&&(i.pElem.setAttribute("stroke-dasharray",s.dashStr),i.pElem.setAttribute("stroke-dashoffset",s.dashoffset[0])),e.c&&(e.c._mdf||r)&&i.pElem.setAttribute("stroke","rgb("+bmFloor(e.c.v[0])+","+bmFloor(e.c.v[1])+","+bmFloor(e.c.v[2])+")"),(e.o._mdf||r)&&i.pElem.setAttribute("stroke-opacity",e.o.v),(e.w._mdf||r)&&(i.pElem.setAttribute("stroke-width",e.w.v),i.msElem&&i.msElem.setAttribute("stroke-width",e.w.v))}return{createRenderFunction:function(t){switch(t.ty){case"fl":return i;case"gf":return a;case"gs":return s;case"st":return n;case"sh":case"el":case"rc":case"sr":return r;case"tr":return e;default:return null}}}}();function ShapeTransformManager(){this.sequences={},this.sequenceList=[],this.transform_key_count=0}function CVShapeData(t,e,r,i){this.styledShapes=[],this.tr=[0,0,0,0,0,0];var s,a=4;"rc"===e.ty?a=5:"el"===e.ty?a=6:"sr"===e.ty&&(a=7),this.sh=ShapePropertyFactory.getShapeProp(t,e,a,t);var n,o=r.length;for(s=0;s<o;s+=1)r[s].closed||(n={transforms:i.addTransformSequence(r[s].transforms),trNodes:[]},this.styledShapes.push(n),r[s].elements.push(n))}function BaseElement(){}function NullElement(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initFrame(),this.initTransform(t,e,r),this.initHierarchy()}function SVGBaseElement(){}function IShapeElement(){}function ITextElement(){}function ICompElement(){}function IImageElement(t,e,r){this.assetData=e.getAssetData(t.refId),this.initElement(t,e,r),this.sourceRect={top:0,left:0,width:this.assetData.w,height:this.assetData.h}}function ISolidElement(t,e,r){this.initElement(t,e,r)}function AudioElement(t,e,r){this.initFrame(),this.initRenderable(),this.assetData=e.getAssetData(t.refId),this.initBaseData(t,e,r),this._isPlaying=!1,this._canPlay=!1;var i=this.globalData.getAssetsPath(this.assetData);this.audio=this.globalData.audioController.createAudio(i),this._currentTime=0,this.globalData.audioController.addAudio(this),this.tm=t.tm?PropertyFactory.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function FootageElement(t,e,r){this.initFrame(),this.initRenderable(),this.assetData=e.getAssetData(t.refId),this.footageData=e.imageLoader.getAsset(this.assetData),this.initBaseData(t,e,r)}function SVGCompElement(t,e,r){this.layers=t.layers,this.supports3d=!0,this.completeLayers=!1,this.pendingElements=[],this.elements=this.layers?createSizedArray(this.layers.length):[],this.initElement(t,e,r),this.tm=t.tm?PropertyFactory.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function SVGTextLottieElement(t,e,r){this.textSpans=[],this.renderType="svg",this.initElement(t,e,r)}function SVGShapeElement(t,e,r){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.shapeModifiers=[],this.itemsData=[],this.processedElements=[],this.animatedContents=[],this.initElement(t,e,r),this.prevViewData=[]}function SVGTintFilter(t,e){this.filterManager=e;var r=createNS("feColorMatrix");if(r.setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","linearRGB"),r.setAttribute("values","0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"),r.setAttribute("result","f1"),t.appendChild(r),(r=createNS("feColorMatrix")).setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","sRGB"),r.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"),r.setAttribute("result","f2"),t.appendChild(r),this.matrixFilter=r,100!==e.effectElements[2].p.v||e.effectElements[2].p.k){var i,s=createNS("feMerge");t.appendChild(s),(i=createNS("feMergeNode")).setAttribute("in","SourceGraphic"),s.appendChild(i),(i=createNS("feMergeNode")).setAttribute("in","f2"),s.appendChild(i)}}function SVGFillFilter(t,e){this.filterManager=e;var r=createNS("feColorMatrix");r.setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","sRGB"),r.setAttribute("values","1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 0"),t.appendChild(r),this.matrixFilter=r}function SVGGaussianBlurEffect(t,e){t.setAttribute("x","-100%"),t.setAttribute("y","-100%"),t.setAttribute("width","300%"),t.setAttribute("height","300%"),this.filterManager=e;var r=createNS("feGaussianBlur");t.appendChild(r),this.feGaussianBlur=r}function SVGStrokeEffect(t,e){this.initialized=!1,this.filterManager=e,this.elem=t,this.paths=[]}function SVGTritoneFilter(t,e){this.filterManager=e;var r=createNS("feColorMatrix");r.setAttribute("type","matrix"),r.setAttribute("color-interpolation-filters","linearRGB"),r.setAttribute("values","0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0"),r.setAttribute("result","f1"),t.appendChild(r);var i=createNS("feComponentTransfer");i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),this.matrixFilter=i;var s=createNS("feFuncR");s.setAttribute("type","table"),i.appendChild(s),this.feFuncR=s;var a=createNS("feFuncG");a.setAttribute("type","table"),i.appendChild(a),this.feFuncG=a;var n=createNS("feFuncB");n.setAttribute("type","table"),i.appendChild(n),this.feFuncB=n}function SVGProLevelsFilter(t,e){this.filterManager=e;var r=this.filterManager.effectElements,i=createNS("feComponentTransfer");(r[10].p.k||0!==r[10].p.v||r[11].p.k||1!==r[11].p.v||r[12].p.k||1!==r[12].p.v||r[13].p.k||0!==r[13].p.v||r[14].p.k||1!==r[14].p.v)&&(this.feFuncR=this.createFeFunc("feFuncR",i)),(r[17].p.k||0!==r[17].p.v||r[18].p.k||1!==r[18].p.v||r[19].p.k||1!==r[19].p.v||r[20].p.k||0!==r[20].p.v||r[21].p.k||1!==r[21].p.v)&&(this.feFuncG=this.createFeFunc("feFuncG",i)),(r[24].p.k||0!==r[24].p.v||r[25].p.k||1!==r[25].p.v||r[26].p.k||1!==r[26].p.v||r[27].p.k||0!==r[27].p.v||r[28].p.k||1!==r[28].p.v)&&(this.feFuncB=this.createFeFunc("feFuncB",i)),(r[31].p.k||0!==r[31].p.v||r[32].p.k||1!==r[32].p.v||r[33].p.k||1!==r[33].p.v||r[34].p.k||0!==r[34].p.v||r[35].p.k||1!==r[35].p.v)&&(this.feFuncA=this.createFeFunc("feFuncA",i)),(this.feFuncR||this.feFuncG||this.feFuncB||this.feFuncA)&&(i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),i=createNS("feComponentTransfer")),(r[3].p.k||0!==r[3].p.v||r[4].p.k||1!==r[4].p.v||r[5].p.k||1!==r[5].p.v||r[6].p.k||0!==r[6].p.v||r[7].p.k||1!==r[7].p.v)&&(i.setAttribute("color-interpolation-filters","sRGB"),t.appendChild(i),this.feFuncRComposed=this.createFeFunc("feFuncR",i),this.feFuncGComposed=this.createFeFunc("feFuncG",i),this.feFuncBComposed=this.createFeFunc("feFuncB",i))}function SVGDropShadowEffect(t,e){var r=e.container.globalData.renderConfig.filterSize;t.setAttribute("x",r.x),t.setAttribute("y",r.y),t.setAttribute("width",r.width),t.setAttribute("height",r.height),this.filterManager=e;var i=createNS("feGaussianBlur");i.setAttribute("in","SourceAlpha"),i.setAttribute("result","drop_shadow_1"),i.setAttribute("stdDeviation","0"),this.feGaussianBlur=i,t.appendChild(i);var s=createNS("feOffset");s.setAttribute("dx","25"),s.setAttribute("dy","0"),s.setAttribute("in","drop_shadow_1"),s.setAttribute("result","drop_shadow_2"),this.feOffset=s,t.appendChild(s);var a=createNS("feFlood");a.setAttribute("flood-color","#00ff00"),a.setAttribute("flood-opacity","1"),a.setAttribute("result","drop_shadow_3"),this.feFlood=a,t.appendChild(a);var n=createNS("feComposite");n.setAttribute("in","drop_shadow_3"),n.setAttribute("in2","drop_shadow_2"),n.setAttribute("operator","in"),n.setAttribute("result","drop_shadow_4"),t.appendChild(n);var o,h=createNS("feMerge");t.appendChild(h),o=createNS("feMergeNode"),h.appendChild(o),(o=createNS("feMergeNode")).setAttribute("in","SourceGraphic"),this.feMergeNode=o,this.feMerge=h,this.originalNodeAdded=!1,h.appendChild(o)}ShapeTransformManager.prototype={addTransformSequence:function(t){var e,r=t.length,i="_";for(e=0;e<r;e+=1)i+=t[e].transform.key+"_";var s=this.sequences[i];return s||(s={transforms:[].concat(t),finalTransform:new Matrix,_mdf:!1},this.sequences[i]=s,this.sequenceList.push(s)),s},processSequence:function(t,e){for(var r,i=0,s=t.transforms.length,a=e;i<s&&!e;){if(t.transforms[i].transform.mProps._mdf){a=!0;break}i+=1}if(a)for(t.finalTransform.reset(),i=s-1;0<=i;i-=1)r=t.transforms[i].transform.mProps.v.props,t.finalTransform.transform(r[0],r[1],r[2],r[3],r[4],r[5],r[6],r[7],r[8],r[9],r[10],r[11],r[12],r[13],r[14],r[15]);t._mdf=a},processSequences:function(t){var e,r=this.sequenceList.length;for(e=0;e<r;e+=1)this.processSequence(this.sequenceList[e],t)},getNewKey:function(){return this.transform_key_count+=1,"_"+this.transform_key_count}},CVShapeData.prototype.setAsAnimated=SVGShapeData.prototype.setAsAnimated,BaseElement.prototype={checkMasks:function(){if(!this.data.hasMask)return!1;for(var t=0,e=this.data.masksProperties.length;t<e;){if("n"!==this.data.masksProperties[t].mode&&!1!==this.data.masksProperties[t].cl)return!0;t+=1}return!1},initExpressions:function(){this.layerInterface=LayerExpressionInterface(this),this.data.hasMask&&this.maskManager&&this.layerInterface.registerMaskInterface(this.maskManager);var t=EffectsExpressionInterface.createEffectsInterface(this,this.layerInterface);this.layerInterface.registerEffectsInterface(t),0===this.data.ty||this.data.xt?this.compInterface=CompExpressionInterface(this):4===this.data.ty?(this.layerInterface.shapeInterface=ShapeExpressionInterface(this.shapesData,this.itemsData,this.layerInterface),this.layerInterface.content=this.layerInterface.shapeInterface):5===this.data.ty&&(this.layerInterface.textInterface=TextExpressionInterface(this),this.layerInterface.text=this.layerInterface.textInterface)},setBlendMode:function(){var t=getBlendMode(this.data.bm);(this.baseElement||this.layerElement).style["mix-blend-mode"]=t},initBaseData:function(t,e,r){this.globalData=e,this.comp=r,this.data=t,this.layerId=createElementID(),this.data.sr||(this.data.sr=1),this.effectsManager=new EffectsManager(this.data,this,this.dynamicProperties)},getType:function(){return this.type},sourceRectAtTime:function(){}},NullElement.prototype.prepareFrame=function(t){this.prepareProperties(t,!0)},NullElement.prototype.renderFrame=function(){},NullElement.prototype.getBaseElement=function(){return null},NullElement.prototype.destroy=function(){},NullElement.prototype.sourceRectAtTime=function(){},NullElement.prototype.hide=function(){},extendPrototype([BaseElement,TransformElement,HierarchyElement,FrameElement],NullElement),SVGBaseElement.prototype={initRendererElement:function(){this.layerElement=createNS("g")},createContainerElements:function(){this.matteElement=createNS("g"),this.transformedElement=this.layerElement,this.maskedElement=this.layerElement,this._sizeChanged=!1;var t,e,r,i=null;if(this.data.td){if(3==this.data.td||1==this.data.td){var s=createNS("mask");s.setAttribute("id",this.layerId),s.setAttribute("mask-type",3==this.data.td?"luminance":"alpha"),s.appendChild(this.layerElement),i=s,this.globalData.defs.appendChild(s),featureSupport.maskType||1!=this.data.td||(s.setAttribute("mask-type","luminance"),t=createElementID(),e=filtersFactory.createFilter(t),this.globalData.defs.appendChild(e),e.appendChild(filtersFactory.createAlphaToLuminanceFilter()),(r=createNS("g")).appendChild(this.layerElement),i=r,s.appendChild(r),r.setAttribute("filter","url("+locationHref+"#"+t+")"))}else if(2==this.data.td){var a=createNS("mask");a.setAttribute("id",this.layerId),a.setAttribute("mask-type","alpha");var n=createNS("g");a.appendChild(n),t=createElementID(),e=filtersFactory.createFilter(t);var o=createNS("feComponentTransfer");o.setAttribute("in","SourceGraphic"),e.appendChild(o);var h=createNS("feFuncA");h.setAttribute("type","table"),h.setAttribute("tableValues","1.0 0.0"),o.appendChild(h),this.globalData.defs.appendChild(e);var l=createNS("rect");l.setAttribute("width",this.comp.data.w),l.setAttribute("height",this.comp.data.h),l.setAttribute("x","0"),l.setAttribute("y","0"),l.setAttribute("fill","#ffffff"),l.setAttribute("opacity","0"),n.setAttribute("filter","url("+locationHref+"#"+t+")"),n.appendChild(l),n.appendChild(this.layerElement),i=n,featureSupport.maskType||(a.setAttribute("mask-type","luminance"),e.appendChild(filtersFactory.createAlphaToLuminanceFilter()),r=createNS("g"),n.appendChild(l),r.appendChild(this.layerElement),i=r,n.appendChild(r)),this.globalData.defs.appendChild(a)}}else this.data.tt?(this.matteElement.appendChild(this.layerElement),i=this.matteElement,this.baseElement=this.matteElement):this.baseElement=this.layerElement;if(this.data.ln&&this.layerElement.setAttribute("id",this.data.ln),this.data.cl&&this.layerElement.setAttribute("class",this.data.cl),0===this.data.ty&&!this.data.hd){var p=createNS("clipPath"),m=createNS("path");m.setAttribute("d","M0,0 L"+this.data.w+",0 L"+this.data.w+","+this.data.h+" L0,"+this.data.h+"z");var f=createElementID();if(p.setAttribute("id",f),p.appendChild(m),this.globalData.defs.appendChild(p),this.checkMasks()){var c=createNS("g");c.setAttribute("clip-path","url("+locationHref+"#"+f+")"),c.appendChild(this.layerElement),this.transformedElement=c,i?i.appendChild(this.transformedElement):this.baseElement=this.transformedElement}else this.layerElement.setAttribute("clip-path","url("+locationHref+"#"+f+")")}0!==this.data.bm&&this.setBlendMode()},renderElement:function(){this.finalTransform._matMdf&&this.transformedElement.setAttribute("transform",this.finalTransform.mat.to2dCSS()),this.finalTransform._opMdf&&this.transformedElement.setAttribute("opacity",this.finalTransform.mProp.o.v)},destroyBaseElement:function(){this.layerElement=null,this.matteElement=null,this.maskManager.destroy()},getBaseElement:function(){return this.data.hd?null:this.baseElement},createRenderableComponents:function(){this.maskManager=new MaskElement(this.data,this,this.globalData),this.renderableEffectsManager=new SVGEffects(this)},setMatte:function(t){this.matteElement&&this.matteElement.setAttribute("mask","url("+locationHref+"#"+t+")")}},IShapeElement.prototype={addShapeToModifiers:function(t){var e,r=this.shapeModifiers.length;for(e=0;e<r;e+=1)this.shapeModifiers[e].addShape(t)},isShapeInAnimatedModifiers:function(t){for(var e=this.shapeModifiers.length;0<e;)if(this.shapeModifiers[0].isAnimatedWithShape(t))return!0;return!1},renderModifiers:function(){if(this.shapeModifiers.length){var t,e=this.shapes.length;for(t=0;t<e;t+=1)this.shapes[t].sh.reset();for(t=(e=this.shapeModifiers.length)-1;0<=t&&!this.shapeModifiers[t].processShapes(this._isFirstFrame);t-=1);}},searchProcessedElement:function(t){for(var e=this.processedElements,r=0,i=e.length;r<i;){if(e[r].elem===t)return e[r].pos;r+=1}return 0},addProcessedElement:function(t,e){for(var r=this.processedElements,i=r.length;i;)if(r[i-=1].elem===t)return void(r[i].pos=e);r.push(new ProcessedElement(t,e))},prepareFrame:function(t){this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange)}},ITextElement.prototype.initElement=function(t,e,r){this.lettersChangedFlag=!0,this.initFrame(),this.initBaseData(t,e,r),this.textProperty=new TextProperty(this,t.t,this.dynamicProperties),this.textAnimator=new TextAnimatorProperty(t.t,this.renderType,this),this.initTransform(t,e,r),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide(),this.textAnimator.searchProperties(this.dynamicProperties)},ITextElement.prototype.prepareFrame=function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),(this.textProperty._mdf||this.textProperty._isFirstFrame)&&(this.buildNewText(),this.textProperty._isFirstFrame=!1,this.textProperty._mdf=!1)},ITextElement.prototype.createPathShape=function(t,e){var r,i,s=e.length,a="";for(r=0;r<s;r+=1)i=e[r].ks.k,a+=buildShapeString(i,i.i.length,!0,t);return a},ITextElement.prototype.updateDocumentData=function(t,e){this.textProperty.updateDocumentData(t,e)},ITextElement.prototype.canResizeFont=function(t){this.textProperty.canResizeFont(t)},ITextElement.prototype.setMinimumFontSize=function(t){this.textProperty.setMinimumFontSize(t)},ITextElement.prototype.applyTextPropertiesToMatrix=function(t,e,r,i,s){switch(t.ps&&e.translate(t.ps[0],t.ps[1]+t.ascent,0),e.translate(0,-t.ls,0),t.j){case 1:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[r]),0,0);break;case 2:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[r])/2,0,0)}e.translate(i,s,0)},ITextElement.prototype.buildColor=function(t){return"rgb("+Math.round(255*t[0])+","+Math.round(255*t[1])+","+Math.round(255*t[2])+")"},ITextElement.prototype.emptyProp=new LetterProps,ITextElement.prototype.destroy=function(){},extendPrototype([BaseElement,TransformElement,HierarchyElement,FrameElement,RenderableDOMElement],ICompElement),ICompElement.prototype.initElement=function(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initTransform(t,e,r),this.initRenderable(),this.initHierarchy(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),!this.data.xt&&e.progressiveLoad||this.buildAllItems(),this.hide()},ICompElement.prototype.prepareFrame=function(t){if(this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.isInRange||this.data.xt){if(this.tm._placeholder)this.renderedFrame=t/this.data.sr;else{var e=this.tm.v;e===this.data.op&&(e=this.data.op-1),this.renderedFrame=e}var r,i=this.elements.length;for(this.completeLayers||this.checkLayers(this.renderedFrame),r=i-1;0<=r;r-=1)(this.completeLayers||this.elements[r])&&(this.elements[r].prepareFrame(this.renderedFrame-this.layers[r].st),this.elements[r]._mdf&&(this._mdf=!0))}},ICompElement.prototype.renderInnerContent=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)(this.completeLayers||this.elements[t])&&this.elements[t].renderFrame()},ICompElement.prototype.setElements=function(t){this.elements=t},ICompElement.prototype.getElements=function(){return this.elements},ICompElement.prototype.destroyElements=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.elements[t]&&this.elements[t].destroy()},ICompElement.prototype.destroy=function(){this.destroyElements(),this.destroyBaseElement()},extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement],IImageElement),IImageElement.prototype.createContent=function(){var t=this.globalData.getAssetsPath(this.assetData);this.innerElem=createNS("image"),this.innerElem.setAttribute("width",this.assetData.w+"px"),this.innerElem.setAttribute("height",this.assetData.h+"px"),this.innerElem.setAttribute("preserveAspectRatio",this.assetData.pr||this.globalData.renderConfig.imagePreserveAspectRatio),this.innerElem.setAttributeNS("http://www.w3.org/1999/xlink","href",t),this.layerElement.appendChild(this.innerElem)},IImageElement.prototype.sourceRectAtTime=function(){return this.sourceRect},extendPrototype([IImageElement],ISolidElement),ISolidElement.prototype.createContent=function(){var t=createNS("rect");t.setAttribute("width",this.data.sw),t.setAttribute("height",this.data.sh),t.setAttribute("fill",this.data.sc),this.layerElement.appendChild(t)},AudioElement.prototype.prepareFrame=function(t){if(this.prepareRenderableFrame(t,!0),this.prepareProperties(t,!0),this.tm._placeholder)this._currentTime=t/this.data.sr;else{var e=this.tm.v;this._currentTime=e}},extendPrototype([RenderableElement,BaseElement,FrameElement],AudioElement),AudioElement.prototype.renderFrame=function(){this.isInRange&&this._canPlay&&(this._isPlaying?(!this.audio.playing()||.1<Math.abs(this._currentTime/this.globalData.frameRate-this.audio.seek()))&&this.audio.seek(this._currentTime/this.globalData.frameRate):(this.audio.play(),this.audio.seek(this._currentTime/this.globalData.frameRate),this._isPlaying=!0))},AudioElement.prototype.show=function(){},AudioElement.prototype.hide=function(){this.audio.pause(),this._isPlaying=!1},AudioElement.prototype.pause=function(){this.audio.pause(),this._isPlaying=!1,this._canPlay=!1},AudioElement.prototype.resume=function(){this._canPlay=!0},AudioElement.prototype.setRate=function(t){this.audio.rate(t)},AudioElement.prototype.volume=function(t){this.audio.volume(t)},AudioElement.prototype.getBaseElement=function(){return null},AudioElement.prototype.destroy=function(){},AudioElement.prototype.sourceRectAtTime=function(){},AudioElement.prototype.initExpressions=function(){},FootageElement.prototype.prepareFrame=function(){},extendPrototype([RenderableElement,BaseElement,FrameElement],FootageElement),FootageElement.prototype.getBaseElement=function(){return null},FootageElement.prototype.renderFrame=function(){},FootageElement.prototype.destroy=function(){},FootageElement.prototype.initExpressions=function(){this.layerInterface=FootageInterface(this)},FootageElement.prototype.getFootageData=function(){return this.footageData},extendPrototype([SVGRenderer,ICompElement,SVGBaseElement],SVGCompElement),extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement,ITextElement],SVGTextLottieElement),SVGTextLottieElement.prototype.createContent=function(){this.data.singleShape&&!this.globalData.fontManager.chars&&(this.textContainer=createNS("text"))},SVGTextLottieElement.prototype.buildTextContents=function(t){for(var e=0,r=t.length,i=[],s="";e<r;)t[e]===String.fromCharCode(13)||t[e]===String.fromCharCode(3)?(i.push(s),s=""):s+=t[e],e+=1;return i.push(s),i},SVGTextLottieElement.prototype.buildNewText=function(){var t,e,r=this.textProperty.currentData;this.renderedLetters=createSizedArray(r?r.l.length:0),r.fc?this.layerElement.setAttribute("fill",this.buildColor(r.fc)):this.layerElement.setAttribute("fill","rgba(0,0,0,0)"),r.sc&&(this.layerElement.setAttribute("stroke",this.buildColor(r.sc)),this.layerElement.setAttribute("stroke-width",r.sw)),this.layerElement.setAttribute("font-size",r.finalSize);var i=this.globalData.fontManager.getFontByName(r.f);if(i.fClass)this.layerElement.setAttribute("class",i.fClass);else{this.layerElement.setAttribute("font-family",i.fFamily);var s=r.fWeight,a=r.fStyle;this.layerElement.setAttribute("font-style",a),this.layerElement.setAttribute("font-weight",s)}this.layerElement.setAttribute("aria-label",r.t);var n,o=r.l||[],h=!!this.globalData.fontManager.chars;e=o.length;var l,p=this.mHelper,m="",f=this.data.singleShape,c=0,d=0,u=!0,y=.001*r.tr*r.finalSize;if(!f||h||r.sz){var g,v,b=this.textSpans.length;for(t=0;t<e;t+=1)h&&f&&0!==t||(n=t<b?this.textSpans[t]:createNS(h?"path":"text"),b<=t&&(n.setAttribute("stroke-linecap","butt"),n.setAttribute("stroke-linejoin","round"),n.setAttribute("stroke-miterlimit","4"),this.textSpans[t]=n,this.layerElement.appendChild(n)),n.style.display="inherit"),p.reset(),p.scale(r.finalSize/100,r.finalSize/100),f&&(o[t].n&&(c=-y,d+=r.yOffset,d+=u?1:0,u=!1),this.applyTextPropertiesToMatrix(r,p,o[t].line,c,d),c+=o[t].l||0,c+=y),h?(l=(g=(v=this.globalData.fontManager.getCharData(r.finalText[t],i.fStyle,this.globalData.fontManager.getFontByName(r.f).fFamily))&&v.data||{}).shapes?g.shapes[0].it:[],f?m+=this.createPathShape(p,l):n.setAttribute("d",this.createPathShape(p,l))):(f&&n.setAttribute("transform","translate("+p.props[12]+","+p.props[13]+")"),n.textContent=o[t].val,n.setAttributeNS("http://www.w3.org/XML/1998/namespace","xml:space","preserve"));f&&n&&n.setAttribute("d",m)}else{var P=this.textContainer,E="start";switch(r.j){case 1:E="end";break;case 2:E="middle";break;default:E="start"}P.setAttribute("text-anchor",E),P.setAttribute("letter-spacing",y);var x=this.buildTextContents(r.finalText);for(e=x.length,d=r.ps?r.ps[1]+r.ascent:0,t=0;t<e;t+=1)(n=this.textSpans[t]||createNS("tspan")).textContent=x[t],n.setAttribute("x",0),n.setAttribute("y",d),n.style.display="inherit",P.appendChild(n),this.textSpans[t]=n,d+=r.finalLineHeight;this.layerElement.appendChild(P)}for(;t<this.textSpans.length;)this.textSpans[t].style.display="none",t+=1;this._sizeChanged=!0},SVGTextLottieElement.prototype.sourceRectAtTime=function(){if(this.prepareFrame(this.comp.renderedFrame-this.data.st),this.renderInnerContent(),this._sizeChanged){this._sizeChanged=!1;var t=this.layerElement.getBBox();this.bbox={top:t.y,left:t.x,width:t.width,height:t.height}}return this.bbox},SVGTextLottieElement.prototype.renderInnerContent=function(){if(!this.data.singleShape&&(this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag),this.lettersChangedFlag||this.textAnimator.lettersChangedFlag)){var t,e;this._sizeChanged=!0;var r,i,s=this.textAnimator.renderedLetters,a=this.textProperty.currentData.l;for(e=a.length,t=0;t<e;t+=1)a[t].n||(r=s[t],i=this.textSpans[t],r._mdf.m&&i.setAttribute("transform",r.m),r._mdf.o&&i.setAttribute("opacity",r.o),r._mdf.sw&&i.setAttribute("stroke-width",r.sw),r._mdf.sc&&i.setAttribute("stroke",r.sc),r._mdf.fc&&i.setAttribute("fill",r.fc))}},extendPrototype([BaseElement,TransformElement,SVGBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableDOMElement],SVGShapeElement),SVGShapeElement.prototype.initSecondaryElement=function(){},SVGShapeElement.prototype.identityMatrix=new Matrix,SVGShapeElement.prototype.buildExpressionInterface=function(){},SVGShapeElement.prototype.createContent=function(){this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes()},SVGShapeElement.prototype.filterUniqueShapes=function(){var t,e,r,i,s=this.shapes.length,a=this.stylesList.length,n=[],o=!1;for(r=0;r<a;r+=1){for(i=this.stylesList[r],o=!1,t=n.length=0;t<s;t+=1)-1!==(e=this.shapes[t]).styles.indexOf(i)&&(n.push(e),o=e._isAnimated||o);1<n.length&&o&&this.setShapesAsAnimated(n)}},SVGShapeElement.prototype.setShapesAsAnimated=function(t){var e,r=t.length;for(e=0;e<r;e+=1)t[e].setAsAnimated()},SVGShapeElement.prototype.createStyleElement=function(t,e){var r,i=new SVGStyleData(t,e),s=i.pElem;if("st"===t.ty)r=new SVGStrokeStyleData(this,t,i);else if("fl"===t.ty)r=new SVGFillStyleData(this,t,i);else if("gf"===t.ty||"gs"===t.ty){r=new("gf"===t.ty?SVGGradientFillStyleData:SVGGradientStrokeStyleData)(this,t,i),this.globalData.defs.appendChild(r.gf),r.maskId&&(this.globalData.defs.appendChild(r.ms),this.globalData.defs.appendChild(r.of),s.setAttribute("mask","url("+locationHref+"#"+r.maskId+")"))}return"st"!==t.ty&&"gs"!==t.ty||(s.setAttribute("stroke-linecap",lineCapEnum[t.lc||2]),s.setAttribute("stroke-linejoin",lineJoinEnum[t.lj||2]),s.setAttribute("fill-opacity","0"),1===t.lj&&s.setAttribute("stroke-miterlimit",t.ml)),2===t.r&&s.setAttribute("fill-rule","evenodd"),t.ln&&s.setAttribute("id",t.ln),t.cl&&s.setAttribute("class",t.cl),t.bm&&(s.style["mix-blend-mode"]=getBlendMode(t.bm)),this.stylesList.push(i),this.addToAnimatedContents(t,r),r},SVGShapeElement.prototype.createGroupElement=function(t){var e=new ShapeGroupData;return t.ln&&e.gr.setAttribute("id",t.ln),t.cl&&e.gr.setAttribute("class",t.cl),t.bm&&(e.gr.style["mix-blend-mode"]=getBlendMode(t.bm)),e},SVGShapeElement.prototype.createTransformElement=function(t,e){var r=TransformPropertyFactory.getTransformProperty(this,t,this),i=new SVGTransformData(r,r.o,e);return this.addToAnimatedContents(t,i),i},SVGShapeElement.prototype.createShapeElement=function(t,e,r){var i=4;"rc"===t.ty?i=5:"el"===t.ty?i=6:"sr"===t.ty&&(i=7);var s=new SVGShapeData(e,r,ShapePropertyFactory.getShapeProp(this,t,i,this));return this.shapes.push(s),this.addShapeToModifiers(s),this.addToAnimatedContents(t,s),s},SVGShapeElement.prototype.addToAnimatedContents=function(t,e){for(var r=0,i=this.animatedContents.length;r<i;){if(this.animatedContents[r].element===e)return;r+=1}this.animatedContents.push({fn:SVGElementsRenderer.createRenderFunction(t),element:e,data:t})},SVGShapeElement.prototype.setElementStyles=function(t){var e,r=t.styles,i=this.stylesList.length;for(e=0;e<i;e+=1)this.stylesList[e].closed||r.push(this.stylesList[e])},SVGShapeElement.prototype.reloadShapes=function(){var t;this._isFirstFrame=!0;var e=this.itemsData.length;for(t=0;t<e;t+=1)this.prevViewData[t]=this.itemsData[t];for(this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes(),e=this.dynamicProperties.length,t=0;t<e;t+=1)this.dynamicProperties[t].getValue();this.renderModifiers()},SVGShapeElement.prototype.searchShapes=function(t,e,r,i,s,a,n){var o,h,l,p,m,f,c=[].concat(a),d=t.length-1,u=[],y=[];for(o=d;0<=o;o-=1){if((f=this.searchProcessedElement(t[o]))?e[o]=r[f-1]:t[o]._render=n,"fl"===t[o].ty||"st"===t[o].ty||"gf"===t[o].ty||"gs"===t[o].ty)f?e[o].style.closed=!1:e[o]=this.createStyleElement(t[o],s),t[o]._render&&i.appendChild(e[o].style.pElem),u.push(e[o].style);else if("gr"===t[o].ty){if(f)for(l=e[o].it.length,h=0;h<l;h+=1)e[o].prevViewData[h]=e[o].it[h];else e[o]=this.createGroupElement(t[o]);this.searchShapes(t[o].it,e[o].it,e[o].prevViewData,e[o].gr,s+1,c,n),t[o]._render&&i.appendChild(e[o].gr)}else"tr"===t[o].ty?(f||(e[o]=this.createTransformElement(t[o],i)),p=e[o].transform,c.push(p)):"sh"===t[o].ty||"rc"===t[o].ty||"el"===t[o].ty||"sr"===t[o].ty?(f||(e[o]=this.createShapeElement(t[o],c,s)),this.setElementStyles(e[o])):"tm"===t[o].ty||"rd"===t[o].ty||"ms"===t[o].ty||"pb"===t[o].ty?(f?(m=e[o]).closed=!1:((m=ShapeModifiers.getModifier(t[o].ty)).init(this,t[o]),e[o]=m,this.shapeModifiers.push(m)),y.push(m)):"rp"===t[o].ty&&(f?(m=e[o]).closed=!0:(m=ShapeModifiers.getModifier(t[o].ty),(e[o]=m).init(this,t,o,e),this.shapeModifiers.push(m),n=!1),y.push(m));this.addProcessedElement(t[o],o+1)}for(d=u.length,o=0;o<d;o+=1)u[o].closed=!0;for(d=y.length,o=0;o<d;o+=1)y[o].closed=!0},SVGShapeElement.prototype.renderInnerContent=function(){var t;this.renderModifiers();var e=this.stylesList.length;for(t=0;t<e;t+=1)this.stylesList[t].reset();for(this.renderShape(),t=0;t<e;t+=1)(this.stylesList[t]._mdf||this._isFirstFrame)&&(this.stylesList[t].msElem&&(this.stylesList[t].msElem.setAttribute("d",this.stylesList[t].d),this.stylesList[t].d="M0 0"+this.stylesList[t].d),this.stylesList[t].pElem.setAttribute("d",this.stylesList[t].d||"M0 0"))},SVGShapeElement.prototype.renderShape=function(){var t,e,r=this.animatedContents.length;for(t=0;t<r;t+=1)e=this.animatedContents[t],(this._isFirstFrame||e.element._isAnimated)&&!0!==e.data&&e.fn(e.data,e.element,this._isFirstFrame)},SVGShapeElement.prototype.destroy=function(){this.destroyBaseElement(),this.shapesData=null,this.itemsData=null},SVGTintFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[0].p.v,r=this.filterManager.effectElements[1].p.v,i=this.filterManager.effectElements[2].p.v/100;this.matrixFilter.setAttribute("values",r[0]-e[0]+" 0 0 0 "+e[0]+" "+(r[1]-e[1])+" 0 0 0 "+e[1]+" "+(r[2]-e[2])+" 0 0 0 "+e[2]+" 0 0 0 "+i+" 0")}},SVGFillFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[2].p.v,r=this.filterManager.effectElements[6].p.v;this.matrixFilter.setAttribute("values","0 0 0 0 "+e[0]+" 0 0 0 0 "+e[1]+" 0 0 0 0 "+e[2]+" 0 0 0 "+r+" 0")}},SVGGaussianBlurEffect.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=.3*this.filterManager.effectElements[0].p.v,r=this.filterManager.effectElements[1].p.v,i=3==r?0:e,s=2==r?0:e;this.feGaussianBlur.setAttribute("stdDeviation",i+" "+s);var a=1==this.filterManager.effectElements[2].p.v?"wrap":"duplicate";this.feGaussianBlur.setAttribute("edgeMode",a)}},SVGStrokeEffect.prototype.initialize=function(){var t,e,r,i,s=this.elem.layerElement.children||this.elem.layerElement.childNodes;for(1===this.filterManager.effectElements[1].p.v?(i=this.elem.maskManager.masksProperties.length,r=0):i=(r=this.filterManager.effectElements[0].p.v-1)+1,(e=createNS("g")).setAttribute("fill","none"),e.setAttribute("stroke-linecap","round"),e.setAttribute("stroke-dashoffset",1);r<i;r+=1)t=createNS("path"),e.appendChild(t),this.paths.push({p:t,m:r});if(3===this.filterManager.effectElements[10].p.v){var a=createNS("mask"),n=createElementID();a.setAttribute("id",n),a.setAttribute("mask-type","alpha"),a.appendChild(e),this.elem.globalData.defs.appendChild(a);var o=createNS("g");for(o.setAttribute("mask","url("+locationHref+"#"+n+")");s[0];)o.appendChild(s[0]);this.elem.layerElement.appendChild(o),this.masker=a,e.setAttribute("stroke","#fff")}else if(1===this.filterManager.effectElements[10].p.v||2===this.filterManager.effectElements[10].p.v){if(2===this.filterManager.effectElements[10].p.v)for(s=this.elem.layerElement.children||this.elem.layerElement.childNodes;s.length;)this.elem.layerElement.removeChild(s[0]);this.elem.layerElement.appendChild(e),this.elem.layerElement.removeAttribute("mask"),e.setAttribute("stroke","#fff")}this.initialized=!0,this.pathMasker=e},SVGStrokeEffect.prototype.renderFrame=function(t){var e;this.initialized||this.initialize();var r,i,s=this.paths.length;for(e=0;e<s;e+=1)if(-1!==this.paths[e].m&&(r=this.elem.maskManager.viewData[this.paths[e].m],i=this.paths[e].p,(t||this.filterManager._mdf||r.prop._mdf)&&i.setAttribute("d",r.lastPath),t||this.filterManager.effectElements[9].p._mdf||this.filterManager.effectElements[4].p._mdf||this.filterManager.effectElements[7].p._mdf||this.filterManager.effectElements[8].p._mdf||r.prop._mdf)){var a;if(0!==this.filterManager.effectElements[7].p.v||100!==this.filterManager.effectElements[8].p.v){var n=.01*Math.min(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v),o=.01*Math.max(this.filterManager.effectElements[7].p.v,this.filterManager.effectElements[8].p.v),h=i.getTotalLength();a="0 0 0 "+h*n+" ";var l,p=h*(o-n),m=1+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v*.01,f=Math.floor(p/m);for(l=0;l<f;l+=1)a+="1 "+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v*.01+" ";a+="0 "+10*h+" 0 0"}else a="1 "+2*this.filterManager.effectElements[4].p.v*this.filterManager.effectElements[9].p.v*.01;i.setAttribute("stroke-dasharray",a)}if((t||this.filterManager.effectElements[4].p._mdf)&&this.pathMasker.setAttribute("stroke-width",2*this.filterManager.effectElements[4].p.v),(t||this.filterManager.effectElements[6].p._mdf)&&this.pathMasker.setAttribute("opacity",this.filterManager.effectElements[6].p.v),(1===this.filterManager.effectElements[10].p.v||2===this.filterManager.effectElements[10].p.v)&&(t||this.filterManager.effectElements[3].p._mdf)){var c=this.filterManager.effectElements[3].p.v;this.pathMasker.setAttribute("stroke","rgb("+bmFloor(255*c[0])+","+bmFloor(255*c[1])+","+bmFloor(255*c[2])+")")}},SVGTritoneFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e=this.filterManager.effectElements[0].p.v,r=this.filterManager.effectElements[1].p.v,i=this.filterManager.effectElements[2].p.v,s=i[0]+" "+r[0]+" "+e[0],a=i[1]+" "+r[1]+" "+e[1],n=i[2]+" "+r[2]+" "+e[2];this.feFuncR.setAttribute("tableValues",s),this.feFuncG.setAttribute("tableValues",a),this.feFuncB.setAttribute("tableValues",n)}},SVGProLevelsFilter.prototype.createFeFunc=function(t,e){var r=createNS(t);return r.setAttribute("type","table"),e.appendChild(r),r},SVGProLevelsFilter.prototype.getTableValue=function(t,e,r,i,s){for(var a,n,o=0,h=Math.min(t,e),l=Math.max(t,e),p=Array.call(null,{length:256}),m=0,f=s-i,c=e-t;o<=256;)n=(a=o/256)<=h?c<0?s:i:l<=a?c<0?i:s:i+f*Math.pow((a-t)/c,1/r),p[m]=n,m+=1,o+=256/255;return p.join(" ")},SVGProLevelsFilter.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){var e,r=this.filterManager.effectElements;this.feFuncRComposed&&(t||r[3].p._mdf||r[4].p._mdf||r[5].p._mdf||r[6].p._mdf||r[7].p._mdf)&&(e=this.getTableValue(r[3].p.v,r[4].p.v,r[5].p.v,r[6].p.v,r[7].p.v),this.feFuncRComposed.setAttribute("tableValues",e),this.feFuncGComposed.setAttribute("tableValues",e),this.feFuncBComposed.setAttribute("tableValues",e)),this.feFuncR&&(t||r[10].p._mdf||r[11].p._mdf||r[12].p._mdf||r[13].p._mdf||r[14].p._mdf)&&(e=this.getTableValue(r[10].p.v,r[11].p.v,r[12].p.v,r[13].p.v,r[14].p.v),this.feFuncR.setAttribute("tableValues",e)),this.feFuncG&&(t||r[17].p._mdf||r[18].p._mdf||r[19].p._mdf||r[20].p._mdf||r[21].p._mdf)&&(e=this.getTableValue(r[17].p.v,r[18].p.v,r[19].p.v,r[20].p.v,r[21].p.v),this.feFuncG.setAttribute("tableValues",e)),this.feFuncB&&(t||r[24].p._mdf||r[25].p._mdf||r[26].p._mdf||r[27].p._mdf||r[28].p._mdf)&&(e=this.getTableValue(r[24].p.v,r[25].p.v,r[26].p.v,r[27].p.v,r[28].p.v),this.feFuncB.setAttribute("tableValues",e)),this.feFuncA&&(t||r[31].p._mdf||r[32].p._mdf||r[33].p._mdf||r[34].p._mdf||r[35].p._mdf)&&(e=this.getTableValue(r[31].p.v,r[32].p.v,r[33].p.v,r[34].p.v,r[35].p.v),this.feFuncA.setAttribute("tableValues",e))}},SVGDropShadowEffect.prototype.renderFrame=function(t){if(t||this.filterManager._mdf){if((t||this.filterManager.effectElements[4].p._mdf)&&this.feGaussianBlur.setAttribute("stdDeviation",this.filterManager.effectElements[4].p.v/4),t||this.filterManager.effectElements[0].p._mdf){var e=this.filterManager.effectElements[0].p.v;this.feFlood.setAttribute("flood-color",rgbToHex(Math.round(255*e[0]),Math.round(255*e[1]),Math.round(255*e[2])))}if((t||this.filterManager.effectElements[1].p._mdf)&&this.feFlood.setAttribute("flood-opacity",this.filterManager.effectElements[1].p.v/255),t||this.filterManager.effectElements[2].p._mdf||this.filterManager.effectElements[3].p._mdf){var r=this.filterManager.effectElements[3].p.v,i=(this.filterManager.effectElements[2].p.v-90)*degToRads,s=r*Math.cos(i),a=r*Math.sin(i);this.feOffset.setAttribute("dx",s),this.feOffset.setAttribute("dy",a)}}};var _svgMatteSymbols=[];function SVGMatte3Effect(t,e,r){this.initialized=!1,this.filterManager=e,this.filterElem=t,(this.elem=r).matteElement=createNS("g"),r.matteElement.appendChild(r.layerElement),r.matteElement.appendChild(r.transformedElement),r.baseElement=r.matteElement}function SVGEffects(t){var e,r,i=t.data.ef?t.data.ef.length:0,s=createElementID(),a=filtersFactory.createFilter(s,!0),n=0;for(this.filters=[],e=0;e<i;e+=1)r=null,20===t.data.ef[e].ty?(n+=1,r=new SVGTintFilter(a,t.effectsManager.effectElements[e])):21===t.data.ef[e].ty?(n+=1,r=new SVGFillFilter(a,t.effectsManager.effectElements[e])):22===t.data.ef[e].ty?r=new SVGStrokeEffect(t,t.effectsManager.effectElements[e]):23===t.data.ef[e].ty?(n+=1,r=new SVGTritoneFilter(a,t.effectsManager.effectElements[e])):24===t.data.ef[e].ty?(n+=1,r=new SVGProLevelsFilter(a,t.effectsManager.effectElements[e])):25===t.data.ef[e].ty?(n+=1,r=new SVGDropShadowEffect(a,t.effectsManager.effectElements[e])):28===t.data.ef[e].ty?r=new SVGMatte3Effect(a,t.effectsManager.effectElements[e],t):29===t.data.ef[e].ty&&(n+=1,r=new SVGGaussianBlurEffect(a,t.effectsManager.effectElements[e])),r&&this.filters.push(r);n&&(t.globalData.defs.appendChild(a),t.layerElement.setAttribute("filter","url("+locationHref+"#"+s+")")),this.filters.length&&t.addRenderableComponent(this)}function CVContextData(){var t;this.saved=[],this.cArrPos=0,this.cTr=new Matrix,this.cO=1;for(this.savedOp=createTypedArray("float32",15),t=0;t<15;t+=1)this.saved[t]=createTypedArray("float32",16);this._length=15}function CVBaseElement(){}function CVImageElement(t,e,r){this.assetData=e.getAssetData(t.refId),this.img=e.imageLoader.getAsset(this.assetData),this.initElement(t,e,r)}function CVCompElement(t,e,r){this.completeLayers=!1,this.layers=t.layers,this.pendingElements=[],this.elements=createSizedArray(this.layers.length),this.initElement(t,e,r),this.tm=t.tm?PropertyFactory.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function CVMaskElement(t,e){var r;this.data=t,this.element=e,this.masksProperties=this.data.masksProperties||[],this.viewData=createSizedArray(this.masksProperties.length);var i=this.masksProperties.length,s=!1;for(r=0;r<i;r+=1)"n"!==this.masksProperties[r].mode&&(s=!0),this.viewData[r]=ShapePropertyFactory.getShapeProp(this.element,this.masksProperties[r],3);(this.hasMasks=s)&&this.element.addRenderableComponent(this)}function CVShapeElement(t,e,r){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.itemsData=[],this.prevViewData=[],this.shapeModifiers=[],this.processedElements=[],this.transformsManager=new ShapeTransformManager,this.initElement(t,e,r)}function CVSolidElement(t,e,r){this.initElement(t,e,r)}function CVTextElement(t,e,r){this.textSpans=[],this.yOffset=0,this.fillColorAnim=!1,this.strokeColorAnim=!1,this.strokeWidthAnim=!1,this.stroke=!1,this.fill=!1,this.justifyOffset=0,this.currentRender=null,this.renderType="canvas",this.values={fill:"rgba(0,0,0,0)",stroke:"rgba(0,0,0,0)",sWidth:0,fValue:""},this.initElement(t,e,r)}function CVEffects(){}function HBaseElement(){}function HSolidElement(t,e,r){this.initElement(t,e,r)}function HCompElement(t,e,r){this.layers=t.layers,this.supports3d=!t.hasMask,this.completeLayers=!1,this.pendingElements=[],this.elements=this.layers?createSizedArray(this.layers.length):[],this.initElement(t,e,r),this.tm=t.tm?PropertyFactory.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function HShapeElement(t,e,r){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.shapeModifiers=[],this.itemsData=[],this.processedElements=[],this.animatedContents=[],this.shapesContainer=createNS("g"),this.initElement(t,e,r),this.prevViewData=[],this.currentBBox={x:999999,y:-999999,h:0,w:0}}function HTextElement(t,e,r){this.textSpans=[],this.textPaths=[],this.currentBBox={x:999999,y:-999999,h:0,w:0},this.renderType="svg",this.isMasked=!1,this.initElement(t,e,r)}function HImageElement(t,e,r){this.assetData=e.getAssetData(t.refId),this.initElement(t,e,r)}function HCameraElement(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initHierarchy();var i=PropertyFactory.getProp;if(this.pe=i(this,t.pe,0,0,this),t.ks.p.s?(this.px=i(this,t.ks.p.x,1,0,this),this.py=i(this,t.ks.p.y,1,0,this),this.pz=i(this,t.ks.p.z,1,0,this)):this.p=i(this,t.ks.p,1,0,this),t.ks.a&&(this.a=i(this,t.ks.a,1,0,this)),t.ks.or.k.length&&t.ks.or.k[0].to){var s,a=t.ks.or.k.length;for(s=0;s<a;s+=1)t.ks.or.k[s].to=null,t.ks.or.k[s].ti=null}this.or=i(this,t.ks.or,1,degToRads,this),this.or.sh=!0,this.rx=i(this,t.ks.rx,0,degToRads,this),this.ry=i(this,t.ks.ry,0,degToRads,this),this.rz=i(this,t.ks.rz,0,degToRads,this),this.mat=new Matrix,this._prevMat=new Matrix,this._isFirstFrame=!0,this.finalTransform={mProp:this}}function HEffects(){}SVGMatte3Effect.prototype.findSymbol=function(t){for(var e=0,r=_svgMatteSymbols.length;e<r;){if(_svgMatteSymbols[e]===t)return _svgMatteSymbols[e];e+=1}return null},SVGMatte3Effect.prototype.replaceInParent=function(t,e){var r=t.layerElement.parentNode;if(r){for(var i,s=r.children,a=0,n=s.length;a<n&&s[a]!==t.layerElement;)a+=1;a<=n-2&&(i=s[a+1]);var o=createNS("use");o.setAttribute("href","#"+e),i?r.insertBefore(o,i):r.appendChild(o)}},SVGMatte3Effect.prototype.setElementAsMask=function(t,e){if(!this.findSymbol(e)){var r=createElementID(),i=createNS("mask");i.setAttribute("id",e.layerId),i.setAttribute("mask-type","alpha"),_svgMatteSymbols.push(e);var s=t.globalData.defs;s.appendChild(i);var a=createNS("symbol");a.setAttribute("id",r),this.replaceInParent(e,r),a.appendChild(e.layerElement),s.appendChild(a);var n=createNS("use");n.setAttribute("href","#"+r),i.appendChild(n),e.data.hd=!1,e.show()}t.setMatte(e.layerId)},SVGMatte3Effect.prototype.initialize=function(){for(var t=this.filterManager.effectElements[0].p.v,e=this.elem.comp.elements,r=0,i=e.length;r<i;)e[r]&&e[r].data.ind===t&&this.setElementAsMask(this.elem,e[r]),r+=1;this.initialized=!0},SVGMatte3Effect.prototype.renderFrame=function(){this.initialized||this.initialize()},SVGEffects.prototype.renderFrame=function(t){var e,r=this.filters.length;for(e=0;e<r;e+=1)this.filters[e].renderFrame(t)},CVContextData.prototype.duplicate=function(){var t=2*this._length,e=this.savedOp;this.savedOp=createTypedArray("float32",t),this.savedOp.set(e);var r=0;for(r=this._length;r<t;r+=1)this.saved[r]=createTypedArray("float32",16);this._length=t},CVContextData.prototype.reset=function(){this.cArrPos=0,this.cTr.reset(),this.cO=1},CVBaseElement.prototype={createElements:function(){},initRendererElement:function(){},createContainerElements:function(){this.canvasContext=this.globalData.canvasContext,this.renderableEffectsManager=new CVEffects(this)},createContent:function(){},setBlendMode:function(){var t=this.globalData;if(t.blendMode!==this.data.bm){t.blendMode=this.data.bm;var e=getBlendMode(this.data.bm);t.canvasContext.globalCompositeOperation=e}},createRenderableComponents:function(){this.maskManager=new CVMaskElement(this.data,this)},hideElement:function(){this.hidden||this.isInRange&&!this.isTransparent||(this.hidden=!0)},showElement:function(){this.isInRange&&!this.isTransparent&&(this.hidden=!1,this._isFirstFrame=!0,this.maskManager._isFirstFrame=!0)},renderFrame:function(){if(!this.hidden&&!this.data.hd){this.renderTransform(),this.renderRenderable(),this.setBlendMode();var t=0===this.data.ty;this.globalData.renderer.save(t),this.globalData.renderer.ctxTransform(this.finalTransform.mat.props),this.globalData.renderer.ctxOpacity(this.finalTransform.mProp.o.v),this.renderInnerContent(),this.globalData.renderer.restore(t),this.maskManager.hasMasks&&this.globalData.renderer.restore(!0),this._isFirstFrame&&(this._isFirstFrame=!1)}},destroy:function(){this.canvasContext=null,this.data=null,this.globalData=null,this.maskManager.destroy()},mHelper:new Matrix},CVBaseElement.prototype.hide=CVBaseElement.prototype.hideElement,CVBaseElement.prototype.show=CVBaseElement.prototype.showElement,extendPrototype([BaseElement,TransformElement,CVBaseElement,HierarchyElement,FrameElement,RenderableElement],CVImageElement),CVImageElement.prototype.initElement=SVGShapeElement.prototype.initElement,CVImageElement.prototype.prepareFrame=IImageElement.prototype.prepareFrame,CVImageElement.prototype.createContent=function(){if(this.img.width&&(this.assetData.w!==this.img.width||this.assetData.h!==this.img.height)){var t=createTag("canvas");t.width=this.assetData.w,t.height=this.assetData.h;var e,r,i=t.getContext("2d"),s=this.img.width,a=this.img.height,n=s/a,o=this.assetData.w/this.assetData.h,h=this.assetData.pr||this.globalData.renderConfig.imagePreserveAspectRatio;o<n&&"xMidYMid slice"===h||n<o&&"xMidYMid slice"!==h?e=(r=a)*o:r=(e=s)/o,i.drawImage(this.img,(s-e)/2,(a-r)/2,e,r,0,0,this.assetData.w,this.assetData.h),this.img=t}},CVImageElement.prototype.renderInnerContent=function(){this.canvasContext.drawImage(this.img,0,0)},CVImageElement.prototype.destroy=function(){this.img=null},extendPrototype([CanvasRenderer,ICompElement,CVBaseElement],CVCompElement),CVCompElement.prototype.renderInnerContent=function(){var t,e=this.canvasContext;for(e.beginPath(),e.moveTo(0,0),e.lineTo(this.data.w,0),e.lineTo(this.data.w,this.data.h),e.lineTo(0,this.data.h),e.lineTo(0,0),e.clip(),t=this.layers.length-1;0<=t;t-=1)(this.completeLayers||this.elements[t])&&this.elements[t].renderFrame()},CVCompElement.prototype.destroy=function(){var t;for(t=this.layers.length-1;0<=t;t-=1)this.elements[t]&&this.elements[t].destroy();this.layers=null,this.elements=null},CVMaskElement.prototype.renderFrame=function(){if(this.hasMasks){var t,e,r,i,s=this.element.finalTransform.mat,a=this.element.canvasContext,n=this.masksProperties.length;for(a.beginPath(),t=0;t<n;t+=1)if("n"!==this.masksProperties[t].mode){var o;this.masksProperties[t].inv&&(a.moveTo(0,0),a.lineTo(this.element.globalData.compSize.w,0),a.lineTo(this.element.globalData.compSize.w,this.element.globalData.compSize.h),a.lineTo(0,this.element.globalData.compSize.h),a.lineTo(0,0)),i=this.viewData[t].v,e=s.applyToPointArray(i.v[0][0],i.v[0][1],0),a.moveTo(e[0],e[1]);var h=i._length;for(o=1;o<h;o+=1)r=s.applyToTriplePoints(i.o[o-1],i.i[o],i.v[o]),a.bezierCurveTo(r[0],r[1],r[2],r[3],r[4],r[5]);r=s.applyToTriplePoints(i.o[o-1],i.i[0],i.v[0]),a.bezierCurveTo(r[0],r[1],r[2],r[3],r[4],r[5])}this.element.globalData.renderer.save(!0),a.clip()}},CVMaskElement.prototype.getMaskProperty=MaskElement.prototype.getMaskProperty,CVMaskElement.prototype.destroy=function(){this.element=null},extendPrototype([BaseElement,TransformElement,CVBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableElement],CVShapeElement),CVShapeElement.prototype.initElement=RenderableDOMElement.prototype.initElement,CVShapeElement.prototype.transformHelper={opacity:1,_opMdf:!1},CVShapeElement.prototype.dashResetter=[],CVShapeElement.prototype.createContent=function(){this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,!0,[])},CVShapeElement.prototype.createStyleElement=function(t,e){var r={data:t,type:t.ty,preTransforms:this.transformsManager.addTransformSequence(e),transforms:[],elements:[],closed:!0===t.hd},i={};if("fl"===t.ty||"st"===t.ty?(i.c=PropertyFactory.getProp(this,t.c,1,255,this),i.c.k||(r.co="rgb("+bmFloor(i.c.v[0])+","+bmFloor(i.c.v[1])+","+bmFloor(i.c.v[2])+")")):"gf"!==t.ty&&"gs"!==t.ty||(i.s=PropertyFactory.getProp(this,t.s,1,null,this),i.e=PropertyFactory.getProp(this,t.e,1,null,this),i.h=PropertyFactory.getProp(this,t.h||{k:0},0,.01,this),i.a=PropertyFactory.getProp(this,t.a||{k:0},0,degToRads,this),i.g=new GradientProperty(this,t.g,this)),i.o=PropertyFactory.getProp(this,t.o,0,.01,this),"st"===t.ty||"gs"===t.ty){if(r.lc=lineCapEnum[t.lc||2],r.lj=lineJoinEnum[t.lj||2],1==t.lj&&(r.ml=t.ml),i.w=PropertyFactory.getProp(this,t.w,0,null,this),i.w.k||(r.wi=i.w.v),t.d){var s=new DashProperty(this,t.d,"canvas",this);i.d=s,i.d.k||(r.da=i.d.dashArray,r.do=i.d.dashoffset[0])}}else r.r=2===t.r?"evenodd":"nonzero";return this.stylesList.push(r),i.style=r,i},CVShapeElement.prototype.createGroupElement=function(){return{it:[],prevViewData:[]}},CVShapeElement.prototype.createTransformElement=function(t){return{transform:{opacity:1,_opMdf:!1,key:this.transformsManager.getNewKey(),op:PropertyFactory.getProp(this,t.o,0,.01,this),mProps:TransformPropertyFactory.getTransformProperty(this,t,this)}}},CVShapeElement.prototype.createShapeElement=function(t){var e=new CVShapeData(this,t,this.stylesList,this.transformsManager);return this.shapes.push(e),this.addShapeToModifiers(e),e},CVShapeElement.prototype.reloadShapes=function(){var t;this._isFirstFrame=!0;var e=this.itemsData.length;for(t=0;t<e;t+=1)this.prevViewData[t]=this.itemsData[t];for(this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,!0,[]),e=this.dynamicProperties.length,t=0;t<e;t+=1)this.dynamicProperties[t].getValue();this.renderModifiers(),this.transformsManager.processSequences(this._isFirstFrame)},CVShapeElement.prototype.addTransformToStyleList=function(t){var e,r=this.stylesList.length;for(e=0;e<r;e+=1)this.stylesList[e].closed||this.stylesList[e].transforms.push(t)},CVShapeElement.prototype.removeTransformFromStyleList=function(){var t,e=this.stylesList.length;for(t=0;t<e;t+=1)this.stylesList[t].closed||this.stylesList[t].transforms.pop()},CVShapeElement.prototype.closeStyles=function(t){var e,r=t.length;for(e=0;e<r;e+=1)t[e].closed=!0},CVShapeElement.prototype.searchShapes=function(t,e,r,i,s){var a,n,o,h,l,p,m=t.length-1,f=[],c=[],d=[].concat(s);for(a=m;0<=a;a-=1){if((h=this.searchProcessedElement(t[a]))?e[a]=r[h-1]:t[a]._shouldRender=i,"fl"===t[a].ty||"st"===t[a].ty||"gf"===t[a].ty||"gs"===t[a].ty)h?e[a].style.closed=!1:e[a]=this.createStyleElement(t[a],d),f.push(e[a].style);else if("gr"===t[a].ty){if(h)for(o=e[a].it.length,n=0;n<o;n+=1)e[a].prevViewData[n]=e[a].it[n];else e[a]=this.createGroupElement(t[a]);this.searchShapes(t[a].it,e[a].it,e[a].prevViewData,i,d)}else"tr"===t[a].ty?(h||(p=this.createTransformElement(t[a]),e[a]=p),d.push(e[a]),this.addTransformToStyleList(e[a])):"sh"===t[a].ty||"rc"===t[a].ty||"el"===t[a].ty||"sr"===t[a].ty?h||(e[a]=this.createShapeElement(t[a])):"tm"===t[a].ty||"rd"===t[a].ty||"pb"===t[a].ty?(h?(l=e[a]).closed=!1:((l=ShapeModifiers.getModifier(t[a].ty)).init(this,t[a]),e[a]=l,this.shapeModifiers.push(l)),c.push(l)):"rp"===t[a].ty&&(h?(l=e[a]).closed=!0:(l=ShapeModifiers.getModifier(t[a].ty),(e[a]=l).init(this,t,a,e),this.shapeModifiers.push(l),i=!1),c.push(l));this.addProcessedElement(t[a],a+1)}for(this.removeTransformFromStyleList(),this.closeStyles(f),m=c.length,a=0;a<m;a+=1)c[a].closed=!0},CVShapeElement.prototype.renderInnerContent=function(){this.transformHelper.opacity=1,this.transformHelper._opMdf=!1,this.renderModifiers(),this.transformsManager.processSequences(this._isFirstFrame),this.renderShape(this.transformHelper,this.shapesData,this.itemsData,!0)},CVShapeElement.prototype.renderShapeTransform=function(t,e){(t._opMdf||e.op._mdf||this._isFirstFrame)&&(e.opacity=t.opacity,e.opacity*=e.op.v,e._opMdf=!0)},CVShapeElement.prototype.drawLayer=function(){var t,e,r,i,s,a,n,o,h,l=this.stylesList.length,p=this.globalData.renderer,m=this.globalData.canvasContext;for(t=0;t<l;t+=1)if(("st"!==(o=(h=this.stylesList[t]).type)&&"gs"!==o||0!==h.wi)&&h.data._shouldRender&&0!==h.coOp&&0!==this.globalData.currentGlobalAlpha){for(p.save(),a=h.elements,"st"===o||"gs"===o?(m.strokeStyle="st"===o?h.co:h.grd,m.lineWidth=h.wi,m.lineCap=h.lc,m.lineJoin=h.lj,m.miterLimit=h.ml||0):m.fillStyle="fl"===o?h.co:h.grd,p.ctxOpacity(h.coOp),"st"!==o&&"gs"!==o&&m.beginPath(),p.ctxTransform(h.preTransforms.finalTransform.props),r=a.length,e=0;e<r;e+=1){for("st"!==o&&"gs"!==o||(m.beginPath(),h.da&&(m.setLineDash(h.da),m.lineDashOffset=h.do)),s=(n=a[e].trNodes).length,i=0;i<s;i+=1)"m"===n[i].t?m.moveTo(n[i].p[0],n[i].p[1]):"c"===n[i].t?m.bezierCurveTo(n[i].pts[0],n[i].pts[1],n[i].pts[2],n[i].pts[3],n[i].pts[4],n[i].pts[5]):m.closePath();"st"!==o&&"gs"!==o||(m.stroke(),h.da&&m.setLineDash(this.dashResetter))}"st"!==o&&"gs"!==o&&m.fill(h.r),p.restore()}},CVShapeElement.prototype.renderShape=function(t,e,r,i){var s,a;for(a=t,s=e.length-1;0<=s;s-=1)"tr"===e[s].ty?(a=r[s].transform,this.renderShapeTransform(t,a)):"sh"===e[s].ty||"el"===e[s].ty||"rc"===e[s].ty||"sr"===e[s].ty?this.renderPath(e[s],r[s]):"fl"===e[s].ty?this.renderFill(e[s],r[s],a):"st"===e[s].ty?this.renderStroke(e[s],r[s],a):"gf"===e[s].ty||"gs"===e[s].ty?this.renderGradientFill(e[s],r[s],a):"gr"===e[s].ty?this.renderShape(a,e[s].it,r[s].it):e[s].ty;i&&this.drawLayer()},CVShapeElement.prototype.renderStyledShape=function(t,e){if(this._isFirstFrame||e._mdf||t.transforms._mdf){var r,i,s,a=t.trNodes,n=e.paths,o=n._length;a.length=0;var h=t.transforms.finalTransform;for(s=0;s<o;s+=1){var l=n.shapes[s];if(l&&l.v){for(i=l._length,r=1;r<i;r+=1)1===r&&a.push({t:"m",p:h.applyToPointArray(l.v[0][0],l.v[0][1],0)}),a.push({t:"c",pts:h.applyToTriplePoints(l.o[r-1],l.i[r],l.v[r])});1===i&&a.push({t:"m",p:h.applyToPointArray(l.v[0][0],l.v[0][1],0)}),l.c&&i&&(a.push({t:"c",pts:h.applyToTriplePoints(l.o[r-1],l.i[0],l.v[0])}),a.push({t:"z"}))}}t.trNodes=a}},CVShapeElement.prototype.renderPath=function(t,e){if(!0!==t.hd&&t._shouldRender){var r,i=e.styledShapes.length;for(r=0;r<i;r+=1)this.renderStyledShape(e.styledShapes[r],e.sh)}},CVShapeElement.prototype.renderFill=function(t,e,r){var i=e.style;(e.c._mdf||this._isFirstFrame)&&(i.co="rgb("+bmFloor(e.c.v[0])+","+bmFloor(e.c.v[1])+","+bmFloor(e.c.v[2])+")"),(e.o._mdf||r._opMdf||this._isFirstFrame)&&(i.coOp=e.o.v*r.opacity)},CVShapeElement.prototype.renderGradientFill=function(t,e,r){var i,s=e.style;if(!s.grd||e.g._mdf||e.s._mdf||e.e._mdf||1!==t.t&&(e.h._mdf||e.a._mdf)){var a,n=this.globalData.canvasContext,o=e.s.v,h=e.e.v;if(1===t.t)i=n.createLinearGradient(o[0],o[1],h[0],h[1]);else{var l=Math.sqrt(Math.pow(o[0]-h[0],2)+Math.pow(o[1]-h[1],2)),p=Math.atan2(h[1]-o[1],h[0]-o[0]),m=e.h.v;1<=m?m=.99:m<=-1&&(m=-.99);var f=l*m,c=Math.cos(p+e.a.v)*f+o[0],d=Math.sin(p+e.a.v)*f+o[1];i=n.createRadialGradient(c,d,0,o[0],o[1],l)}var u=t.g.p,y=e.g.c,g=1;for(a=0;a<u;a+=1)e.g._hasOpacity&&e.g._collapsable&&(g=e.g.o[2*a+1]),i.addColorStop(y[4*a]/100,"rgba("+y[4*a+1]+","+y[4*a+2]+","+y[4*a+3]+","+g+")");s.grd=i}s.coOp=e.o.v*r.opacity},CVShapeElement.prototype.renderStroke=function(t,e,r){var i=e.style,s=e.d;s&&(s._mdf||this._isFirstFrame)&&(i.da=s.dashArray,i.do=s.dashoffset[0]),(e.c._mdf||this._isFirstFrame)&&(i.co="rgb("+bmFloor(e.c.v[0])+","+bmFloor(e.c.v[1])+","+bmFloor(e.c.v[2])+")"),(e.o._mdf||r._opMdf||this._isFirstFrame)&&(i.coOp=e.o.v*r.opacity),(e.w._mdf||this._isFirstFrame)&&(i.wi=e.w.v)},CVShapeElement.prototype.destroy=function(){this.shapesData=null,this.globalData=null,this.canvasContext=null,this.stylesList.length=0,this.itemsData.length=0},extendPrototype([BaseElement,TransformElement,CVBaseElement,HierarchyElement,FrameElement,RenderableElement],CVSolidElement),CVSolidElement.prototype.initElement=SVGShapeElement.prototype.initElement,CVSolidElement.prototype.prepareFrame=IImageElement.prototype.prepareFrame,CVSolidElement.prototype.renderInnerContent=function(){var t=this.canvasContext;t.fillStyle=this.data.sc,t.fillRect(0,0,this.data.sw,this.data.sh)},extendPrototype([BaseElement,TransformElement,CVBaseElement,HierarchyElement,FrameElement,RenderableElement,ITextElement],CVTextElement),CVTextElement.prototype.tHelper=createTag("canvas").getContext("2d"),CVTextElement.prototype.buildNewText=function(){var t=this.textProperty.currentData;this.renderedLetters=createSizedArray(t.l?t.l.length:0);var e=!1;t.fc?(e=!0,this.values.fill=this.buildColor(t.fc)):this.values.fill="rgba(0,0,0,0)",this.fill=e;var r=!1;t.sc&&(r=!0,this.values.stroke=this.buildColor(t.sc),this.values.sWidth=t.sw);var i,s,a,n,o,h,l,p,m,f,c,d,u=this.globalData.fontManager.getFontByName(t.f),y=t.l,g=this.mHelper;this.stroke=r,this.values.fValue=t.finalSize+"px "+this.globalData.fontManager.getFontByName(t.f).fFamily,s=t.finalText.length;var v=this.data.singleShape,b=.001*t.tr*t.finalSize,P=0,E=0,x=!0,S=0;for(i=0;i<s;i+=1){for(n=(a=this.globalData.fontManager.getCharData(t.finalText[i],u.fStyle,this.globalData.fontManager.getFontByName(t.f).fFamily))&&a.data||{},g.reset(),v&&y[i].n&&(P=-b,E+=t.yOffset,E+=x?1:0,x=!1),m=(l=n.shapes?n.shapes[0].it:[]).length,g.scale(t.finalSize/100,t.finalSize/100),v&&this.applyTextPropertiesToMatrix(t,g,y[i].line,P,E),c=createSizedArray(m),p=0;p<m;p+=1){for(h=l[p].ks.k.i.length,f=l[p].ks.k,d=[],o=1;o<h;o+=1)1===o&&d.push(g.applyToX(f.v[0][0],f.v[0][1],0),g.applyToY(f.v[0][0],f.v[0][1],0)),d.push(g.applyToX(f.o[o-1][0],f.o[o-1][1],0),g.applyToY(f.o[o-1][0],f.o[o-1][1],0),g.applyToX(f.i[o][0],f.i[o][1],0),g.applyToY(f.i[o][0],f.i[o][1],0),g.applyToX(f.v[o][0],f.v[o][1],0),g.applyToY(f.v[o][0],f.v[o][1],0));d.push(g.applyToX(f.o[o-1][0],f.o[o-1][1],0),g.applyToY(f.o[o-1][0],f.o[o-1][1],0),g.applyToX(f.i[0][0],f.i[0][1],0),g.applyToY(f.i[0][0],f.i[0][1],0),g.applyToX(f.v[0][0],f.v[0][1],0),g.applyToY(f.v[0][0],f.v[0][1],0)),c[p]=d}v&&(P+=y[i].l,P+=b),this.textSpans[S]?this.textSpans[S].elem=c:this.textSpans[S]={elem:c},S+=1}},CVTextElement.prototype.renderInnerContent=function(){var t,e,r,i,s,a,n=this.canvasContext;n.font=this.values.fValue,n.lineCap="butt",n.lineJoin="miter",n.miterLimit=4,this.data.singleShape||this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag);var o,h=this.textAnimator.renderedLetters,l=this.textProperty.currentData.l;e=l.length;var p,m,f=null,c=null,d=null;for(t=0;t<e;t+=1)if(!l[t].n){if((o=h[t])&&(this.globalData.renderer.save(),this.globalData.renderer.ctxTransform(o.p),this.globalData.renderer.ctxOpacity(o.o)),this.fill){for(o&&o.fc?f!==o.fc&&(f=o.fc,n.fillStyle=o.fc):f!==this.values.fill&&(f=this.values.fill,n.fillStyle=this.values.fill),i=(p=this.textSpans[t].elem).length,this.globalData.canvasContext.beginPath(),r=0;r<i;r+=1)for(a=(m=p[r]).length,this.globalData.canvasContext.moveTo(m[0],m[1]),s=2;s<a;s+=6)this.globalData.canvasContext.bezierCurveTo(m[s],m[s+1],m[s+2],m[s+3],m[s+4],m[s+5]);this.globalData.canvasContext.closePath(),this.globalData.canvasContext.fill()}if(this.stroke){for(o&&o.sw?d!==o.sw&&(d=o.sw,n.lineWidth=o.sw):d!==this.values.sWidth&&(d=this.values.sWidth,n.lineWidth=this.values.sWidth),o&&o.sc?c!==o.sc&&(c=o.sc,n.strokeStyle=o.sc):c!==this.values.stroke&&(c=this.values.stroke,n.strokeStyle=this.values.stroke),i=(p=this.textSpans[t].elem).length,this.globalData.canvasContext.beginPath(),r=0;r<i;r+=1)for(a=(m=p[r]).length,this.globalData.canvasContext.moveTo(m[0],m[1]),s=2;s<a;s+=6)this.globalData.canvasContext.bezierCurveTo(m[s],m[s+1],m[s+2],m[s+3],m[s+4],m[s+5]);this.globalData.canvasContext.closePath(),this.globalData.canvasContext.stroke()}o&&this.globalData.renderer.restore()}},CVEffects.prototype.renderFrame=function(){},HBaseElement.prototype={checkBlendMode:function(){},initRendererElement:function(){this.baseElement=createTag(this.data.tg||"div"),this.data.hasMask?(this.svgElement=createNS("svg"),this.layerElement=createNS("g"),this.maskedElement=this.layerElement,this.svgElement.appendChild(this.layerElement),this.baseElement.appendChild(this.svgElement)):this.layerElement=this.baseElement,styleDiv(this.baseElement)},createContainerElements:function(){this.renderableEffectsManager=new CVEffects(this),this.transformedElement=this.baseElement,this.maskedElement=this.layerElement,this.data.ln&&this.layerElement.setAttribute("id",this.data.ln),this.data.cl&&this.layerElement.setAttribute("class",this.data.cl),0!==this.data.bm&&this.setBlendMode()},renderElement:function(){var t=this.transformedElement?this.transformedElement.style:{};if(this.finalTransform._matMdf){var e=this.finalTransform.mat.toCSS();t.transform=e,t.webkitTransform=e}this.finalTransform._opMdf&&(t.opacity=this.finalTransform.mProp.o.v)},renderFrame:function(){this.data.hd||this.hidden||(this.renderTransform(),this.renderRenderable(),this.renderElement(),this.renderInnerContent(),this._isFirstFrame&&(this._isFirstFrame=!1))},destroy:function(){this.layerElement=null,this.transformedElement=null,this.matteElement&&(this.matteElement=null),this.maskManager&&(this.maskManager.destroy(),this.maskManager=null)},createRenderableComponents:function(){this.maskManager=new MaskElement(this.data,this,this.globalData)},addEffects:function(){},setMatte:function(){}},HBaseElement.prototype.getBaseElement=SVGBaseElement.prototype.getBaseElement,HBaseElement.prototype.destroyBaseElement=HBaseElement.prototype.destroy,HBaseElement.prototype.buildElementParenting=HybridRenderer.prototype.buildElementParenting,extendPrototype([BaseElement,TransformElement,HBaseElement,HierarchyElement,FrameElement,RenderableDOMElement],HSolidElement),HSolidElement.prototype.createContent=function(){var t;this.data.hasMask?((t=createNS("rect")).setAttribute("width",this.data.sw),t.setAttribute("height",this.data.sh),t.setAttribute("fill",this.data.sc),this.svgElement.setAttribute("width",this.data.sw),this.svgElement.setAttribute("height",this.data.sh)):((t=createTag("div")).style.width=this.data.sw+"px",t.style.height=this.data.sh+"px",t.style.backgroundColor=this.data.sc),this.layerElement.appendChild(t)},extendPrototype([HybridRenderer,ICompElement,HBaseElement],HCompElement),HCompElement.prototype._createBaseContainerElements=HCompElement.prototype.createContainerElements,HCompElement.prototype.createContainerElements=function(){this._createBaseContainerElements(),this.data.hasMask?(this.svgElement.setAttribute("width",this.data.w),this.svgElement.setAttribute("height",this.data.h),this.transformedElement=this.baseElement):this.transformedElement=this.layerElement},HCompElement.prototype.addTo3dContainer=function(t,e){for(var r,i=0;i<e;)this.elements[i]&&this.elements[i].getBaseElement&&(r=this.elements[i].getBaseElement()),i+=1;r?this.layerElement.insertBefore(t,r):this.layerElement.appendChild(t)},extendPrototype([BaseElement,TransformElement,HSolidElement,SVGShapeElement,HBaseElement,HierarchyElement,FrameElement,RenderableElement],HShapeElement),HShapeElement.prototype._renderShapeFrame=HShapeElement.prototype.renderInnerContent,HShapeElement.prototype.createContent=function(){var t;if(this.baseElement.style.fontSize=0,this.data.hasMask)this.layerElement.appendChild(this.shapesContainer),t=this.svgElement;else{t=createNS("svg");var e=this.comp.data?this.comp.data:this.globalData.compSize;t.setAttribute("width",e.w),t.setAttribute("height",e.h),t.appendChild(this.shapesContainer),this.layerElement.appendChild(t)}this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.shapesContainer,0,[],!0),this.filterUniqueShapes(),this.shapeCont=t},HShapeElement.prototype.getTransformedPoint=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)e=t[r].mProps.v.applyToPointArray(e[0],e[1],0);return e},HShapeElement.prototype.calculateShapeBoundingBox=function(t,e){var r,i,s,a,n,o=t.sh.v,h=t.transformers,l=o._length;if(!(l<=1)){for(r=0;r<l-1;r+=1)i=this.getTransformedPoint(h,o.v[r]),s=this.getTransformedPoint(h,o.o[r]),a=this.getTransformedPoint(h,o.i[r+1]),n=this.getTransformedPoint(h,o.v[r+1]),this.checkBounds(i,s,a,n,e);o.c&&(i=this.getTransformedPoint(h,o.v[r]),s=this.getTransformedPoint(h,o.o[r]),a=this.getTransformedPoint(h,o.i[0]),n=this.getTransformedPoint(h,o.v[0]),this.checkBounds(i,s,a,n,e))}},HShapeElement.prototype.checkBounds=function(t,e,r,i,s){this.getBoundsOfCurve(t,e,r,i);var a=this.shapeBoundingBox;s.x=bmMin(a.left,s.x),s.xMax=bmMax(a.right,s.xMax),s.y=bmMin(a.top,s.y),s.yMax=bmMax(a.bottom,s.yMax)},HShapeElement.prototype.shapeBoundingBox={left:0,right:0,top:0,bottom:0},HShapeElement.prototype.tempBoundingBox={x:0,xMax:0,y:0,yMax:0,width:0,height:0},HShapeElement.prototype.getBoundsOfCurve=function(t,e,r,i){for(var s,a,n,o,h,l,p,m=[[t[0],i[0]],[t[1],i[1]]],f=0;f<2;++f)a=6*t[f]-12*e[f]+6*r[f],s=-3*t[f]+9*e[f]-9*r[f]+3*i[f],n=3*e[f]-3*t[f],a|=0,n|=0,0===(s|=0)&&0===a||(0===s?0<(o=-n/a)&&o<1&&m[f].push(this.calculateF(o,t,e,r,i,f)):0<=(h=a*a-4*n*s)&&(0<(l=(-a+bmSqrt(h))/(2*s))&&l<1&&m[f].push(this.calculateF(l,t,e,r,i,f)),0<(p=(-a-bmSqrt(h))/(2*s))&&p<1&&m[f].push(this.calculateF(p,t,e,r,i,f))));this.shapeBoundingBox.left=bmMin.apply(null,m[0]),this.shapeBoundingBox.top=bmMin.apply(null,m[1]),this.shapeBoundingBox.right=bmMax.apply(null,m[0]),this.shapeBoundingBox.bottom=bmMax.apply(null,m[1])},HShapeElement.prototype.calculateF=function(t,e,r,i,s,a){return bmPow(1-t,3)*e[a]+3*bmPow(1-t,2)*t*r[a]+3*(1-t)*bmPow(t,2)*i[a]+bmPow(t,3)*s[a]},HShapeElement.prototype.calculateBoundingBox=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)t[r]&&t[r].sh?this.calculateShapeBoundingBox(t[r],e):t[r]&&t[r].it&&this.calculateBoundingBox(t[r].it,e)},HShapeElement.prototype.currentBoxContains=function(t){return this.currentBBox.x<=t.x&&this.currentBBox.y<=t.y&&this.currentBBox.width+this.currentBBox.x>=t.x+t.width&&this.currentBBox.height+this.currentBBox.y>=t.y+t.height},HShapeElement.prototype.renderInnerContent=function(){if(this._renderShapeFrame(),!this.hidden&&(this._isFirstFrame||this._mdf)){var t=this.tempBoundingBox,e=999999;if(t.x=e,t.xMax=-e,t.y=e,t.yMax=-e,this.calculateBoundingBox(this.itemsData,t),t.width=t.xMax<t.x?0:t.xMax-t.x,t.height=t.yMax<t.y?0:t.yMax-t.y,this.currentBoxContains(t))return;var r=!1;if(this.currentBBox.w!==t.width&&(this.currentBBox.w=t.width,this.shapeCont.setAttribute("width",t.width),r=!0),this.currentBBox.h!==t.height&&(this.currentBBox.h=t.height,this.shapeCont.setAttribute("height",t.height),r=!0),r||this.currentBBox.x!==t.x||this.currentBBox.y!==t.y){this.currentBBox.w=t.width,this.currentBBox.h=t.height,this.currentBBox.x=t.x,this.currentBBox.y=t.y,this.shapeCont.setAttribute("viewBox",this.currentBBox.x+" "+this.currentBBox.y+" "+this.currentBBox.w+" "+this.currentBBox.h);var i=this.shapeCont.style,s="translate("+this.currentBBox.x+"px,"+this.currentBBox.y+"px)";i.transform=s,i.webkitTransform=s}}},extendPrototype([BaseElement,TransformElement,HBaseElement,HierarchyElement,FrameElement,RenderableDOMElement,ITextElement],HTextElement),HTextElement.prototype.createContent=function(){if(this.isMasked=this.checkMasks(),this.isMasked){this.renderType="svg",this.compW=this.comp.data.w,this.compH=this.comp.data.h,this.svgElement.setAttribute("width",this.compW),this.svgElement.setAttribute("height",this.compH);var t=createNS("g");this.maskedElement.appendChild(t),this.innerElem=t}else this.renderType="html",this.innerElem=this.layerElement;this.checkParenting()},HTextElement.prototype.buildNewText=function(){var t=this.textProperty.currentData;this.renderedLetters=createSizedArray(t.l?t.l.length:0);var e=this.innerElem.style,r=t.fc?this.buildColor(t.fc):"rgba(0,0,0,0)";e.fill=r,e.color=r,t.sc&&(e.stroke=this.buildColor(t.sc),e.strokeWidth=t.sw+"px");var i,s,a=this.globalData.fontManager.getFontByName(t.f);if(!this.globalData.fontManager.chars)if(e.fontSize=t.finalSize+"px",e.lineHeight=t.finalSize+"px",a.fClass)this.innerElem.className=a.fClass;else{e.fontFamily=a.fFamily;var n=t.fWeight,o=t.fStyle;e.fontStyle=o,e.fontWeight=n}var h,l,p,m=t.l;s=m.length;var f,c=this.mHelper,d="",u=0;for(i=0;i<s;i+=1){if(this.globalData.fontManager.chars?(this.textPaths[u]?h=this.textPaths[u]:((h=createNS("path")).setAttribute("stroke-linecap",lineCapEnum[1]),h.setAttribute("stroke-linejoin",lineJoinEnum[2]),h.setAttribute("stroke-miterlimit","4")),this.isMasked||(this.textSpans[u]?p=(l=this.textSpans[u]).children[0]:((l=createTag("div")).style.lineHeight=0,(p=createNS("svg")).appendChild(h),styleDiv(l)))):this.isMasked?h=this.textPaths[u]?this.textPaths[u]:createNS("text"):this.textSpans[u]?(l=this.textSpans[u],h=this.textPaths[u]):(styleDiv(l=createTag("span")),styleDiv(h=createTag("span")),l.appendChild(h)),this.globalData.fontManager.chars){var y,g=this.globalData.fontManager.getCharData(t.finalText[i],a.fStyle,this.globalData.fontManager.getFontByName(t.f).fFamily);if(y=g?g.data:null,c.reset(),y&&y.shapes&&(f=y.shapes[0].it,c.scale(t.finalSize/100,t.finalSize/100),d=this.createPathShape(c,f),h.setAttribute("d",d)),this.isMasked)this.innerElem.appendChild(h);else{if(this.innerElem.appendChild(l),y&&y.shapes){document.body.appendChild(p);var v=p.getBBox();p.setAttribute("width",v.width+2),p.setAttribute("height",v.height+2),p.setAttribute("viewBox",v.x-1+" "+(v.y-1)+" "+(v.width+2)+" "+(v.height+2));var b=p.style,P="translate("+(v.x-1)+"px,"+(v.y-1)+"px)";b.transform=P,b.webkitTransform=P,m[i].yOffset=v.y-1}else p.setAttribute("width",1),p.setAttribute("height",1);l.appendChild(p)}}else if(h.textContent=m[i].val,h.setAttributeNS("http://www.w3.org/XML/1998/namespace","xml:space","preserve"),this.isMasked)this.innerElem.appendChild(h);else{this.innerElem.appendChild(l);var E=h.style,x="translate3d(0,"+-t.finalSize/1.2+"px,0)";E.transform=x,E.webkitTransform=x}this.isMasked?this.textSpans[u]=h:this.textSpans[u]=l,this.textSpans[u].style.display="block",this.textPaths[u]=h,u+=1}for(;u<this.textSpans.length;)this.textSpans[u].style.display="none",u+=1},HTextElement.prototype.renderInnerContent=function(){var t;if(this.data.singleShape){if(!this._isFirstFrame&&!this.lettersChangedFlag)return;if(this.isMasked&&this.finalTransform._matMdf){this.svgElement.setAttribute("viewBox",-this.finalTransform.mProp.p.v[0]+" "+-this.finalTransform.mProp.p.v[1]+" "+this.compW+" "+this.compH),t=this.svgElement.style;var e="translate("+-this.finalTransform.mProp.p.v[0]+"px,"+-this.finalTransform.mProp.p.v[1]+"px)";t.transform=e,t.webkitTransform=e}}if(this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag),this.lettersChangedFlag||this.textAnimator.lettersChangedFlag){var r,i,s,a,n,o=0,h=this.textAnimator.renderedLetters,l=this.textProperty.currentData.l;for(i=l.length,r=0;r<i;r+=1)l[r].n?o+=1:(a=this.textSpans[r],n=this.textPaths[r],s=h[o],o+=1,s._mdf.m&&(this.isMasked?a.setAttribute("transform",s.m):(a.style.webkitTransform=s.m,a.style.transform=s.m)),a.style.opacity=s.o,s.sw&&s._mdf.sw&&n.setAttribute("stroke-width",s.sw),s.sc&&s._mdf.sc&&n.setAttribute("stroke",s.sc),s.fc&&s._mdf.fc&&(n.setAttribute("fill",s.fc),n.style.color=s.fc));if(this.innerElem.getBBox&&!this.hidden&&(this._isFirstFrame||this._mdf)){var p=this.innerElem.getBBox();this.currentBBox.w!==p.width&&(this.currentBBox.w=p.width,this.svgElement.setAttribute("width",p.width)),this.currentBBox.h!==p.height&&(this.currentBBox.h=p.height,this.svgElement.setAttribute("height",p.height));if(this.currentBBox.w!==p.width+2||this.currentBBox.h!==p.height+2||this.currentBBox.x!==p.x-1||this.currentBBox.y!==p.y-1){this.currentBBox.w=p.width+2,this.currentBBox.h=p.height+2,this.currentBBox.x=p.x-1,this.currentBBox.y=p.y-1,this.svgElement.setAttribute("viewBox",this.currentBBox.x+" "+this.currentBBox.y+" "+this.currentBBox.w+" "+this.currentBBox.h),t=this.svgElement.style;var m="translate("+this.currentBBox.x+"px,"+this.currentBBox.y+"px)";t.transform=m,t.webkitTransform=m}}}},extendPrototype([BaseElement,TransformElement,HBaseElement,HSolidElement,HierarchyElement,FrameElement,RenderableElement],HImageElement),HImageElement.prototype.createContent=function(){var t=this.globalData.getAssetsPath(this.assetData),e=new Image;this.data.hasMask?(this.imageElem=createNS("image"),this.imageElem.setAttribute("width",this.assetData.w+"px"),this.imageElem.setAttribute("height",this.assetData.h+"px"),this.imageElem.setAttributeNS("http://www.w3.org/1999/xlink","href",t),this.layerElement.appendChild(this.imageElem),this.baseElement.setAttribute("width",this.assetData.w),this.baseElement.setAttribute("height",this.assetData.h)):this.layerElement.appendChild(e),e.crossOrigin="anonymous",e.src=t,this.data.ln&&this.baseElement.setAttribute("id",this.data.ln)},extendPrototype([BaseElement,FrameElement,HierarchyElement],HCameraElement),HCameraElement.prototype.setup=function(){var t,e,r,i,s=this.comp.threeDElements.length;for(t=0;t<s;t+=1)if("3d"===(e=this.comp.threeDElements[t]).type){r=e.perspectiveElem.style,i=e.container.style;var a=this.pe.v+"px",n="0px 0px 0px",o="matrix3d(1,0,0,0,0,1,0,0,0,0,1,0,0,0,0,1)";r.perspective=a,r.webkitPerspective=a,i.transformOrigin=n,i.mozTransformOrigin=n,i.webkitTransformOrigin=n,r.transform=o,r.webkitTransform=o}},HCameraElement.prototype.createElements=function(){},HCameraElement.prototype.hide=function(){},HCameraElement.prototype.renderFrame=function(){var t,e,r=this._isFirstFrame;if(this.hierarchy)for(e=this.hierarchy.length,t=0;t<e;t+=1)r=this.hierarchy[t].finalTransform.mProp._mdf||r;if(r||this.pe._mdf||this.p&&this.p._mdf||this.px&&(this.px._mdf||this.py._mdf||this.pz._mdf)||this.rx._mdf||this.ry._mdf||this.rz._mdf||this.or._mdf||this.a&&this.a._mdf){if(this.mat.reset(),this.hierarchy)for(t=e=this.hierarchy.length-1;0<=t;t-=1){var i=this.hierarchy[t].finalTransform.mProp;this.mat.translate(-i.p.v[0],-i.p.v[1],i.p.v[2]),this.mat.rotateX(-i.or.v[0]).rotateY(-i.or.v[1]).rotateZ(i.or.v[2]),this.mat.rotateX(-i.rx.v).rotateY(-i.ry.v).rotateZ(i.rz.v),this.mat.scale(1/i.s.v[0],1/i.s.v[1],1/i.s.v[2]),this.mat.translate(i.a.v[0],i.a.v[1],i.a.v[2])}if(this.p?this.mat.translate(-this.p.v[0],-this.p.v[1],this.p.v[2]):this.mat.translate(-this.px.v,-this.py.v,this.pz.v),this.a){var s;s=this.p?[this.p.v[0]-this.a.v[0],this.p.v[1]-this.a.v[1],this.p.v[2]-this.a.v[2]]:[this.px.v-this.a.v[0],this.py.v-this.a.v[1],this.pz.v-this.a.v[2]];var a=Math.sqrt(Math.pow(s[0],2)+Math.pow(s[1],2)+Math.pow(s[2],2)),n=[s[0]/a,s[1]/a,s[2]/a],o=Math.sqrt(n[2]*n[2]+n[0]*n[0]),h=Math.atan2(n[1],o),l=Math.atan2(n[0],-n[2]);this.mat.rotateY(l).rotateX(-h)}this.mat.rotateX(-this.rx.v).rotateY(-this.ry.v).rotateZ(this.rz.v),this.mat.rotateX(-this.or.v[0]).rotateY(-this.or.v[1]).rotateZ(this.or.v[2]),this.mat.translate(this.globalData.compSize.w/2,this.globalData.compSize.h/2,0),this.mat.translate(0,0,this.pe.v);var p=!this._prevMat.equals(this.mat);if((p||this.pe._mdf)&&this.comp.threeDElements){var m,f,c;for(e=this.comp.threeDElements.length,t=0;t<e;t+=1)if("3d"===(m=this.comp.threeDElements[t]).type){if(p){var d=this.mat.toCSS();(c=m.container.style).transform=d,c.webkitTransform=d}this.pe._mdf&&((f=m.perspectiveElem.style).perspective=this.pe.v+"px",f.webkitPerspective=this.pe.v+"px")}this.mat.clone(this._prevMat)}}this._isFirstFrame=!1},HCameraElement.prototype.prepareFrame=function(t){this.prepareProperties(t,!0)},HCameraElement.prototype.destroy=function(){},HCameraElement.prototype.getBaseElement=function(){return null},HEffects.prototype.renderFrame=function(){};var animationManager=function(){var t={},s=[],i=0,a=0,n=0,o=!0,h=!1;function r(t){for(var e=0,r=t.target;e<a;)s[e].animation===r&&(s.splice(e,1),e-=1,a-=1,r.isPaused||m()),e+=1}function l(t,e){if(!t)return null;for(var r=0;r<a;){if(s[r].elem===t&&null!==s[r].elem)return s[r].animation;r+=1}var i=new AnimationItem;return f(i,t),i.setData(t,e),i}function p(){n+=1,d()}function m(){n-=1}function f(t,e){t.addEventListener("destroy",r),t.addEventListener("_active",p),t.addEventListener("_idle",m),s.push({elem:e,animation:t}),a+=1}function c(t){var e,r=t-i;for(e=0;e<a;e+=1)s[e].animation.advanceTime(r);i=t,n&&!h?window.requestAnimationFrame(c):o=!0}function e(t){i=t,window.requestAnimationFrame(c)}function d(){!h&&n&&o&&(window.requestAnimationFrame(e),o=!1)}return t.registerAnimation=l,t.loadAnimation=function(t){var e=new AnimationItem;return f(e,null),e.setParams(t),e},t.setSpeed=function(t,e){var r;for(r=0;r<a;r+=1)s[r].animation.setSpeed(t,e)},t.setDirection=function(t,e){var r;for(r=0;r<a;r+=1)s[r].animation.setDirection(t,e)},t.play=function(t){var e;for(e=0;e<a;e+=1)s[e].animation.play(t)},t.pause=function(t){var e;for(e=0;e<a;e+=1)s[e].animation.pause(t)},t.stop=function(t){var e;for(e=0;e<a;e+=1)s[e].animation.stop(t)},t.togglePause=function(t){var e;for(e=0;e<a;e+=1)s[e].animation.togglePause(t)},t.searchAnimations=function(t,e,r){var i,s=[].concat([].slice.call(document.getElementsByClassName("lottie")),[].slice.call(document.getElementsByClassName("bodymovin"))),a=s.length;for(i=0;i<a;i+=1)r&&s[i].setAttribute("data-bm-type",r),l(s[i],t);if(e&&0===a){r||(r="svg");var n=document.getElementsByTagName("body")[0];n.innerText="";var o=createTag("div");o.style.width="100%",o.style.height="100%",o.setAttribute("data-bm-type",r),n.appendChild(o),l(o,t)}},t.resize=function(){var t;for(t=0;t<a;t+=1)s[t].animation.resize()},t.goToAndStop=function(t,e,r){var i;for(i=0;i<a;i+=1)s[i].animation.goToAndStop(t,e,r)},t.destroy=function(t){var e;for(e=a-1;0<=e;e-=1)s[e].animation.destroy(t)},t.freeze=function(){h=!0},t.unfreeze=function(){h=!1,d()},t.setVolume=function(t,e){var r;for(r=0;r<a;r+=1)s[r].animation.setVolume(t,e)},t.mute=function(t){var e;for(e=0;e<a;e+=1)s[e].animation.mute(t)},t.unmute=function(t){var e;for(e=0;e<a;e+=1)s[e].animation.unmute(t)},t.getRegisteredAnimations=function(){var t,e=s.length,r=[];for(t=0;t<e;t+=1)r.push(s[t].animation);return r},t}(),AnimationItem=function(){this._cbs=[],this.name="",this.path="",this.isLoaded=!1,this.currentFrame=0,this.currentRawFrame=0,this.firstFrame=0,this.totalFrames=0,this.frameRate=0,this.frameMult=0,this.playSpeed=1,this.playDirection=1,this.playCount=0,this.animationData={},this.assets=[],this.isPaused=!0,this.autoplay=!1,this.loop=!0,this.renderer=null,this.animationID=createElementID(),this.assetsPath="",this.timeCompleted=0,this.segmentPos=0,this.isSubframeEnabled=subframeEnabled,this.segments=[],this._idle=!0,this._completedLoop=!1,this.projectInterface=ProjectInterface(),this.imagePreloader=new ImagePreloader,this.audioController=audioControllerFactory(),this.markers=[]};extendPrototype([BaseEvent],AnimationItem),AnimationItem.prototype.setParams=function(t){(t.wrapper||t.container)&&(this.wrapper=t.wrapper||t.container);var e="svg";switch(t.animType?e=t.animType:t.renderer&&(e=t.renderer),e){case"canvas":this.renderer=new CanvasRenderer(this,t.rendererSettings);break;case"svg":this.renderer=new SVGRenderer(this,t.rendererSettings);break;default:this.renderer=new HybridRenderer(this,t.rendererSettings)}this.imagePreloader.setCacheType(e,this.renderer.globalData.defs),this.renderer.setProjectInterface(this.projectInterface),this.animType=e,""===t.loop||null===t.loop||void 0===t.loop||!0===t.loop?this.loop=!0:!1===t.loop?this.loop=!1:this.loop=parseInt(t.loop,10),this.autoplay=!("autoplay"in t)||t.autoplay,this.name=t.name?t.name:"",this.autoloadSegments=!Object.prototype.hasOwnProperty.call(t,"autoloadSegments")||t.autoloadSegments,this.assetsPath=t.assetsPath,this.initialSegment=t.initialSegment,t.audioFactory&&this.audioController.setAudioFactory(t.audioFactory),t.animationData?this.configAnimation(t.animationData):t.path&&(-1!==t.path.lastIndexOf("\\")?this.path=t.path.substr(0,t.path.lastIndexOf("\\")+1):this.path=t.path.substr(0,t.path.lastIndexOf("/")+1),this.fileName=t.path.substr(t.path.lastIndexOf("/")+1),this.fileName=this.fileName.substr(0,this.fileName.lastIndexOf(".json")),assetLoader.load(t.path,this.configAnimation.bind(this),function(){this.trigger("data_failed")}.bind(this)))},AnimationItem.prototype.setData=function(t,e){e&&"object"!=typeof e&&(e=JSON.parse(e));var r={wrapper:t,animationData:e},i=t.attributes;r.path=i.getNamedItem("data-animation-path")?i.getNamedItem("data-animation-path").value:i.getNamedItem("data-bm-path")?i.getNamedItem("data-bm-path").value:i.getNamedItem("bm-path")?i.getNamedItem("bm-path").value:"",r.animType=i.getNamedItem("data-anim-type")?i.getNamedItem("data-anim-type").value:i.getNamedItem("data-bm-type")?i.getNamedItem("data-bm-type").value:i.getNamedItem("bm-type")?i.getNamedItem("bm-type").value:i.getNamedItem("data-bm-renderer")?i.getNamedItem("data-bm-renderer").value:i.getNamedItem("bm-renderer")?i.getNamedItem("bm-renderer").value:"canvas";var s=i.getNamedItem("data-anim-loop")?i.getNamedItem("data-anim-loop").value:i.getNamedItem("data-bm-loop")?i.getNamedItem("data-bm-loop").value:i.getNamedItem("bm-loop")?i.getNamedItem("bm-loop").value:"";"false"===s?r.loop=!1:"true"===s?r.loop=!0:""!==s&&(r.loop=parseInt(s,10));var a=i.getNamedItem("data-anim-autoplay")?i.getNamedItem("data-anim-autoplay").value:i.getNamedItem("data-bm-autoplay")?i.getNamedItem("data-bm-autoplay").value:!i.getNamedItem("bm-autoplay")||i.getNamedItem("bm-autoplay").value;r.autoplay="false"!==a,r.name=i.getNamedItem("data-name")?i.getNamedItem("data-name").value:i.getNamedItem("data-bm-name")?i.getNamedItem("data-bm-name").value:i.getNamedItem("bm-name")?i.getNamedItem("bm-name").value:"","false"===(i.getNamedItem("data-anim-prerender")?i.getNamedItem("data-anim-prerender").value:i.getNamedItem("data-bm-prerender")?i.getNamedItem("data-bm-prerender").value:i.getNamedItem("bm-prerender")?i.getNamedItem("bm-prerender").value:"")&&(r.prerender=!1),this.setParams(r)},AnimationItem.prototype.includeLayers=function(t){t.op>this.animationData.op&&(this.animationData.op=t.op,this.totalFrames=Math.floor(t.op-this.animationData.ip));var e,r,i=this.animationData.layers,s=i.length,a=t.layers,n=a.length;for(r=0;r<n;r+=1)for(e=0;e<s;){if(i[e].id===a[r].id){i[e]=a[r];break}e+=1}if((t.chars||t.fonts)&&(this.renderer.globalData.fontManager.addChars(t.chars),this.renderer.globalData.fontManager.addFonts(t.fonts,this.renderer.globalData.defs)),t.assets)for(s=t.assets.length,e=0;e<s;e+=1)this.animationData.assets.push(t.assets[e]);this.animationData.__complete=!1,dataManager.completeData(this.animationData,this.renderer.globalData.fontManager),this.renderer.includeLayers(t.layers),expressionsPlugin&&expressionsPlugin.initExpressions(this),this.loadNextSegment()},AnimationItem.prototype.loadNextSegment=function(){var t=this.animationData.segments;if(!t||0===t.length||!this.autoloadSegments)return this.trigger("data_ready"),void(this.timeCompleted=this.totalFrames);var e=t.shift();this.timeCompleted=e.time*this.frameRate;var r=this.path+this.fileName+"_"+this.segmentPos+".json";this.segmentPos+=1,assetLoader.load(r,this.includeLayers.bind(this),function(){this.trigger("data_failed")}.bind(this))},AnimationItem.prototype.loadSegments=function(){this.animationData.segments||(this.timeCompleted=this.totalFrames),this.loadNextSegment()},AnimationItem.prototype.imagesLoaded=function(){this.trigger("loaded_images"),this.checkLoaded()},AnimationItem.prototype.preloadImages=function(){this.imagePreloader.setAssetsPath(this.assetsPath),this.imagePreloader.setPath(this.path),this.imagePreloader.loadAssets(this.animationData.assets,this.imagesLoaded.bind(this))},AnimationItem.prototype.configAnimation=function(t){if(this.renderer)try{this.animationData=t,this.initialSegment?(this.totalFrames=Math.floor(this.initialSegment[1]-this.initialSegment[0]),this.firstFrame=Math.round(this.initialSegment[0])):(this.totalFrames=Math.floor(this.animationData.op-this.animationData.ip),this.firstFrame=Math.round(this.animationData.ip)),this.renderer.configAnimation(t),t.assets||(t.assets=[]),this.assets=this.animationData.assets,this.frameRate=this.animationData.fr,this.frameMult=this.animationData.fr/1e3,this.renderer.searchExtraCompositions(t.assets),this.markers=markerParser(t.markers||[]),this.trigger("config_ready"),this.preloadImages(),this.loadSegments(),this.updaFrameModifier(),this.waitForFontsLoaded(),this.isPaused&&this.audioController.pause()}catch(t){this.triggerConfigError(t)}},AnimationItem.prototype.waitForFontsLoaded=function(){this.renderer&&(this.renderer.globalData.fontManager.isLoaded?this.checkLoaded():setTimeout(this.waitForFontsLoaded.bind(this),20))},AnimationItem.prototype.checkLoaded=function(){!this.isLoaded&&this.renderer.globalData.fontManager.isLoaded&&(this.imagePreloader.loadedImages()||"canvas"!==this.renderer.rendererType)&&this.imagePreloader.loadedFootages()&&(this.isLoaded=!0,dataManager.completeData(this.animationData,this.renderer.globalData.fontManager),expressionsPlugin&&expressionsPlugin.initExpressions(this),this.renderer.initItems(),setTimeout(function(){this.trigger("DOMLoaded")}.bind(this),0),this.gotoFrame(),this.autoplay&&this.play())},AnimationItem.prototype.resize=function(){this.renderer.updateContainerSize()},AnimationItem.prototype.setSubframe=function(t){this.isSubframeEnabled=!!t},AnimationItem.prototype.gotoFrame=function(){this.currentFrame=this.isSubframeEnabled?this.currentRawFrame:~~this.currentRawFrame,this.timeCompleted!==this.totalFrames&&this.currentFrame>this.timeCompleted&&(this.currentFrame=this.timeCompleted),this.trigger("enterFrame"),this.renderFrame()},AnimationItem.prototype.renderFrame=function(){if(!1!==this.isLoaded&&this.renderer)try{this.renderer.renderFrame(this.currentFrame+this.firstFrame)}catch(t){this.triggerRenderFrameError(t)}},AnimationItem.prototype.play=function(t){t&&this.name!==t||!0===this.isPaused&&(this.isPaused=!1,this.audioController.resume(),this._idle&&(this._idle=!1,this.trigger("_active")))},AnimationItem.prototype.pause=function(t){t&&this.name!==t||!1===this.isPaused&&(this.isPaused=!0,this._idle=!0,this.trigger("_idle"),this.audioController.pause())},AnimationItem.prototype.togglePause=function(t){t&&this.name!==t||(!0===this.isPaused?this.play():this.pause())},AnimationItem.prototype.stop=function(t){t&&this.name!==t||(this.pause(),this.playCount=0,this._completedLoop=!1,this.setCurrentRawFrameValue(0))},AnimationItem.prototype.getMarkerData=function(t){for(var e,r=0;r<this.markers.length;r+=1)if((e=this.markers[r]).payload&&e.payload.name===t)return e;return null},AnimationItem.prototype.goToAndStop=function(t,e,r){if(!r||this.name===r){var i=Number(t);if(isNaN(i)){var s=this.getMarkerData(t);s&&this.goToAndStop(s.time,!0)}else e?this.setCurrentRawFrameValue(t):this.setCurrentRawFrameValue(t*this.frameModifier);this.pause()}},AnimationItem.prototype.goToAndPlay=function(t,e,r){if(!r||this.name===r){var i=Number(t);if(isNaN(i)){var s=this.getMarkerData(t);s&&(s.duration?this.playSegments([s.time,s.time+s.duration],!0):this.goToAndStop(s.time,!0))}else this.goToAndStop(i,e,r);this.play()}},AnimationItem.prototype.advanceTime=function(t){if(!0!==this.isPaused&&!1!==this.isLoaded){var e=this.currentRawFrame+t*this.frameModifier,r=!1;e>=this.totalFrames-1&&0<this.frameModifier?this.loop&&this.playCount!==this.loop?e>=this.totalFrames?(this.playCount+=1,this.checkSegments(e%this.totalFrames)||(this.setCurrentRawFrameValue(e%this.totalFrames),this._completedLoop=!0,this.trigger("loopComplete"))):this.setCurrentRawFrameValue(e):this.checkSegments(e>this.totalFrames?e%this.totalFrames:0)||(r=!0,e=this.totalFrames-1):e<0?this.checkSegments(e%this.totalFrames)||(!this.loop||this.playCount--<=0&&!0!==this.loop?(r=!0,e=0):(this.setCurrentRawFrameValue(this.totalFrames+e%this.totalFrames),this._completedLoop?this.trigger("loopComplete"):this._completedLoop=!0)):this.setCurrentRawFrameValue(e),r&&(this.setCurrentRawFrameValue(e),this.pause(),this.trigger("complete"))}},AnimationItem.prototype.adjustSegment=function(t,e){this.playCount=0,t[1]<t[0]?(0<this.frameModifier&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(-1)),this.totalFrames=t[0]-t[1],this.timeCompleted=this.totalFrames,this.firstFrame=t[1],this.setCurrentRawFrameValue(this.totalFrames-.001-e)):t[1]>t[0]&&(this.frameModifier<0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(1)),this.totalFrames=t[1]-t[0],this.timeCompleted=this.totalFrames,this.firstFrame=t[0],this.setCurrentRawFrameValue(.001+e)),this.trigger("segmentStart")},AnimationItem.prototype.setSegment=function(t,e){var r=-1;this.isPaused&&(this.currentRawFrame+this.firstFrame<t?r=t:this.currentRawFrame+this.firstFrame>e&&(r=e-t)),this.firstFrame=t,this.totalFrames=e-t,this.timeCompleted=this.totalFrames,-1!==r&&this.goToAndStop(r,!0)},AnimationItem.prototype.playSegments=function(t,e){if(e&&(this.segments.length=0),"object"==typeof t[0]){var r,i=t.length;for(r=0;r<i;r+=1)this.segments.push(t[r])}else this.segments.push(t);this.segments.length&&e&&this.adjustSegment(this.segments.shift(),0),this.isPaused&&this.play()},AnimationItem.prototype.resetSegments=function(t){this.segments.length=0,this.segments.push([this.animationData.ip,this.animationData.op]),t&&this.checkSegments(0)},AnimationItem.prototype.checkSegments=function(t){return!!this.segments.length&&(this.adjustSegment(this.segments.shift(),t),!0)},AnimationItem.prototype.destroy=function(t){t&&this.name!==t||!this.renderer||(this.renderer.destroy(),this.imagePreloader.destroy(),this.trigger("destroy"),this._cbs=null,this.onEnterFrame=null,this.onLoopComplete=null,this.onComplete=null,this.onSegmentStart=null,this.onDestroy=null,this.renderer=null,this.renderer=null,this.imagePreloader=null,this.projectInterface=null)},AnimationItem.prototype.setCurrentRawFrameValue=function(t){this.currentRawFrame=t,this.gotoFrame()},AnimationItem.prototype.setSpeed=function(t){this.playSpeed=t,this.updaFrameModifier()},AnimationItem.prototype.setDirection=function(t){this.playDirection=t<0?-1:1,this.updaFrameModifier()},AnimationItem.prototype.setVolume=function(t,e){e&&this.name!==e||this.audioController.setVolume(t)},AnimationItem.prototype.getVolume=function(){return this.audioController.getVolume()},AnimationItem.prototype.mute=function(t){t&&this.name!==t||this.audioController.mute()},AnimationItem.prototype.unmute=function(t){t&&this.name!==t||this.audioController.unmute()},AnimationItem.prototype.updaFrameModifier=function(){this.frameModifier=this.frameMult*this.playSpeed*this.playDirection,this.audioController.setRate(this.playSpeed*this.playDirection)},AnimationItem.prototype.getPath=function(){return this.path},AnimationItem.prototype.getAssetsPath=function(t){var e="";if(t.e)e=t.p;else if(this.assetsPath){var r=t.p;-1!==r.indexOf("images/")&&(r=r.split("/")[1]),e=this.assetsPath+r}else e=this.path,e+=t.u?t.u:"",e+=t.p;return e},AnimationItem.prototype.getAssetData=function(t){for(var e=0,r=this.assets.length;e<r;){if(t===this.assets[e].id)return this.assets[e];e+=1}return null},AnimationItem.prototype.hide=function(){this.renderer.hide()},AnimationItem.prototype.show=function(){this.renderer.show()},AnimationItem.prototype.getDuration=function(t){return t?this.totalFrames:this.totalFrames/this.frameRate},AnimationItem.prototype.trigger=function(t){if(this._cbs&&this._cbs[t])switch(t){case"enterFrame":this.triggerEvent(t,new BMEnterFrameEvent(t,this.currentFrame,this.totalFrames,this.frameModifier));break;case"loopComplete":this.triggerEvent(t,new BMCompleteLoopEvent(t,this.loop,this.playCount,this.frameMult));break;case"complete":this.triggerEvent(t,new BMCompleteEvent(t,this.frameMult));break;case"segmentStart":this.triggerEvent(t,new BMSegmentStartEvent(t,this.firstFrame,this.totalFrames));break;case"destroy":this.triggerEvent(t,new BMDestroyEvent(t,this));break;default:this.triggerEvent(t)}"enterFrame"===t&&this.onEnterFrame&&this.onEnterFrame.call(this,new BMEnterFrameEvent(t,this.currentFrame,this.totalFrames,this.frameMult)),"loopComplete"===t&&this.onLoopComplete&&this.onLoopComplete.call(this,new BMCompleteLoopEvent(t,this.loop,this.playCount,this.frameMult)),"complete"===t&&this.onComplete&&this.onComplete.call(this,new BMCompleteEvent(t,this.frameMult)),"segmentStart"===t&&this.onSegmentStart&&this.onSegmentStart.call(this,new BMSegmentStartEvent(t,this.firstFrame,this.totalFrames)),"destroy"===t&&this.onDestroy&&this.onDestroy.call(this,new BMDestroyEvent(t,this))},AnimationItem.prototype.triggerRenderFrameError=function(t){var e=new BMRenderFrameErrorEvent(t,this.currentFrame);this.triggerEvent("error",e),this.onError&&this.onError.call(this,e)},AnimationItem.prototype.triggerConfigError=function(t){var e=new BMConfigErrorEvent(t,this.currentFrame);this.triggerEvent("error",e),this.onError&&this.onError.call(this,e)};var Expressions=(tY={},tY.initExpressions=function(t){var e=0,r=[];function i(){var t,e=r.length;for(t=0;t<e;t+=1)r[t].release();r.length=0}t.renderer.compInterface=CompExpressionInterface(t.renderer),t.renderer.globalData.projectInterface.registerComposition(t.renderer),t.renderer.globalData.pushExpression=function(){e+=1},t.renderer.globalData.popExpression=function(){0==(e-=1)&&i()},t.renderer.globalData.registerExpressionProperty=function(t){-1===r.indexOf(t)&&r.push(t)}},tY),tY;expressionsPlugin=Expressions;var ExpressionManager=function(){var ob={},Math=BMMath,window=null,document=null,XMLHttpRequest=null,fetch=null;function $bm_isInstanceOfArray(t){return t.constructor===Array||t.constructor===Float32Array}function isNumerable(t,e){return"number"===t||"boolean"===t||"string"===t||e instanceof Number}function $bm_neg(t){var e=typeof t;if("number"===e||"boolean"===e||t instanceof Number)return-t;if($bm_isInstanceOfArray(t)){var r,i=t.length,s=[];for(r=0;r<i;r+=1)s[r]=-t[r];return s}return t.propType?t.v:-t}var easeInBez=BezierFactory.getBezierEasing(.333,0,.833,.833,"easeIn").get,easeOutBez=BezierFactory.getBezierEasing(.167,.167,.667,1,"easeOut").get,easeInOutBez=BezierFactory.getBezierEasing(.33,0,.667,1,"easeInOut").get;function sum(t,e){var r=typeof t,i=typeof e;if("string"===r||"string"===i)return t+e;if(isNumerable(r,t)&&isNumerable(i,e))return t+e;if($bm_isInstanceOfArray(t)&&isNumerable(i,e))return(t=t.slice(0))[0]+=e,t;if(isNumerable(r,t)&&$bm_isInstanceOfArray(e))return(e=e.slice(0))[0]=t+e[0],e;if($bm_isInstanceOfArray(t)&&$bm_isInstanceOfArray(e)){for(var s=0,a=t.length,n=e.length,o=[];s<a||s<n;)("number"==typeof t[s]||t[s]instanceof Number)&&("number"==typeof e[s]||e[s]instanceof Number)?o[s]=t[s]+e[s]:o[s]=void 0===e[s]?t[s]:t[s]||e[s],s+=1;return o}return 0}var add=sum;function sub(t,e){var r=typeof t,i=typeof e;if(isNumerable(r,t)&&isNumerable(i,e))return"string"===r&&(t=parseInt(t,10)),"string"===i&&(e=parseInt(e,10)),t-e;if($bm_isInstanceOfArray(t)&&isNumerable(i,e))return(t=t.slice(0))[0]-=e,t;if(isNumerable(r,t)&&$bm_isInstanceOfArray(e))return(e=e.slice(0))[0]=t-e[0],e;if($bm_isInstanceOfArray(t)&&$bm_isInstanceOfArray(e)){for(var s=0,a=t.length,n=e.length,o=[];s<a||s<n;)("number"==typeof t[s]||t[s]instanceof Number)&&("number"==typeof e[s]||e[s]instanceof Number)?o[s]=t[s]-e[s]:o[s]=void 0===e[s]?t[s]:t[s]||e[s],s+=1;return o}return 0}function mul(t,e){var r,i,s,a=typeof t,n=typeof e;if(isNumerable(a,t)&&isNumerable(n,e))return t*e;if($bm_isInstanceOfArray(t)&&isNumerable(n,e)){for(s=t.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t[i]*e;return r}if(isNumerable(a,t)&&$bm_isInstanceOfArray(e)){for(s=e.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t*e[i];return r}return 0}function div(t,e){var r,i,s,a=typeof t,n=typeof e;if(isNumerable(a,t)&&isNumerable(n,e))return t/e;if($bm_isInstanceOfArray(t)&&isNumerable(n,e)){for(s=t.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t[i]/e;return r}if(isNumerable(a,t)&&$bm_isInstanceOfArray(e)){for(s=e.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t/e[i];return r}return 0}function mod(t,e){return"string"==typeof t&&(t=parseInt(t,10)),"string"==typeof e&&(e=parseInt(e,10)),t%e}var $bm_sum=sum,$bm_sub=sub,$bm_mul=mul,$bm_div=div,$bm_mod=mod;function clamp(t,e,r){if(r<e){var i=r;r=e,e=i}return Math.min(Math.max(t,e),r)}function radiansToDegrees(t){return t/degToRads}var radians_to_degrees=radiansToDegrees;function degreesToRadians(t){return t*degToRads}var degrees_to_radians=radiansToDegrees,helperLengthArray=[0,0,0,0,0,0];function length(t,e){if("number"==typeof t||t instanceof Number)return e=e||0,Math.abs(t-e);var r;e||(e=helperLengthArray);var i=Math.min(t.length,e.length),s=0;for(r=0;r<i;r+=1)s+=Math.pow(e[r]-t[r],2);return Math.sqrt(s)}function normalize(t){return div(t,length(t))}function rgbToHsl(t){var e,r,i=t[0],s=t[1],a=t[2],n=Math.max(i,s,a),o=Math.min(i,s,a),h=(n+o)/2;if(n===o)r=e=0;else{var l=n-o;switch(r=.5<h?l/(2-n-o):l/(n+o),n){case i:e=(s-a)/l+(s<a?6:0);break;case s:e=(a-i)/l+2;break;case a:e=(i-s)/l+4}e/=6}return[e,r,h,t[3]]}function hue2rgb(t,e,r){return r<0&&(r+=1),1<r&&(r-=1),r<1/6?t+6*(e-t)*r:r<.5?e:r<2/3?t+(e-t)*(2/3-r)*6:t}function hslToRgb(t){var e,r,i,s=t[0],a=t[1],n=t[2];if(0===a)r=i=e=n;else{var o=n<.5?n*(1+a):n+a-n*a,h=2*n-o;e=hue2rgb(h,o,s+1/3),r=hue2rgb(h,o,s),i=hue2rgb(h,o,s-1/3)}return[e,r,i,t[3]]}function linear(t,e,r,i,s){if(void 0!==i&&void 0!==s||(i=e,s=r,e=0,r=1),r<e){var a=r;r=e,e=a}if(t<=e)return i;if(r<=t)return s;var n,o=r===e?0:(t-e)/(r-e);if(!i.length)return i+(s-i)*o;var h=i.length,l=createTypedArray("float32",h);for(n=0;n<h;n+=1)l[n]=i[n]+(s[n]-i[n])*o;return l}function random(t,e){if(void 0===e&&(void 0===t?(t=0,e=1):(e=t,t=void 0)),e.length){var r,i=e.length;t||(t=createTypedArray("float32",i));var s=createTypedArray("float32",i),a=BMMath.random();for(r=0;r<i;r+=1)s[r]=t[r]+a*(e[r]-t[r]);return s}return void 0===t&&(t=0),t+BMMath.random()*(e-t)}function createPath(t,e,r,i){var s,a=t.length,n=shapePool.newElement();n.setPathData(!!i,a);var o,h,l=[0,0];for(s=0;s<a;s+=1)o=e&&e[s]?e[s]:l,h=r&&r[s]?r[s]:l,n.setTripleAt(t[s][0],t[s][1],h[0]+t[s][0],h[1]+t[s][1],o[0]+t[s][0],o[1]+t[s][1],s,!0);return n}function initiateExpression(elem,data,property){var val=data.x,needsVelocity=/velocity(?![\w\d])/.test(val),_needsRandom=-1!==val.indexOf("random"),elemType=elem.data.ty,transform,$bm_transform,content,effect,thisProperty=property;thisProperty.valueAtTime=thisProperty.getValueAtTime,Object.defineProperty(thisProperty,"value",{get:function(){return thisProperty.v}}),elem.comp.frameDuration=1/elem.comp.globalData.frameRate,elem.comp.displayStartTime=0;var inPoint=elem.data.ip/elem.comp.globalData.frameRate,outPoint=elem.data.op/elem.comp.globalData.frameRate,width=elem.data.sw?elem.data.sw:0,height=elem.data.sh?elem.data.sh:0,name=elem.data.nm,loopIn,loop_in,loopOut,loop_out,smooth,toWorld,fromWorld,fromComp,toComp,fromCompToSurface,position,rotation,anchorPoint,scale,thisLayer,thisComp,mask,valueAtTime,velocityAtTime,scoped_bm_rt,expression_function=fuiEvil("function _expression_function(){"+val+";scoped_bm_rt=$bm_rt}"),numKeys=property.kf?data.k.length:0,active=!this.data||!0!==this.data.hd,wiggle=function(t,e){var r,i,s=this.pv.length?this.pv.length:1,a=createTypedArray("float32",s);var n=Math.floor(5*time);for(i=r=0;r<n;){for(i=0;i<s;i+=1)a[i]+=-e+2*e*BMMath.random();r+=1}var o=5*time,h=o-Math.floor(o),l=createTypedArray("float32",s);if(1<s){for(i=0;i<s;i+=1)l[i]=this.pv[i]+a[i]+(-e+2*e*BMMath.random())*h;return l}return this.pv+a[0]+(-e+2*e*BMMath.random())*h}.bind(this);function loopInDuration(t,e){return loopIn(t,e,!0)}function loopOutDuration(t,e){return loopOut(t,e,!0)}thisProperty.loopIn&&(loopIn=thisProperty.loopIn.bind(thisProperty),loop_in=loopIn),thisProperty.loopOut&&(loopOut=thisProperty.loopOut.bind(thisProperty),loop_out=loopOut),thisProperty.smooth&&(smooth=thisProperty.smooth.bind(thisProperty)),this.getValueAtTime&&(valueAtTime=this.getValueAtTime.bind(this)),this.getVelocityAtTime&&(velocityAtTime=this.getVelocityAtTime.bind(this));var comp=elem.comp.globalData.projectInterface.bind(elem.comp.globalData.projectInterface),time,velocity,value,text,textIndex,textTotal,selectorValue;function lookAt(t,e){var r=[e[0]-t[0],e[1]-t[1],e[2]-t[2]],i=Math.atan2(r[0],Math.sqrt(r[1]*r[1]+r[2]*r[2]))/degToRads;return[-Math.atan2(r[1],r[2])/degToRads,i,0]}function easeOut(t,e,r,i,s){return applyEase(easeOutBez,t,e,r,i,s)}function easeIn(t,e,r,i,s){return applyEase(easeInBez,t,e,r,i,s)}function ease(t,e,r,i,s){return applyEase(easeInOutBez,t,e,r,i,s)}function applyEase(t,e,r,i,s,a){void 0===s?(s=r,a=i):e=(e-r)/(i-r),1<e?e=1:e<0&&(e=0);var n=t(e);if($bm_isInstanceOfArray(s)){var o,h=s.length,l=createTypedArray("float32",h);for(o=0;o<h;o+=1)l[o]=(a[o]-s[o])*n+s[o];return l}return(a-s)*n+s}function nearestKey(t){var e,r,i,s=data.k.length;if(data.k.length&&"number"!=typeof data.k[0])if(r=-1,(t*=elem.comp.globalData.frameRate)<data.k[0].t)r=1,i=data.k[0].t;else{for(e=0;e<s-1;e+=1){if(t===data.k[e].t){r=e+1,i=data.k[e].t;break}if(t>data.k[e].t&&t<data.k[e+1].t){i=t-data.k[e].t>data.k[e+1].t-t?(r=e+2,data.k[e+1].t):(r=e+1,data.k[e].t);break}}-1===r&&(r=e+1,i=data.k[e].t)}else i=r=0;var a={};return a.index=r,a.time=i/elem.comp.globalData.frameRate,a}function key(t){var e,r,i;if(!data.k.length||"number"==typeof data.k[0])throw new Error("The property has no keyframe at index "+t);t-=1,e={time:data.k[t].t/elem.comp.globalData.frameRate,value:[]};var s=Object.prototype.hasOwnProperty.call(data.k[t],"s")?data.k[t].s:data.k[t-1].e;for(i=s.length,r=0;r<i;r+=1)e[r]=s[r],e.value[r]=s[r];return e}function framesToTime(t,e){return e||(e=elem.comp.globalData.frameRate),t/e}function timeToFrames(t,e){return t||0===t||(t=time),e||(e=elem.comp.globalData.frameRate),t*e}function seedRandom(t){BMMath.seedrandom(randSeed+t)}function sourceRectAtTime(){return elem.sourceRectAtTime()}function substring(t,e){return"string"==typeof value?void 0===e?value.substring(t):value.substring(t,e):""}function substr(t,e){return"string"==typeof value?void 0===e?value.substr(t):value.substr(t,e):""}function posterizeTime(t){time=0===t?0:Math.floor(time*t)/t,value=valueAtTime(time)}var index=elem.data.ind,hasParent=!(!elem.hierarchy||!elem.hierarchy.length),parent,randSeed=Math.floor(1e6*Math.random()),globalData=elem.globalData;function executeExpression(t){return value=t,_needsRandom&&seedRandom(randSeed),this.frameExpressionId===elem.globalData.frameId&&"textSelector"!==this.propType?value:("textSelector"===this.propType&&(textIndex=this.textIndex,textTotal=this.textTotal,selectorValue=this.selectorValue),thisLayer||(text=elem.layerInterface.text,thisLayer=elem.layerInterface,thisComp=elem.comp.compInterface,toWorld=thisLayer.toWorld.bind(thisLayer),fromWorld=thisLayer.fromWorld.bind(thisLayer),fromComp=thisLayer.fromComp.bind(thisLayer),toComp=thisLayer.toComp.bind(thisLayer),mask=thisLayer.mask?thisLayer.mask.bind(thisLayer):null,fromCompToSurface=fromComp),transform||(transform=elem.layerInterface("ADBE Transform Group"),($bm_transform=transform)&&(anchorPoint=transform.anchorPoint)),4!==elemType||content||(content=thisLayer("ADBE Root Vectors Group")),effect||(effect=thisLayer(4)),(hasParent=!(!elem.hierarchy||!elem.hierarchy.length))&&!parent&&(parent=elem.hierarchy[0].layerInterface),time=this.comp.renderedFrame/this.comp.globalData.frameRate,needsVelocity&&(velocity=velocityAtTime(time)),expression_function(),this.frameExpressionId=elem.globalData.frameId,"shape"===scoped_bm_rt.propType&&(scoped_bm_rt=scoped_bm_rt.v),scoped_bm_rt)}return executeExpression}return ob.initiateExpression=initiateExpression,ob}(),expressionHelpers={searchExpressions:function(t,e,r){e.x&&(r.k=!0,r.x=!0,r.initiateExpression=ExpressionManager.initiateExpression,r.effectsSequence.push(r.initiateExpression(t,e,r).bind(r)))},getSpeedAtTime:function(t){var e=this.getValueAtTime(t),r=this.getValueAtTime(t+-.01),i=0;if(e.length){var s;for(s=0;s<e.length;s+=1)i+=Math.pow(r[s]-e[s],2);i=100*Math.sqrt(i)}else i=0;return i},getVelocityAtTime:function(t){if(void 0!==this.vel)return this.vel;var e,r,i=this.getValueAtTime(t),s=this.getValueAtTime(t+-.001);if(i.length)for(e=createTypedArray("float32",i.length),r=0;r<i.length;r+=1)e[r]=(s[r]-i[r])/-.001;else e=(s-i)/-.001;return e},getValueAtTime:function(t){return t*=this.elem.globalData.frameRate,(t-=this.offsetTime)!==this._cachingAtTime.lastFrame&&(this._cachingAtTime.lastIndex=this._cachingAtTime.lastFrame<t?this._cachingAtTime.lastIndex:0,this._cachingAtTime.value=this.interpolateValue(t,this._cachingAtTime),this._cachingAtTime.lastFrame=t),this._cachingAtTime.value},getStaticValueAtTime:function(){return this.pv},setGroupProperty:function(t){this.propertyGroup=t}};!function(){function o(t,e,r){if(!this.k||!this.keyframes)return this.pv;t=t?t.toLowerCase():"";var i,s,a,n,o,h=this.comp.renderedFrame,l=this.keyframes,p=l[l.length-1].t;if(h<=p)return this.pv;if(r?s=p-(i=e?Math.abs(p-this.elem.comp.globalData.frameRate*e):Math.max(0,p-this.elem.data.ip)):((!e||e>l.length-1)&&(e=l.length-1),i=p-(s=l[l.length-1-e].t)),"pingpong"===t){if(Math.floor((h-s)/i)%2!=0)return this.getValueAtTime((i-(h-s)%i+s)/this.comp.globalData.frameRate,0)}else{if("offset"===t){var m=this.getValueAtTime(s/this.comp.globalData.frameRate,0),f=this.getValueAtTime(p/this.comp.globalData.frameRate,0),c=this.getValueAtTime(((h-s)%i+s)/this.comp.globalData.frameRate,0),d=Math.floor((h-s)/i);if(this.pv.length){for(n=(o=new Array(m.length)).length,a=0;a<n;a+=1)o[a]=(f[a]-m[a])*d+c[a];return o}return(f-m)*d+c}if("continue"===t){var u=this.getValueAtTime(p/this.comp.globalData.frameRate,0),y=this.getValueAtTime((p-.001)/this.comp.globalData.frameRate,0);if(this.pv.length){for(n=(o=new Array(u.length)).length,a=0;a<n;a+=1)o[a]=u[a]+(u[a]-y[a])*((h-p)/this.comp.globalData.frameRate)/5e-4;return o}return u+(h-p)/.001*(u-y)}}return this.getValueAtTime(((h-s)%i+s)/this.comp.globalData.frameRate,0)}function h(t,e,r){if(!this.k)return this.pv;t=t?t.toLowerCase():"";var i,s,a,n,o,h=this.comp.renderedFrame,l=this.keyframes,p=l[0].t;if(p<=h)return this.pv;if(r?s=p+(i=e?Math.abs(this.elem.comp.globalData.frameRate*e):Math.max(0,this.elem.data.op-p)):((!e||e>l.length-1)&&(e=l.length-1),i=(s=l[e].t)-p),"pingpong"===t){if(Math.floor((p-h)/i)%2==0)return this.getValueAtTime(((p-h)%i+p)/this.comp.globalData.frameRate,0)}else{if("offset"===t){var m=this.getValueAtTime(p/this.comp.globalData.frameRate,0),f=this.getValueAtTime(s/this.comp.globalData.frameRate,0),c=this.getValueAtTime((i-(p-h)%i+p)/this.comp.globalData.frameRate,0),d=Math.floor((p-h)/i)+1;if(this.pv.length){for(n=(o=new Array(m.length)).length,a=0;a<n;a+=1)o[a]=c[a]-(f[a]-m[a])*d;return o}return c-(f-m)*d}if("continue"===t){var u=this.getValueAtTime(p/this.comp.globalData.frameRate,0),y=this.getValueAtTime((p+.001)/this.comp.globalData.frameRate,0);if(this.pv.length){for(n=(o=new Array(u.length)).length,a=0;a<n;a+=1)o[a]=u[a]+(u[a]-y[a])*(p-h)/.001;return o}return u+(u-y)*(p-h)/.001}}return this.getValueAtTime((i-((p-h)%i+p))/this.comp.globalData.frameRate,0)}function l(t,e){if(!this.k)return this.pv;if(t=.5*(t||.4),(e=Math.floor(e||5))<=1)return this.pv;var r,i,s=this.comp.renderedFrame/this.comp.globalData.frameRate,a=s-t,n=1<e?(s+t-a)/(e-1):1,o=0,h=0;for(r=this.pv.length?createTypedArray("float32",this.pv.length):0;o<e;){if(i=this.getValueAtTime(a+o*n),this.pv.length)for(h=0;h<this.pv.length;h+=1)r[h]+=i[h];else r+=i;o+=1}if(this.pv.length)for(h=0;h<this.pv.length;h+=1)r[h]/=e;else r/=e;return r}var s=TransformPropertyFactory.getTransformProperty;TransformPropertyFactory.getTransformProperty=function(t,e,r){var i=s(t,e,r);return i.dynamicProperties.length?i.getValueAtTime=function(t){this._transformCachingAtTime||(this._transformCachingAtTime={v:new Matrix});var e=this._transformCachingAtTime.v;if(e.cloneFromProps(this.pre.props),this.appliedTransformations<1){var r=this.a.getValueAtTime(t);e.translate(-r[0]*this.a.mult,-r[1]*this.a.mult,r[2]*this.a.mult)}if(this.appliedTransformations<2){var i=this.s.getValueAtTime(t);e.scale(i[0]*this.s.mult,i[1]*this.s.mult,i[2]*this.s.mult)}if(this.sk&&this.appliedTransformations<3){var s=this.sk.getValueAtTime(t),a=this.sa.getValueAtTime(t);e.skewFromAxis(-s*this.sk.mult,a*this.sa.mult)}if(this.r&&this.appliedTransformations<4){var n=this.r.getValueAtTime(t);e.rotate(-n*this.r.mult)}else if(!this.r&&this.appliedTransformations<4){var o=this.rz.getValueAtTime(t),h=this.ry.getValueAtTime(t),l=this.rx.getValueAtTime(t),p=this.or.getValueAtTime(t);e.rotateZ(-o*this.rz.mult).rotateY(h*this.ry.mult).rotateX(l*this.rx.mult).rotateZ(-p[2]*this.or.mult).rotateY(p[1]*this.or.mult).rotateX(p[0]*this.or.mult)}if(this.data.p&&this.data.p.s){var m=this.px.getValueAtTime(t),f=this.py.getValueAtTime(t);if(this.data.p.z){var c=this.pz.getValueAtTime(t);e.translate(m*this.px.mult,f*this.py.mult,-c*this.pz.mult)}else e.translate(m*this.px.mult,f*this.py.mult,0)}else{var d=this.p.getValueAtTime(t);e.translate(d[0]*this.p.mult,d[1]*this.p.mult,-d[2]*this.p.mult)}return e}.bind(i):i.getValueAtTime=function(){return this.v.clone(new Matrix)}.bind(i),i.setGroupProperty=expressionHelpers.setGroupProperty,i};var p=PropertyFactory.getProp;PropertyFactory.getProp=function(t,e,r,i,s){var a=p(t,e,r,i,s);a.kf?a.getValueAtTime=expressionHelpers.getValueAtTime.bind(a):a.getValueAtTime=expressionHelpers.getStaticValueAtTime.bind(a),a.setGroupProperty=expressionHelpers.setGroupProperty,a.loopOut=o,a.loopIn=h,a.smooth=l,a.getVelocityAtTime=expressionHelpers.getVelocityAtTime.bind(a),a.getSpeedAtTime=expressionHelpers.getSpeedAtTime.bind(a),a.numKeys=1===e.a?e.k.length:0,a.propertyIndex=e.ix;var n=0;return 0!==r&&(n=createTypedArray("float32",1===e.a?e.k[0].s.length:e.k.length)),a._cachingAtTime={lastFrame:initialDefaultFrame,lastIndex:0,value:n},expressionHelpers.searchExpressions(t,e,a),a.k&&s.addDynamicProperty(a),a};var t=ShapePropertyFactory.getConstructorFunction(),e=ShapePropertyFactory.getKeyframedConstructorFunction();function r(){}r.prototype={vertices:function(t,e){this.k&&this.getValue();var r,i=this.v;void 0!==e&&(i=this.getValueAtTime(e,0));var s=i._length,a=i[t],n=i.v,o=createSizedArray(s);for(r=0;r<s;r+=1)o[r]="i"===t||"o"===t?[a[r][0]-n[r][0],a[r][1]-n[r][1]]:[a[r][0],a[r][1]];return o},points:function(t){return this.vertices("v",t)},inTangents:function(t){return this.vertices("i",t)},outTangents:function(t){return this.vertices("o",t)},isClosed:function(){return this.v.c},pointOnPath:function(t,e){var r=this.v;void 0!==e&&(r=this.getValueAtTime(e,0)),this._segmentsLength||(this._segmentsLength=bez.getSegmentsLength(r));for(var i,s=this._segmentsLength,a=s.lengths,n=s.totalLength*t,o=0,h=a.length,l=0;o<h;){if(l+a[o].addedLength>n){var p=o,m=r.c&&o===h-1?0:o+1,f=(n-l)/a[o].addedLength;i=bez.getPointInSegment(r.v[p],r.v[m],r.o[p],r.i[m],f,a[o]);break}l+=a[o].addedLength,o+=1}return i||(i=r.c?[r.v[0][0],r.v[0][1]]:[r.v[r._length-1][0],r.v[r._length-1][1]]),i},vectorOnPath:function(t,e,r){1==t?t=this.v.c:0==t&&(t=.999);var i=this.pointOnPath(t,e),s=this.pointOnPath(t+.001,e),a=s[0]-i[0],n=s[1]-i[1],o=Math.sqrt(Math.pow(a,2)+Math.pow(n,2));return 0===o?[0,0]:"tangent"===r?[a/o,n/o]:[-n/o,a/o]},tangentOnPath:function(t,e){return this.vectorOnPath(t,e,"tangent")},normalOnPath:function(t,e){return this.vectorOnPath(t,e,"normal")},setGroupProperty:expressionHelpers.setGroupProperty,getValueAtTime:expressionHelpers.getStaticValueAtTime},extendPrototype([r],t),extendPrototype([r],e),e.prototype.getValueAtTime=function(t){return this._cachingAtTime||(this._cachingAtTime={shapeValue:shapePool.clone(this.pv),lastIndex:0,lastTime:initialDefaultFrame}),t*=this.elem.globalData.frameRate,(t-=this.offsetTime)!==this._cachingAtTime.lastTime&&(this._cachingAtTime.lastIndex=this._cachingAtTime.lastTime<t?this._caching.lastIndex:0,this._cachingAtTime.lastTime=t,this.interpolateShape(t,this._cachingAtTime.shapeValue,this._cachingAtTime)),this._cachingAtTime.shapeValue},e.prototype.initiateExpression=ExpressionManager.initiateExpression;var n=ShapePropertyFactory.getShapeProp;ShapePropertyFactory.getShapeProp=function(t,e,r,i,s){var a=n(t,e,r,i,s);return a.propertyIndex=e.ix,a.lock=!1,3===r?expressionHelpers.searchExpressions(t,e.pt,a):4===r&&expressionHelpers.searchExpressions(t,e.ks,a),a.k&&t.addDynamicProperty(a),a}}(),TextProperty.prototype.getExpressionValue=function(t,e){var r=this.calculateExpression(e);if(t.t===r)return t;var i={};return this.copyData(i,t),i.t=r.toString(),i.__complete=!1,i},TextProperty.prototype.searchProperty=function(){var t=this.searchKeyframes(),e=this.searchExpressions();return this.kf=t||e,this.kf},TextProperty.prototype.searchExpressions=function(){return this.data.d.x?(this.calculateExpression=ExpressionManager.initiateExpression.bind(this)(this.elem,this.data.d,this),this.addEffect(this.getExpressionValue.bind(this)),!0):null};var ShapePathInterface=function(t,e,r){var i=e.sh;function s(t){return"Shape"===t||"shape"===t||"Path"===t||"path"===t||"ADBE Vector Shape"===t||2===t?s.path:null}var a=propertyGroupFactory(s,r);return i.setGroupProperty(PropertyInterface("Path",a)),Object.defineProperties(s,{path:{get:function(){return i.k&&i.getValue(),i}},shape:{get:function(){return i.k&&i.getValue(),i}},_name:{value:t.nm},ix:{value:t.ix},propertyIndex:{value:t.ix},mn:{value:t.mn},propertyGroup:{value:r}}),s},propertyGroupFactory=function(e,r){return function(t){return(t=void 0===t?1:t)<=0?e:r(t-1)}},PropertyInterface=function(t,e){var r={_name:t};return function(t){return(t=void 0===t?1:t)<=0?r:e(t-1)}},ShapeExpressionInterface=function(){function n(t,e,r){var i,s=[],a=t?t.length:0;for(i=0;i<a;i+=1)"gr"===t[i].ty?s.push(o(t[i],e[i],r)):"fl"===t[i].ty?s.push(h(t[i],e[i],r)):"st"===t[i].ty?s.push(m(t[i],e[i],r)):"tm"===t[i].ty?s.push(f(t[i],e[i],r)):"tr"===t[i].ty||("el"===t[i].ty?s.push(d(t[i],e[i],r)):"sr"===t[i].ty?s.push(u(t[i],e[i],r)):"sh"===t[i].ty?s.push(ShapePathInterface(t[i],e[i],r)):"rc"===t[i].ty?s.push(y(t[i],e[i],r)):"rd"===t[i].ty?s.push(g(t[i],e[i],r)):"rp"===t[i].ty?s.push(v(t[i],e[i],r)):"gf"===t[i].ty?s.push(l(t[i],e[i],r)):s.push(p(t[i],e[i])));return s}function o(t,e,r){var i=function(t){switch(t){case"ADBE Vectors Group":case"Contents":case 2:return i.content;default:return i.transform}};i.propertyGroup=propertyGroupFactory(i,r);var s=function(t,e,r){var i,s=function(t){for(var e=0,r=i.length;e<r;){if(i[e]._name===t||i[e].mn===t||i[e].propertyIndex===t||i[e].ix===t||i[e].ind===t)return i[e];e+=1}return"number"==typeof t?i[t-1]:null};s.propertyGroup=propertyGroupFactory(s,r),i=n(t.it,e.it,s.propertyGroup),s.numProperties=i.length;var a=c(t.it[t.it.length-1],e.it[e.it.length-1],s.propertyGroup);return s.transform=a,s.propertyIndex=t.cix,s._name=t.nm,s}(t,e,i.propertyGroup),a=c(t.it[t.it.length-1],e.it[e.it.length-1],i.propertyGroup);return i.content=s,i.transform=a,Object.defineProperty(i,"_name",{get:function(){return t.nm}}),i.numProperties=t.np,i.propertyIndex=t.ix,i.nm=t.nm,i.mn=t.mn,i}function h(t,e,r){function i(t){return"Color"===t||"color"===t?i.color:"Opacity"===t||"opacity"===t?i.opacity:null}return Object.defineProperties(i,{color:{get:ExpressionPropertyInterface(e.c)},opacity:{get:ExpressionPropertyInterface(e.o)},_name:{value:t.nm},mn:{value:t.mn}}),e.c.setGroupProperty(PropertyInterface("Color",r)),e.o.setGroupProperty(PropertyInterface("Opacity",r)),i}function l(t,e,r){function i(t){return"Start Point"===t||"start point"===t?i.startPoint:"End Point"===t||"end point"===t?i.endPoint:"Opacity"===t||"opacity"===t?i.opacity:null}return Object.defineProperties(i,{startPoint:{get:ExpressionPropertyInterface(e.s)},endPoint:{get:ExpressionPropertyInterface(e.e)},opacity:{get:ExpressionPropertyInterface(e.o)},type:{get:function(){return"a"}},_name:{value:t.nm},mn:{value:t.mn}}),e.s.setGroupProperty(PropertyInterface("Start Point",r)),e.e.setGroupProperty(PropertyInterface("End Point",r)),e.o.setGroupProperty(PropertyInterface("Opacity",r)),i}function p(){return function(){return null}}function m(t,e,r){var i,s=propertyGroupFactory(l,r),a=propertyGroupFactory(h,s);var n,o=t.d?t.d.length:0,h={};for(i=0;i<o;i+=1)n=i,Object.defineProperty(h,t.d[n].nm,{get:ExpressionPropertyInterface(e.d.dataProps[n].p)}),e.d.dataProps[i].p.setGroupProperty(a);function l(t){return"Color"===t||"color"===t?l.color:"Opacity"===t||"opacity"===t?l.opacity:"Stroke Width"===t||"stroke width"===t?l.strokeWidth:null}return Object.defineProperties(l,{color:{get:ExpressionPropertyInterface(e.c)},opacity:{get:ExpressionPropertyInterface(e.o)},strokeWidth:{get:ExpressionPropertyInterface(e.w)},dash:{get:function(){return h}},_name:{value:t.nm},mn:{value:t.mn}}),e.c.setGroupProperty(PropertyInterface("Color",s)),e.o.setGroupProperty(PropertyInterface("Opacity",s)),e.w.setGroupProperty(PropertyInterface("Stroke Width",s)),l}function f(e,t,r){function i(t){return t===e.e.ix||"End"===t||"end"===t?i.end:t===e.s.ix?i.start:t===e.o.ix?i.offset:null}var s=propertyGroupFactory(i,r);return i.propertyIndex=e.ix,t.s.setGroupProperty(PropertyInterface("Start",s)),t.e.setGroupProperty(PropertyInterface("End",s)),t.o.setGroupProperty(PropertyInterface("Offset",s)),i.propertyIndex=e.ix,i.propertyGroup=r,Object.defineProperties(i,{start:{get:ExpressionPropertyInterface(t.s)},end:{get:ExpressionPropertyInterface(t.e)},offset:{get:ExpressionPropertyInterface(t.o)},_name:{value:e.nm}}),i.mn=e.mn,i}function c(e,t,r){function i(t){return e.a.ix===t||"Anchor Point"===t?i.anchorPoint:e.o.ix===t||"Opacity"===t?i.opacity:e.p.ix===t||"Position"===t?i.position:e.r.ix===t||"Rotation"===t||"ADBE Vector Rotation"===t?i.rotation:e.s.ix===t||"Scale"===t?i.scale:e.sk&&e.sk.ix===t||"Skew"===t?i.skew:e.sa&&e.sa.ix===t||"Skew Axis"===t?i.skewAxis:null}var s=propertyGroupFactory(i,r);return t.transform.mProps.o.setGroupProperty(PropertyInterface("Opacity",s)),t.transform.mProps.p.setGroupProperty(PropertyInterface("Position",s)),t.transform.mProps.a.setGroupProperty(PropertyInterface("Anchor Point",s)),t.transform.mProps.s.setGroupProperty(PropertyInterface("Scale",s)),t.transform.mProps.r.setGroupProperty(PropertyInterface("Rotation",s)),t.transform.mProps.sk&&(t.transform.mProps.sk.setGroupProperty(PropertyInterface("Skew",s)),t.transform.mProps.sa.setGroupProperty(PropertyInterface("Skew Angle",s))),t.transform.op.setGroupProperty(PropertyInterface("Opacity",s)),Object.defineProperties(i,{opacity:{get:ExpressionPropertyInterface(t.transform.mProps.o)},position:{get:ExpressionPropertyInterface(t.transform.mProps.p)},anchorPoint:{get:ExpressionPropertyInterface(t.transform.mProps.a)},scale:{get:ExpressionPropertyInterface(t.transform.mProps.s)},rotation:{get:ExpressionPropertyInterface(t.transform.mProps.r)},skew:{get:ExpressionPropertyInterface(t.transform.mProps.sk)},skewAxis:{get:ExpressionPropertyInterface(t.transform.mProps.sa)},_name:{value:e.nm}}),i.ty="tr",i.mn=e.mn,i.propertyGroup=r,i}function d(e,t,r){function i(t){return e.p.ix===t?i.position:e.s.ix===t?i.size:null}var s=propertyGroupFactory(i,r);i.propertyIndex=e.ix;var a="tm"===t.sh.ty?t.sh.prop:t.sh;return a.s.setGroupProperty(PropertyInterface("Size",s)),a.p.setGroupProperty(PropertyInterface("Position",s)),Object.defineProperties(i,{size:{get:ExpressionPropertyInterface(a.s)},position:{get:ExpressionPropertyInterface(a.p)},_name:{value:e.nm}}),i.mn=e.mn,i}function u(e,t,r){function i(t){return e.p.ix===t?i.position:e.r.ix===t?i.rotation:e.pt.ix===t?i.points:e.or.ix===t||"ADBE Vector Star Outer Radius"===t?i.outerRadius:e.os.ix===t?i.outerRoundness:!e.ir||e.ir.ix!==t&&"ADBE Vector Star Inner Radius"!==t?e.is&&e.is.ix===t?i.innerRoundness:null:i.innerRadius}var s=propertyGroupFactory(i,r),a="tm"===t.sh.ty?t.sh.prop:t.sh;return i.propertyIndex=e.ix,a.or.setGroupProperty(PropertyInterface("Outer Radius",s)),a.os.setGroupProperty(PropertyInterface("Outer Roundness",s)),a.pt.setGroupProperty(PropertyInterface("Points",s)),a.p.setGroupProperty(PropertyInterface("Position",s)),a.r.setGroupProperty(PropertyInterface("Rotation",s)),e.ir&&(a.ir.setGroupProperty(PropertyInterface("Inner Radius",s)),a.is.setGroupProperty(PropertyInterface("Inner Roundness",s))),Object.defineProperties(i,{position:{get:ExpressionPropertyInterface(a.p)},rotation:{get:ExpressionPropertyInterface(a.r)},points:{get:ExpressionPropertyInterface(a.pt)},outerRadius:{get:ExpressionPropertyInterface(a.or)},outerRoundness:{get:ExpressionPropertyInterface(a.os)},innerRadius:{get:ExpressionPropertyInterface(a.ir)},innerRoundness:{get:ExpressionPropertyInterface(a.is)},_name:{value:e.nm}}),i.mn=e.mn,i}function y(e,t,r){function i(t){return e.p.ix===t?i.position:e.r.ix===t?i.roundness:e.s.ix===t||"Size"===t||"ADBE Vector Rect Size"===t?i.size:null}var s=propertyGroupFactory(i,r),a="tm"===t.sh.ty?t.sh.prop:t.sh;return i.propertyIndex=e.ix,a.p.setGroupProperty(PropertyInterface("Position",s)),a.s.setGroupProperty(PropertyInterface("Size",s)),a.r.setGroupProperty(PropertyInterface("Rotation",s)),Object.defineProperties(i,{position:{get:ExpressionPropertyInterface(a.p)},roundness:{get:ExpressionPropertyInterface(a.r)},size:{get:ExpressionPropertyInterface(a.s)},_name:{value:e.nm}}),i.mn=e.mn,i}function g(e,t,r){function i(t){return e.r.ix===t||"Round Corners 1"===t?i.radius:null}var s=propertyGroupFactory(i,r),a=t;return i.propertyIndex=e.ix,a.rd.setGroupProperty(PropertyInterface("Radius",s)),Object.defineProperties(i,{radius:{get:ExpressionPropertyInterface(a.rd)},_name:{value:e.nm}}),i.mn=e.mn,i}function v(e,t,r){function i(t){return e.c.ix===t||"Copies"===t?i.copies:e.o.ix===t||"Offset"===t?i.offset:null}var s=propertyGroupFactory(i,r),a=t;return i.propertyIndex=e.ix,a.c.setGroupProperty(PropertyInterface("Copies",s)),a.o.setGroupProperty(PropertyInterface("Offset",s)),Object.defineProperties(i,{copies:{get:ExpressionPropertyInterface(a.c)},offset:{get:ExpressionPropertyInterface(a.o)},_name:{value:e.nm}}),i.mn=e.mn,i}return function(t,e,i){var s;function r(t){if("number"==typeof t)return 0===(t=void 0===t?1:t)?i:s[t-1];for(var e=0,r=s.length;e<r;){if(s[e]._name===t)return s[e];e+=1}return null}return r.propertyGroup=propertyGroupFactory(r,function(){return i}),s=n(t,e,r.propertyGroup),r.numProperties=s.length,r._name="Contents",r}}(),TextExpressionInterface=function(e){var r;function i(t){switch(t){case"ADBE Text Document":return i.sourceText;default:return null}}return Object.defineProperty(i,"sourceText",{get:function(){e.textProperty.getValue();var t=e.textProperty.currentData.t;return void 0!==t&&(e.textProperty.currentData.t=void 0,(r=new String(t)).value=t||new String(t)),r}}),i},LayerExpressionInterface=function(){function s(t){var e=new Matrix;void 0!==t?this._elem.finalTransform.mProp.getValueAtTime(t).clone(e):this._elem.finalTransform.mProp.applyToMatrix(e);return e}function a(t,e){var r=this.getMatrix(e);return r.props[12]=0,r.props[13]=0,r.props[14]=0,this.applyPoint(r,t)}function n(t,e){var r=this.getMatrix(e);return this.applyPoint(r,t)}function o(t,e){var r=this.getMatrix(e);return r.props[12]=0,r.props[13]=0,r.props[14]=0,this.invertPoint(r,t)}function h(t,e){var r=this.getMatrix(e);return this.invertPoint(r,t)}function l(t,e){if(this._elem.hierarchy&&this._elem.hierarchy.length){var r,i=this._elem.hierarchy.length;for(r=0;r<i;r+=1)this._elem.hierarchy[r].finalTransform.mProp.applyToMatrix(t)}return t.applyToPointArray(e[0],e[1],e[2]||0)}function p(t,e){if(this._elem.hierarchy&&this._elem.hierarchy.length){var r,i=this._elem.hierarchy.length;for(r=0;r<i;r+=1)this._elem.hierarchy[r].finalTransform.mProp.applyToMatrix(t)}return t.inversePoint(e)}function m(t){var e=new Matrix;if(e.reset(),this._elem.finalTransform.mProp.applyToMatrix(e),this._elem.hierarchy&&this._elem.hierarchy.length){var r,i=this._elem.hierarchy.length;for(r=0;r<i;r+=1)this._elem.hierarchy[r].finalTransform.mProp.applyToMatrix(e);return e.inversePoint(t)}return e.inversePoint(t)}function f(){return[1,1,1,1]}return function(e){var r;function i(t){switch(t){case"ADBE Root Vectors Group":case"Contents":case 2:return i.shapeInterface;case 1:case 6:case"Transform":case"transform":case"ADBE Transform Group":return r;case 4:case"ADBE Effect Parade":case"effects":case"Effects":return i.effect;case"ADBE Text Properties":return i.textInterface;default:return null}}i.getMatrix=s,i.invertPoint=p,i.applyPoint=l,i.toWorld=n,i.toWorldVec=a,i.fromWorld=h,i.fromWorldVec=o,i.toComp=n,i.fromComp=m,i.sampleImage=f,i.sourceRectAtTime=e.sourceRectAtTime.bind(e);var t=getDescriptor(r=TransformExpressionInterface((i._elem=e).finalTransform.mProp),"anchorPoint");return Object.defineProperties(i,{hasParent:{get:function(){return e.hierarchy.length}},parent:{get:function(){return e.hierarchy[0].layerInterface}},rotation:getDescriptor(r,"rotation"),scale:getDescriptor(r,"scale"),position:getDescriptor(r,"position"),opacity:getDescriptor(r,"opacity"),anchorPoint:t,anchor_point:t,transform:{get:function(){return r}},active:{get:function(){return e.isInRange}}}),i.startTime=e.data.st,i.index=e.data.ind,i.source=e.data.refId,i.height=0===e.data.ty?e.data.h:100,i.width=0===e.data.ty?e.data.w:100,i.inPoint=e.data.ip/e.comp.globalData.frameRate,i.outPoint=e.data.op/e.comp.globalData.frameRate,i._name=e.data.nm,i.registerMaskInterface=function(t){i.mask=new MaskManagerInterface(t,e)},i.registerEffectsInterface=function(t){i.effect=t},i}}(),FootageInterface=(f6=function(t){function e(t){return"Outline"===t?e.outlineInterface():null}return e._name="Outline",e.outlineInterface=function(t){var i="",s=t.getFootageData();function a(t){if(s[t])return"object"==typeof(s=s[i=t])?a:s;var e=t.indexOf(i);if(-1===e)return"";var r=parseInt(t.substr(e+i.length),10);return"object"==typeof(s=s[r])?a:s}return function(){return i="",s=t.getFootageData(),a}}(t),e},function(t){function e(t){return"Data"===t?e.dataInterface:null}return e._name="Data",e.dataInterface=f6(t),e}),f6,CompExpressionInterface=function(i){function t(t){for(var e=0,r=i.layers.length;e<r;){if(i.layers[e].nm===t||i.layers[e].ind===t)return i.elements[e].layerInterface;e+=1}return null}return Object.defineProperty(t,"_name",{value:i.data.nm}),(t.layer=t).pixelAspect=1,t.height=i.data.h||i.globalData.compSize.h,t.width=i.data.w||i.globalData.compSize.w,t.pixelAspect=1,t.frameDuration=1/i.globalData.frameRate,t.displayStartTime=0,t.numLayers=i.layers.length,t},TransformExpressionInterface=function(t){function e(t){switch(t){case"scale":case"Scale":case"ADBE Scale":case 6:return e.scale;case"rotation":case"Rotation":case"ADBE Rotation":case"ADBE Rotate Z":case 10:return e.rotation;case"ADBE Rotate X":return e.xRotation;case"ADBE Rotate Y":return e.yRotation;case"position":case"Position":case"ADBE Position":case 2:return e.position;case"ADBE Position_0":return e.xPosition;case"ADBE Position_1":return e.yPosition;case"ADBE Position_2":return e.zPosition;case"anchorPoint":case"AnchorPoint":case"Anchor Point":case"ADBE AnchorPoint":case 1:return e.anchorPoint;case"opacity":case"Opacity":case 11:return e.opacity;default:return null}}var r,i,s,a;return Object.defineProperty(e,"rotation",{get:ExpressionPropertyInterface(t.r||t.rz)}),Object.defineProperty(e,"zRotation",{get:ExpressionPropertyInterface(t.rz||t.r)}),Object.defineProperty(e,"xRotation",{get:ExpressionPropertyInterface(t.rx)}),Object.defineProperty(e,"yRotation",{get:ExpressionPropertyInterface(t.ry)}),Object.defineProperty(e,"scale",{get:ExpressionPropertyInterface(t.s)}),t.p?a=ExpressionPropertyInterface(t.p):(r=ExpressionPropertyInterface(t.px),i=ExpressionPropertyInterface(t.py),t.pz&&(s=ExpressionPropertyInterface(t.pz))),Object.defineProperty(e,"position",{get:function(){return t.p?a():[r(),i(),s?s():0]}}),Object.defineProperty(e,"xPosition",{get:ExpressionPropertyInterface(t.px)}),Object.defineProperty(e,"yPosition",{get:ExpressionPropertyInterface(t.py)}),Object.defineProperty(e,"zPosition",{get:ExpressionPropertyInterface(t.pz)}),Object.defineProperty(e,"anchorPoint",{get:ExpressionPropertyInterface(t.a)}),Object.defineProperty(e,"opacity",{get:ExpressionPropertyInterface(t.o)}),Object.defineProperty(e,"skew",{get:ExpressionPropertyInterface(t.sk)}),Object.defineProperty(e,"skewAxis",{get:ExpressionPropertyInterface(t.sa)}),Object.defineProperty(e,"orientation",{get:ExpressionPropertyInterface(t.or)}),e},ProjectInterface=function(){function e(t){this.compositions.push(t)}return function(){function t(t){for(var e=0,r=this.compositions.length;e<r;){if(this.compositions[e].data&&this.compositions[e].data.nm===t)return this.compositions[e].prepareFrame&&this.compositions[e].data.xt&&this.compositions[e].prepareFrame(this.currentFrame),this.compositions[e].compInterface;e+=1}return null}return t.compositions=[],t.currentFrame=0,t.registerComposition=e,t}}(),EffectsExpressionInterface=function(){function l(s,t,e,r){function i(t){for(var e=s.ef,r=0,i=e.length;r<i;){if(t===e[r].nm||t===e[r].mn||t===e[r].ix)return 5===e[r].ty?o[r]:o[r]();r+=1}throw new Error}var a,n=propertyGroupFactory(i,e),o=[],h=s.ef.length;for(a=0;a<h;a+=1)5===s.ef[a].ty?o.push(l(s.ef[a],t.effectElements[a],t.effectElements[a].propertyGroup,r)):o.push(p(t.effectElements[a],s.ef[a].ty,r,n));return"ADBE Color Control"===s.mn&&Object.defineProperty(i,"color",{get:function(){return o[0]()}}),Object.defineProperties(i,{numProperties:{get:function(){return s.np}},_name:{value:s.nm},propertyGroup:{value:n}}),i.enabled=0!==s.en,i.active=i.enabled,i}function p(t,e,r,i){var s=ExpressionPropertyInterface(t.p);return t.p.setGroupProperty&&t.p.setGroupProperty(PropertyInterface("",i)),function(){return 10===e?r.comp.compInterface(t.p.v):s()}}return{createEffectsInterface:function(t,e){if(t.effectsManager){var r,i=[],s=t.data.ef,a=t.effectsManager.effectElements.length;for(r=0;r<a;r+=1)i.push(l(s[r],t.effectsManager.effectElements[r],e,t));var n=t.data.ef||[],o=function(t){for(r=0,a=n.length;r<a;){if(t===n[r].nm||t===n[r].mn||t===n[r].ix)return i[r];r+=1}return null};return Object.defineProperty(o,"numProperties",{get:function(){return n.length}}),o}return null}}}(),MaskManagerInterface=function(){function t(t,e){this._mask=t,this._data=e}Object.defineProperty(t.prototype,"maskPath",{get:function(){return this._mask.prop.k&&this._mask.prop.getValue(),this._mask.prop}}),Object.defineProperty(t.prototype,"maskOpacity",{get:function(){return this._mask.op.k&&this._mask.op.getValue(),100*this._mask.op.v}});return function(e){var r,i=createSizedArray(e.viewData.length),s=e.viewData.length;for(r=0;r<s;r+=1)i[r]=new t(e.viewData[r],e.masksProperties[r]);return function(t){for(r=0;r<s;){if(e.masksProperties[r].nm===t)return i[r];r+=1}return null}}}(),ExpressionPropertyInterface=function(){var s={pv:0,v:0,mult:1},n={pv:[0,0,0],v:[0,0,0],mult:1};function o(i,s,a){Object.defineProperty(i,"velocity",{get:function(){return s.getVelocityAtTime(s.comp.currentFrame)}}),i.numKeys=s.keyframes?s.keyframes.length:0,i.key=function(t){if(!i.numKeys)return 0;var e="";e="s"in s.keyframes[t-1]?s.keyframes[t-1].s:"e"in s.keyframes[t-2]?s.keyframes[t-2].e:s.keyframes[t-2].s;var r="unidimensional"===a?new Number(e):Object.assign({},e);return r.time=s.keyframes[t-1].t/s.elem.comp.globalData.frameRate,r.value="unidimensional"===a?e[0]:e,r},i.valueAtTime=s.getValueAtTime,i.speedAtTime=s.getSpeedAtTime,i.velocityAtTime=s.getVelocityAtTime,i.propertyGroup=s.propertyGroup}function e(){return s}return function(t){return t?"unidimensional"===t.propType?function(t){t&&"pv"in t||(t=s);var e=1/t.mult,r=t.pv*e,i=new Number(r);return i.value=r,o(i,t,"unidimensional"),function(){return t.k&&t.getValue(),r=t.v*e,i.value!==r&&((i=new Number(r)).value=r,o(i,t,"unidimensional")),i}}(t):function(e){e&&"pv"in e||(e=n);var r=1/e.mult,i=e.data&&e.data.l||e.pv.length,s=createTypedArray("float32",i),a=createTypedArray("float32",i);return s.value=a,o(s,e,"multidimensional"),function(){e.k&&e.getValue();for(var t=0;t<i;t+=1)a[t]=e.v[t]*r,s[t]=a[t];return s}}(t):e}}(),TextExpressionSelectorPropFactory=function(){function r(t,e){return this.textIndex=t+1,this.textTotal=e,this.v=this.getValue()*this.mult,this.v}return function(t,e){this.pv=1,this.comp=t.comp,this.elem=t,this.mult=.01,this.propType="textSelector",this.textTotal=e.totalChars,this.selectorValue=100,this.lastValue=[1,1,1],this.k=!0,this.x=!0,this.getValue=ExpressionManager.initiateExpression.bind(this)(t,e,this),this.getMult=r,this.getVelocityAtTime=expressionHelpers.getVelocityAtTime,this.kf?this.getValueAtTime=expressionHelpers.getValueAtTime.bind(this):this.getValueAtTime=expressionHelpers.getStaticValueAtTime.bind(this),this.setGroupProperty=expressionHelpers.setGroupProperty}}(),propertyGetTextProp=TextSelectorProp.getTextSelectorProp;function SliderEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function AngleEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function ColorEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,1,0,r)}function PointEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,1,0,r)}function LayerIndexEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function MaskIndexEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function CheckboxEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function NoValueEffect(){this.p={}}function EffectsManager(t,e){var r,i=t.ef||[];this.effectElements=[];var s,a=i.length;for(r=0;r<a;r+=1)s=new GroupEffect(i[r],e),this.effectElements.push(s)}function GroupEffect(t,e){this.init(t,e)}TextSelectorProp.getTextSelectorProp=function(t,e,r){return 1===e.t?new TextExpressionSelectorPropFactory(t,e,r):propertyGetTextProp(t,e,r)},extendPrototype([DynamicPropertyContainer],GroupEffect),GroupEffect.prototype.getValue=GroupEffect.prototype.iterateDynamicProperties,GroupEffect.prototype.init=function(t,e){var r;this.data=t,this.effectElements=[],this.initDynamicPropertyContainer(e);var i,s=this.data.ef.length,a=this.data.ef;for(r=0;r<s;r+=1){switch(i=null,a[r].ty){case 0:i=new SliderEffect(a[r],e,this);break;case 1:i=new AngleEffect(a[r],e,this);break;case 2:i=new ColorEffect(a[r],e,this);break;case 3:i=new PointEffect(a[r],e,this);break;case 4:case 7:i=new CheckboxEffect(a[r],e,this);break;case 10:i=new LayerIndexEffect(a[r],e,this);break;case 11:i=new MaskIndexEffect(a[r],e,this);break;case 5:i=new EffectsManager(a[r],e,this);break;default:i=new NoValueEffect(a[r],e,this)}i&&this.effectElements.push(i)}};var lottie={};function setLocationHref(t){locationHref=t}function searchAnimations(){!0===standalone?animationManager.searchAnimations(animationData,standalone,renderer):animationManager.searchAnimations()}function setSubframeRendering(t){subframeEnabled=t}function setIDPrefix(t){idPrefix=t}function loadAnimation(t){return!0===standalone&&(t.animationData=JSON.parse(animationData)),animationManager.loadAnimation(t)}function setQuality(t){if("string"==typeof t)switch(t){case"high":defaultCurveSegments=200;break;default:case"medium":defaultCurveSegments=50;break;case"low":defaultCurveSegments=10}else!isNaN(t)&&1<t&&(defaultCurveSegments=t);roundValues(!(50<=defaultCurveSegments))}function inBrowser(){return"undefined"!=typeof navigator}function installPlugin(t,e){"expressions"===t&&(expressionsPlugin=e)}function getFactory(t){switch(t){case"propertyFactory":return PropertyFactory;case"shapePropertyFactory":return ShapePropertyFactory;case"matrix":return Matrix;default:return null}}function checkReady(){"complete"===document.readyState&&(clearInterval(readyStateCheckInterval),searchAnimations())}function getQueryVariable(t){for(var e=queryString.split("&"),r=0;r<e.length;r+=1){var i=e[r].split("=");if(decodeURIComponent(i[0])==t)return decodeURIComponent(i[1])}return null}lottie.play=animationManager.play,lottie.pause=animationManager.pause,lottie.setLocationHref=setLocationHref,lottie.togglePause=animationManager.togglePause,lottie.setSpeed=animationManager.setSpeed,lottie.setDirection=animationManager.setDirection,lottie.stop=animationManager.stop,lottie.searchAnimations=searchAnimations,lottie.registerAnimation=animationManager.registerAnimation,lottie.loadAnimation=loadAnimation,lottie.setSubframeRendering=setSubframeRendering,lottie.resize=animationManager.resize,lottie.goToAndStop=animationManager.goToAndStop,lottie.destroy=animationManager.destroy,lottie.setQuality=setQuality,lottie.inBrowser=inBrowser,lottie.installPlugin=installPlugin,lottie.freeze=animationManager.freeze,lottie.unfreeze=animationManager.unfreeze,lottie.setVolume=animationManager.setVolume,lottie.mute=animationManager.mute,lottie.unmute=animationManager.unmute,lottie.getRegisteredAnimations=animationManager.getRegisteredAnimations,lottie.setIDPrefix=setIDPrefix,lottie.__getFactory=getFactory,lottie.version="5.7.12";var standalone="__[STANDALONE]__",animationData="__[ANIMATIONDATA]__",renderer="",queryString;if(standalone){var scripts=document.getElementsByTagName("script"),index=scripts.length-1,myScript=scripts[index]||{src:""};queryString=myScript.src.replace(/^[^\?]+\??/,""),renderer=getQueryVariable("renderer")}var readyStateCheckInterval=setInterval(checkReady,100);
+return lottie;
+};
+export default fuiLottieApp(window || {})
+// #endif
+
diff --git a/components/firstui/fui-lottie/fui-lottie-mp.js b/components/firstui/fui-lottie/fui-lottie-mp.js
new file mode 100644
index 0000000..9057791
--- /dev/null
+++ b/components/firstui/fui-lottie/fui-lottie-mp.js
@@ -0,0 +1,13 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 186 14     072 5  49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifdef MP
+function fuiEvil(fn) {var Fn = Function;return new Fn('return ' + fn)();}function fuiEvilExecute(fn) {var Fn = Function;return new Fn('return ' + fn)()();};
+!function(t,e){for(var r in e)t[r]=e[r]}(exports,function(t){var e={};function r(i){if(e[i])return e[i].exports;var s=e[i]={i:i,l:!1,exports:{}};return t[i].call(s.exports,s,s.exports,r),s.l=!0,s.exports}return r.m=t,r.c=e,r.d=function(t,e,i){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:i})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var i=Object.create(null);if(r.r(i),Object.defineProperty(i,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var s in t)r.d(i,s,function(e){return t[e]}.bind(null,s));return i},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s=1)}([function(t,e,r){"use strict";function i(t,e){for(var r=0;r<e.length;r++){var i=e[r];i.enumerable=i.enumerable||!1,i.configurable=!0,"value"in i&&(i.writable=!0),Object.defineProperty(t,i.key,i)}}function s(t,e,r){return e in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}var a=new WeakMap,n=new WeakMap,o=new WeakMap,h=new WeakMap,l=new WeakMap;function p(t){if("function"==typeof this["on".concat(t)]){for(var e=arguments.length,r=new Array(e>1?e-1:0),i=1;i<e;i++)r[i-1]=arguments[i];this["on".concat(t)].apply(this,r)}}function f(t){this.readyState=t,p.call(this,"readystatechange")}var m=function(){function t(){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),s(this,"onabort",null),s(this,"onerror",null),s(this,"onload",null),s(this,"onloadstart",null),s(this,"onprogress",null),s(this,"ontimeout",null),s(this,"onloadend",null),s(this,"onreadystatechange",null),s(this,"readyState",0),s(this,"response",null),s(this,"responseText",null),s(this,"responseType",""),s(this,"responseXML",null),s(this,"status",0),s(this,"statusText",""),s(this,"upload",{}),s(this,"withCredentials",!1),o.set(this,{"content-type":"application/x-www-form-urlencoded"}),h.set(this,{})}var e,r,m;return e=t,(r=[{key:"abort",value:function(){var t=l.get(this);t&&t.abort()}},{key:"getAllResponseHeaders",value:function(){var t=h.get(this);return Object.keys(t).map(function(e){return"".concat(e,": ").concat(t[e])}).join("\n")}},{key:"getResponseHeader",value:function(t){return h.get(this)[t]}},{key:"open",value:function(e,r){n.set(this,e),a.set(this,r),f.call(this,t.OPENED)}},{key:"overrideMimeType",value:function(){}},{key:"send",value:function(){var e=this,r=arguments.length>0&&void 0!==arguments[0]?arguments[0]:"";if(this.readyState!==t.OPENED)throw new Error("Failed to execute 'send' on 'XMLHttpRequest': The object's state must be OPENED.");uni.request({data:r,url:a.get(this),method:n.get(this),header:o.get(this),success:function(r){var i=r.data,s=r.statusCode,a=r.header;if("string"!=typeof i&&!(i instanceof ArrayBuffer))try{i=JSON.stringify(i)}catch(t){}if(e.status=s,h.set(e,a),p.call(e,"loadstart"),f.call(e,t.HEADERS_RECEIVED),f.call(e,t.LOADING),e.response=i,i instanceof ArrayBuffer){e.responseText="";for(var n=new Uint8Array(i),o=n.byteLength,l=0;l<o;l++)e.responseText+=String.fromCharCode(n[l])}else e.responseText=i;f.call(e,t.DONE),p.call(e,"load"),p.call(e,"loadend")},fail:function(t){var r=t.errMsg;-1!==r.indexOf("abort")?p.call(e,"abort"):p.call(e,"error",r),p.call(e,"loadend")}})}},{key:"setRequestHeader",value:function(t,e){var r=o.get(this);r[t]=e,o.set(this,r)}}])&&i(e.prototype,r),m&&i(e,m),t}();function c(){}function d(t){return"canvas"===t?{getContext:function(){return{fillRect:c}}}:"img"===t?function(t){if(void 0===t.createImage)return{};var e=t.createImage();return e.addEventListener=e.addEventListener||function(t,r){"load"===t?e.onload=function(){setTimeout(r,0)}:"error"===t&&(e.onerror=r)},e}(this):void 0}function u(t,e){return function(r){return e.call(t,Array.from(r))}}function y(t,e){return function(){return e.call(t)}}function g(t,e,r){var i=t[e];Object.defineProperty(t,e,{get:function(){return r(t,i)},configurable:!0,enumerable:!0})}s(m,"UNSEND",0),s(m,"OPENED",1),s(m,"HEADERS_RECEIVED",2),s(m,"LOADING",3),s(m,"DONE",4),r.d(e,"b",function(){return P}),r.d(e,"a",function(){return b});var v=uni.getSystemInfoSync(),b={};b.window={devicePixelRatio:v.pixelRatio},b.document=b.window.document={body:{},createElement:d},b.navigator=b.window.navigator={userAgent:""},XMLHttpRequest=m;var P=function(t){var e=b.window,r=b.document;e.requestAnimationFrame=t.requestAnimationFrame.bind(t),e.cancelAnimationFrame=t.cancelAnimationFrame.bind(t),r.createElement=d.bind(t);var i=t.getContext("2d");i.canvas||(i.canvas=t),g(i,"setLineDash",u),g(i,"fill",y)}},function(module,__webpack_exports__,__webpack_require__){"use strict";__webpack_require__.r(__webpack_exports__),function(module){__webpack_require__.d(__webpack_exports__,"loadAnimation",function(){return loadAnimation}),__webpack_require__.d(__webpack_exports__,"freeze",function(){return freeze}),__webpack_require__.d(__webpack_exports__,"unfreeze",function(){return unfreeze});var _adapter__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__(0);function _typeof(t){return(_typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}__webpack_require__.d(__webpack_exports__,"setup",function(){return _adapter__WEBPACK_IMPORTED_MODULE_0__.b});var window=_adapter__WEBPACK_IMPORTED_MODULE_0__.a.window,document=_adapter__WEBPACK_IMPORTED_MODULE_0__.a.document,navigator=_adapter__WEBPACK_IMPORTED_MODULE_0__.a.navigator;function loadAnimation(t){if(["wrapper","container"].forEach(function(e){if(e in t)throw new Error("Not support '".concat(e,"' parameter in miniprogram version of lottie."))}),"string"==typeof t.path&&!/^https?\:\/\//.test(t.path))throw new Error("The 'path' is only support http protocol.");if(!t.rendererSettings||!t.rendererSettings.context)throw new Error("Parameter 'rendererSettings.context' should be a CanvasRenderingContext2D.");return t.renderer="canvas",window.lottie.loadAnimation(t)}void 0!==navigator&&function(t,e){"object"===_typeof(module)&&module.exports?module.exports=e(t):(t.lottie=e(t),t.bodymovin=t.lottie)}(window||{},function(window){var svgNS="http://www.w3.org/2000/svg",locationHref="",initialDefaultFrame=-999999,subframeEnabled=!0,expressionsPlugin,isSafari=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),cachedColors={},bm_rounder=Math.round,bm_rnd,bm_pow=Math.pow,bm_sqrt=Math.sqrt,bm_abs=Math.abs,bm_floor=Math.floor,bm_max=Math.max,bm_min=Math.min,blitter=10,BMMath={};function ProjectInterface(){return{}}!function(){var t,e=["abs","acos","acosh","asin","asinh","atan","atanh","atan2","ceil","cbrt","expm1","clz32","cos","cosh","exp","floor","fround","hypot","imul","log","log1p","log2","log10","max","min","pow","random","round","sign","sin","sinh","sqrt","tan","tanh","trunc","E","LN10","LN2","LOG10E","LOG2E","PI","SQRT1_2","SQRT2"],r=e.length;for(t=0;t<r;t+=1)BMMath[e[t]]=Math[e[t]]}(),BMMath.random=Math.random,BMMath.abs=function(t){if("object"===_typeof(t)&&t.length){var e,r=createSizedArray(t.length),i=t.length;for(e=0;e<i;e+=1)r[e]=Math.abs(t[e]);return r}return Math.abs(t)};var defaultCurveSegments=150,degToRads=Math.PI/180,roundCorner=.5519;function roundValues(t){bm_rnd=t?Math.round:function(t){return t}}function styleDiv(t){t.style.position="absolute",t.style.top=0,t.style.left=0,t.style.display="block",t.style.transformOrigin=t.style.webkitTransformOrigin="0 0",t.style.backfaceVisibility=t.style.webkitBackfaceVisibility="visible",t.style.transformStyle=t.style.webkitTransformStyle=t.style.mozTransformStyle="preserve-3d"}function BMEnterFrameEvent(t,e,r,i){this.type=t,this.currentTime=e,this.totalTime=r,this.direction=i<0?-1:1}function BMCompleteEvent(t,e){this.type=t,this.direction=e<0?-1:1}function BMCompleteLoopEvent(t,e,r,i){this.type=t,this.currentLoop=r,this.totalLoops=e,this.direction=i<0?-1:1}function BMSegmentStartEvent(t,e,r){this.type=t,this.firstFrame=e,this.totalFrames=r}function BMDestroyEvent(t,e){this.type=t,this.target=e}roundValues(!1);var createElementID=(_count=0,function(){return"__lottie_element_"+ ++_count}),_count;function HSVtoRGB(t,e,r){var i,s,a,n,o,h,l,p;switch(h=r*(1-e),l=r*(1-(o=6*t-(n=Math.floor(6*t)))*e),p=r*(1-(1-o)*e),n%6){case 0:i=r,s=p,a=h;break;case 1:i=l,s=r,a=h;break;case 2:i=h,s=r,a=p;break;case 3:i=h,s=l,a=r;break;case 4:i=p,s=h,a=r;break;case 5:i=r,s=h,a=l}return[i,s,a]}function RGBtoHSV(t,e,r){var i,s=Math.max(t,e,r),a=Math.min(t,e,r),n=s-a,o=0===s?0:n/s,h=s/255;switch(s){case a:i=0;break;case t:i=e-r+n*(e<r?6:0),i/=6*n;break;case e:i=r-t+2*n,i/=6*n;break;case r:i=t-e+4*n,i/=6*n}return[i,o,h]}function addSaturationToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[1]+=e,r[1]>1?r[1]=1:r[1]<=0&&(r[1]=0),HSVtoRGB(r[0],r[1],r[2])}function addBrightnessToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[2]+=e,r[2]>1?r[2]=1:r[2]<0&&(r[2]=0),HSVtoRGB(r[0],r[1],r[2])}function addHueToRGB(t,e){var r=RGBtoHSV(255*t[0],255*t[1],255*t[2]);return r[0]+=e/360,r[0]>1?r[0]-=1:r[0]<0&&(r[0]+=1),HSVtoRGB(r[0],r[1],r[2])}var rgbToHex=function(){var t,e,r=[];for(t=0;t<256;t+=1)e=t.toString(16),r[t]=1==e.length?"0"+e:e;return function(t,e,i){return t<0&&(t=0),e<0&&(e=0),i<0&&(i=0),"#"+r[t]+r[e]+r[i]}}();function BaseEvent(){}BaseEvent.prototype={triggerEvent:function(t,e){if(this._cbs[t])for(var r=this._cbs[t].length,i=0;i<r;i++)this._cbs[t][i](e)},addEventListener:function(t,e){return this._cbs[t]||(this._cbs[t]=[]),this._cbs[t].push(e),function(){this.removeEventListener(t,e)}.bind(this)},removeEventListener:function(t,e){if(e){if(this._cbs[t]){for(var r=0,i=this._cbs[t].length;r<i;)this._cbs[t][r]===e&&(this._cbs[t].splice(r,1),r-=1,i-=1),r+=1;this._cbs[t].length||(this._cbs[t]=null)}}else this._cbs[t]=null}};var createTypedArray="function"==typeof Uint8ClampedArray&&"function"==typeof Float32Array?function(t,e){return"float32"===t?new Float32Array(e):"int16"===t?new Int16Array(e):"uint8c"===t?new Uint8ClampedArray(e):void 0}:function(t,e){var r,i=0,s=[];switch(t){case"int16":case"uint8c":r=1;break;default:r=1.1}for(i=0;i<e;i+=1)s.push(r);return s};function createSizedArray(t){return Array.apply(null,{length:t})}function createTag(t){return document.createElement(t)}function DynamicPropertyContainer(){}DynamicPropertyContainer.prototype={addDynamicProperty:function(t){-1===this.dynamicProperties.indexOf(t)&&(this.dynamicProperties.push(t),this.container.addDynamicProperty(this),this._isAnimated=!0)},iterateDynamicProperties:function(){this._mdf=!1;var t,e=this.dynamicProperties.length;for(t=0;t<e;t+=1)this.dynamicProperties[t].getValue(),this.dynamicProperties[t]._mdf&&(this._mdf=!0)},initDynamicPropertyContainer:function(t){this.container=t,this.dynamicProperties=[],this._mdf=!1,this._isAnimated=!1}};var getBlendMode=(blendModeEnums={0:"source-over",1:"multiply",2:"screen",3:"overlay",4:"darken",5:"lighten",6:"color-dodge",7:"color-burn",8:"hard-light",9:"soft-light",10:"difference",11:"exclusion",12:"hue",13:"saturation",14:"color",15:"luminosity"},function(t){return blendModeEnums[t]||""}),blendModeEnums,Matrix=function(){var t=Math.cos,e=Math.sin,r=Math.tan,i=Math.round;function s(){return this.props[0]=1,this.props[1]=0,this.props[2]=0,this.props[3]=0,this.props[4]=0,this.props[5]=1,this.props[6]=0,this.props[7]=0,this.props[8]=0,this.props[9]=0,this.props[10]=1,this.props[11]=0,this.props[12]=0,this.props[13]=0,this.props[14]=0,this.props[15]=1,this}function a(r){if(0===r)return this;var i=t(r),s=e(r);return this._t(i,-s,0,0,s,i,0,0,0,0,1,0,0,0,0,1)}function n(r){if(0===r)return this;var i=t(r),s=e(r);return this._t(1,0,0,0,0,i,-s,0,0,s,i,0,0,0,0,1)}function o(r){if(0===r)return this;var i=t(r),s=e(r);return this._t(i,0,s,0,0,1,0,0,-s,0,i,0,0,0,0,1)}function h(r){if(0===r)return this;var i=t(r),s=e(r);return this._t(i,-s,0,0,s,i,0,0,0,0,1,0,0,0,0,1)}function l(t,e){return this._t(1,e,t,1,0,0)}function p(t,e){return this.shear(r(t),r(e))}function f(i,s){var a=t(s),n=e(s);return this._t(a,n,0,0,-n,a,0,0,0,0,1,0,0,0,0,1)._t(1,0,0,0,r(i),1,0,0,0,0,1,0,0,0,0,1)._t(a,-n,0,0,n,a,0,0,0,0,1,0,0,0,0,1)}function m(t,e,r){return r||0===r||(r=1),1===t&&1===e&&1===r?this:this._t(t,0,0,0,0,e,0,0,0,0,r,0,0,0,0,1)}function c(t,e,r,i,s,a,n,o,h,l,p,f,m,c,d,u){return this.props[0]=t,this.props[1]=e,this.props[2]=r,this.props[3]=i,this.props[4]=s,this.props[5]=a,this.props[6]=n,this.props[7]=o,this.props[8]=h,this.props[9]=l,this.props[10]=p,this.props[11]=f,this.props[12]=m,this.props[13]=c,this.props[14]=d,this.props[15]=u,this}function d(t,e,r){return r=r||0,0!==t||0!==e||0!==r?this._t(1,0,0,0,0,1,0,0,0,0,1,0,t,e,r,1):this}function u(t,e,r,i,s,a,n,o,h,l,p,f,m,c,d,u){var y=this.props;if(1===t&&0===e&&0===r&&0===i&&0===s&&1===a&&0===n&&0===o&&0===h&&0===l&&1===p&&0===f)return y[12]=y[12]*t+y[15]*m,y[13]=y[13]*a+y[15]*c,y[14]=y[14]*p+y[15]*d,y[15]=y[15]*u,this._identityCalculated=!1,this;var g=y[0],v=y[1],b=y[2],P=y[3],_=y[4],x=y[5],S=y[6],T=y[7],E=y[8],C=y[9],A=y[10],k=y[11],D=y[12],M=y[13],I=y[14],w=y[15];return y[0]=g*t+v*s+b*h+P*m,y[1]=g*e+v*a+b*l+P*c,y[2]=g*r+v*n+b*p+P*d,y[3]=g*i+v*o+b*f+P*u,y[4]=_*t+x*s+S*h+T*m,y[5]=_*e+x*a+S*l+T*c,y[6]=_*r+x*n+S*p+T*d,y[7]=_*i+x*o+S*f+T*u,y[8]=E*t+C*s+A*h+k*m,y[9]=E*e+C*a+A*l+k*c,y[10]=E*r+C*n+A*p+k*d,y[11]=E*i+C*o+A*f+k*u,y[12]=D*t+M*s+I*h+w*m,y[13]=D*e+M*a+I*l+w*c,y[14]=D*r+M*n+I*p+w*d,y[15]=D*i+M*o+I*f+w*u,this._identityCalculated=!1,this}function y(){return this._identityCalculated||(this._identity=!(1!==this.props[0]||0!==this.props[1]||0!==this.props[2]||0!==this.props[3]||0!==this.props[4]||1!==this.props[5]||0!==this.props[6]||0!==this.props[7]||0!==this.props[8]||0!==this.props[9]||1!==this.props[10]||0!==this.props[11]||0!==this.props[12]||0!==this.props[13]||0!==this.props[14]||1!==this.props[15]),this._identityCalculated=!0),this._identity}function g(t){for(var e=0;e<16;){if(t.props[e]!==this.props[e])return!1;e+=1}return!0}function v(t){var e;for(e=0;e<16;e+=1)t.props[e]=this.props[e]}function b(t){var e;for(e=0;e<16;e+=1)this.props[e]=t[e]}function P(t,e,r){return{x:t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12],y:t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13],z:t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]}}function _(t,e,r){return t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12]}function x(t,e,r){return t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13]}function S(t,e,r){return t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]}function T(t){var e=this.props[0]*this.props[5]-this.props[1]*this.props[4],r=this.props[5]/e,i=-this.props[1]/e,s=-this.props[4]/e,a=this.props[0]/e,n=(this.props[4]*this.props[13]-this.props[5]*this.props[12])/e,o=-(this.props[0]*this.props[13]-this.props[1]*this.props[12])/e;return[t[0]*r+t[1]*s+n,t[0]*i+t[1]*a+o,0]}function E(t){var e,r=t.length,i=[];for(e=0;e<r;e+=1)i[e]=T(t[e]);return i}function C(t,e,r){var i=createTypedArray("float32",6);if(this.isIdentity())i[0]=t[0],i[1]=t[1],i[2]=e[0],i[3]=e[1],i[4]=r[0],i[5]=r[1];else{var s=this.props[0],a=this.props[1],n=this.props[4],o=this.props[5],h=this.props[12],l=this.props[13];i[0]=t[0]*s+t[1]*n+h,i[1]=t[0]*a+t[1]*o+l,i[2]=e[0]*s+e[1]*n+h,i[3]=e[0]*a+e[1]*o+l,i[4]=r[0]*s+r[1]*n+h,i[5]=r[0]*a+r[1]*o+l}return i}function A(t,e,r){return this.isIdentity()?[t,e,r]:[t*this.props[0]+e*this.props[4]+r*this.props[8]+this.props[12],t*this.props[1]+e*this.props[5]+r*this.props[9]+this.props[13],t*this.props[2]+e*this.props[6]+r*this.props[10]+this.props[14]]}function k(t,e){if(this.isIdentity())return t+","+e;var r=this.props;return Math.round(100*(t*r[0]+e*r[4]+r[12]))/100+","+Math.round(100*(t*r[1]+e*r[5]+r[13]))/100}function D(){for(var t=0,e=this.props,r="matrix3d(";t<16;)r+=i(1e4*e[t])/1e4,r+=15===t?")":",",t+=1;return r}function M(t){return t<1e-6&&t>0||t>-1e-6&&t<0?i(1e4*t)/1e4:t}function I(){var t=this.props;return"matrix("+M(t[0])+","+M(t[1])+","+M(t[4])+","+M(t[5])+","+M(t[12])+","+M(t[13])+")"}return function(){this.reset=s,this.rotate=a,this.rotateX=n,this.rotateY=o,this.rotateZ=h,this.skew=p,this.skewFromAxis=f,this.shear=l,this.scale=m,this.setTransform=c,this.translate=d,this.transform=u,this.applyToPoint=P,this.applyToX=_,this.applyToY=x,this.applyToZ=S,this.applyToPointArray=A,this.applyToTriplePoints=C,this.applyToPointStringified=k,this.toCSS=D,this.to2dCSS=I,this.clone=v,this.cloneFromProps=b,this.equals=g,this.inversePoints=E,this.inversePoint=T,this._t=this.transform,this.isIdentity=y,this._identity=!0,this._identityCalculated=!1,this.props=createTypedArray("float32",16),this.reset()}}();
+/*!
+   Transformation Matrix v2.0
+   (c) Epistemex 2014-2015
+   www.epistemex.com
+   By Ken Fyrstenberg
+   Contributions by leeoniya.
+   License: MIT, header required.
+   */!function(t,e){var r,i=this,s=256,a=6,n="random",o=e.pow(s,a),h=e.pow(2,52),l=2*h,p=s-1;function f(t){var e,r=t.length,i=this,a=0,n=i.i=i.j=0,o=i.S=[];for(r||(t=[r++]);a<s;)o[a]=a++;for(a=0;a<s;a++)o[a]=o[n=p&n+t[a%r]+(e=o[a])],o[n]=e;i.g=function(t){for(var e,r=0,a=i.i,n=i.j,o=i.S;t--;)e=o[a=p&a+1],r=r*s+o[p&(o[a]=o[n=p&n+e])+(o[n]=e)];return i.i=a,i.j=n,r}}function m(t,e){return e.i=t.i,e.j=t.j,e.S=t.S.slice(),e}function c(t,e){for(var r,i=t+"",s=0;s<i.length;)e[p&s]=p&(r^=19*e[p&s])+i.charCodeAt(s++);return d(e)}function d(t){return String.fromCharCode.apply(0,t)}e["seed"+n]=function(p,u,y){var g=[],v=c(function t(e,r){var i,s=[],a=_typeof(e);if(r&&"object"==a)for(i in e)try{s.push(t(e[i],r-1))}catch(t){}return s.length?s:"string"==a?e:e+"\0"}((u=!0===u?{entropy:!0}:u||{}).entropy?[p,d(t)]:null===p?function(){try{if(r)return d(r.randomBytes(s));var e=new Uint8Array(s);return(i.crypto||i.msCrypto).getRandomValues(e),d(e)}catch(e){var a=i.navigator,n=a&&a.plugins;return[+new Date,i,n,i.screen,d(t)]}}():p,3),g),b=new f(g),P=function(){for(var t=b.g(a),e=o,r=0;t<h;)t=(t+r)*s,e*=s,r=b.g(1);for(;t>=l;)t/=2,e/=2,r>>>=1;return(t+r)/e};return P.int32=function(){return 0|b.g(4)},P.quick=function(){return b.g(4)/4294967296},P.double=P,c(d(b.S),t),(u.pass||y||function(t,r,i,s){return s&&(s.S&&m(s,b),t.state=function(){return m(b,{})}),i?(e[n]=t,r):t})(P,v,"global"in u?u.global:this==e,u.state)},c(e.random(),t)}([],BMMath);var BezierFactory=function(){var t={getBezierEasing:function(t,r,i,s,a){var n=a||("bez_"+t+"_"+r+"_"+i+"_"+s).replace(/\./g,"p");if(e[n])return e[n];var o=new c([t,r,i,s]);return e[n]=o,o}},e={};var r=4,i=1e-7,s=10,a=11,n=1/(a-1),o="function"==typeof Float32Array;function h(t,e){return 1-3*e+3*t}function l(t,e){return 3*e-6*t}function p(t){return 3*t}function f(t,e,r){return((h(e,r)*t+l(e,r))*t+p(e))*t}function m(t,e,r){return 3*h(e,r)*t*t+2*l(e,r)*t+p(e)}function c(t){this._p=t,this._mSampleValues=o?new Float32Array(a):new Array(a),this._precomputed=!1,this.get=this.get.bind(this)}return c.prototype={get:function(t){var e=this._p[0],r=this._p[1],i=this._p[2],s=this._p[3];return this._precomputed||this._precompute(),e===r&&i===s?t:0===t?0:1===t?1:f(this._getTForX(t),r,s)},_precompute:function(){var t=this._p[0],e=this._p[1],r=this._p[2],i=this._p[3];this._precomputed=!0,t===e&&r===i||this._calcSampleValues()},_calcSampleValues:function(){for(var t=this._p[0],e=this._p[2],r=0;r<a;++r)this._mSampleValues[r]=f(r*n,t,e)},_getTForX:function(t){for(var e=this._p[0],o=this._p[2],h=this._mSampleValues,l=0,p=1,c=a-1;p!==c&&h[p]<=t;++p)l+=n;var d=l+(t-h[--p])/(h[p+1]-h[p])*n,u=m(d,e,o);return u>=.001?function(t,e,i,s){for(var a=0;a<r;++a){var n=m(e,i,s);if(0===n)return e;e-=(f(e,i,s)-t)/n}return e}(t,d,e,o):0===u?d:function(t,e,r,a,n){var o,h,l=0;do{(o=f(h=e+(r-e)/2,a,n)-t)>0?r=h:e=h}while(Math.abs(o)>i&&++l<s);return h}(t,l,l+n,e,o)}},t}();function extendPrototype(t,e){var r,i,s=t.length;for(r=0;r<s;r+=1)for(var a in i=t[r].prototype)i.hasOwnProperty(a)&&(e.prototype[a]=i[a])}function getDescriptor(t,e){return Object.getOwnPropertyDescriptor(t,e)}function createProxyFunction(t){function e(){}return e.prototype=t,e}function bezFunction(){Math;function t(t,e,r,i,s,a){var n=t*i+e*s+r*a-s*i-a*t-r*e;return n>-.001&&n<.001}var e=function(t,e,r,i){var s,a,n,o,h,l,p=defaultCurveSegments,f=0,m=[],c=[],d=bezier_length_pool.newElement();for(n=r.length,s=0;s<p;s+=1){for(h=s/(p-1),l=0,a=0;a<n;a+=1)o=bm_pow(1-h,3)*t[a]+3*bm_pow(1-h,2)*h*r[a]+3*(1-h)*bm_pow(h,2)*i[a]+bm_pow(h,3)*e[a],m[a]=o,null!==c[a]&&(l+=bm_pow(m[a]-c[a],2)),c[a]=m[a];l&&(f+=l=bm_sqrt(l)),d.percents[s]=h,d.lengths[s]=f}return d.addedLength=f,d};function r(t){this.segmentLength=0,this.points=new Array(t)}function i(t,e){this.partialLength=t,this.point=e}var s,a=(s={},function(e,a,n,o){var h=(e[0]+"_"+e[1]+"_"+a[0]+"_"+a[1]+"_"+n[0]+"_"+n[1]+"_"+o[0]+"_"+o[1]).replace(/\./g,"p");if(!s[h]){var l,p,f,m,c,d,u,y=defaultCurveSegments,g=0,v=null;2===e.length&&(e[0]!=a[0]||e[1]!=a[1])&&t(e[0],e[1],a[0],a[1],e[0]+n[0],e[1]+n[1])&&t(e[0],e[1],a[0],a[1],a[0]+o[0],a[1]+o[1])&&(y=2);var b=new r(y);for(f=n.length,l=0;l<y;l+=1){for(u=createSizedArray(f),c=l/(y-1),d=0,p=0;p<f;p+=1)m=bm_pow(1-c,3)*e[p]+3*bm_pow(1-c,2)*c*(e[p]+n[p])+3*(1-c)*bm_pow(c,2)*(a[p]+o[p])+bm_pow(c,3)*a[p],u[p]=m,null!==v&&(d+=bm_pow(u[p]-v[p],2));g+=d=bm_sqrt(d),b.points[l]=new i(d,u),v=u}b.segmentLength=g,s[h]=b}return s[h]});function n(t,e){var r=e.percents,i=e.lengths,s=r.length,a=bm_floor((s-1)*t),n=t*e.addedLength,o=0;if(a===s-1||0===a||n===i[a])return r[a];for(var h=i[a]>n?-1:1,l=!0;l;)if(i[a]<=n&&i[a+1]>n?(o=(n-i[a])/(i[a+1]-i[a]),l=!1):a+=h,a<0||a>=s-1){if(a===s-1)return r[a];l=!1}return r[a]+(r[a+1]-r[a])*o}var o=createTypedArray("float32",8);return{getSegmentsLength:function(t){var r,i=segments_length_pool.newElement(),s=t.c,a=t.v,n=t.o,o=t.i,h=t._length,l=i.lengths,p=0;for(r=0;r<h-1;r+=1)l[r]=e(a[r],a[r+1],n[r],o[r+1]),p+=l[r].addedLength;return s&&h&&(l[r]=e(a[r],a[0],n[r],o[0]),p+=l[r].addedLength),i.totalLength=p,i},getNewSegment:function(t,e,r,i,s,a,h){var l,p=n(s=s<0?0:s>1?1:s,h),f=n(a=a>1?1:a,h),m=t.length,c=1-p,d=1-f,u=c*c*c,y=p*c*c*3,g=p*p*c*3,v=p*p*p,b=c*c*d,P=p*c*d+c*p*d+c*c*f,_=p*p*d+c*p*f+p*c*f,x=p*p*f,S=c*d*d,T=p*d*d+c*f*d+c*d*f,E=p*f*d+c*f*f+p*d*f,C=p*f*f,A=d*d*d,k=f*d*d+d*f*d+d*d*f,D=f*f*d+d*f*f+f*d*f,M=f*f*f;for(l=0;l<m;l+=1)o[4*l]=Math.round(1e3*(u*t[l]+y*r[l]+g*i[l]+v*e[l]))/1e3,o[4*l+1]=Math.round(1e3*(b*t[l]+P*r[l]+_*i[l]+x*e[l]))/1e3,o[4*l+2]=Math.round(1e3*(S*t[l]+T*r[l]+E*i[l]+C*e[l]))/1e3,o[4*l+3]=Math.round(1e3*(A*t[l]+k*r[l]+D*i[l]+M*e[l]))/1e3;return o},getPointInSegment:function(t,e,r,i,s,a){var o=n(s,a),h=1-o;return[Math.round(1e3*(h*h*h*t[0]+(o*h*h+h*o*h+h*h*o)*r[0]+(o*o*h+h*o*o+o*h*o)*i[0]+o*o*o*e[0]))/1e3,Math.round(1e3*(h*h*h*t[1]+(o*h*h+h*o*h+h*h*o)*r[1]+(o*o*h+h*o*o+o*h*o)*i[1]+o*o*o*e[1]))/1e3]},buildBezierData:a,pointOnLine2D:t,pointOnLine3D:function(e,r,i,s,a,n,o,h,l){if(0===i&&0===n&&0===l)return t(e,r,s,a,o,h);var p,f=Math.sqrt(Math.pow(s-e,2)+Math.pow(a-r,2)+Math.pow(n-i,2)),m=Math.sqrt(Math.pow(o-e,2)+Math.pow(h-r,2)+Math.pow(l-i,2)),c=Math.sqrt(Math.pow(o-s,2)+Math.pow(h-a,2)+Math.pow(l-n,2));return(p=f>m?f>c?f-m-c:c-m-f:c>m?c-m-f:m-f-c)>-1e-4&&p<1e-4}}}!function(){for(var t=0,e=["ms","moz","webkit","o"],r=0;r<e.length&&!window.requestAnimationFrame;++r)window.requestAnimationFrame=window[e[r]+"RequestAnimationFrame"],window.cancelAnimationFrame=window[e[r]+"CancelAnimationFrame"]||window[e[r]+"CancelRequestAnimationFrame"];window.requestAnimationFrame||(window.requestAnimationFrame=function(e,r){var i=(new Date).getTime(),s=Math.max(0,16-(i-t)),a=setTimeout(function(){e(i+s)},s);return t=i+s,a}),window.cancelAnimationFrame||(window.cancelAnimationFrame=function(t){clearTimeout(t)})}();var bez=bezFunction();function dataFunctionManager(){function t(t,e){for(var r=0,i=e.length;r<i;){if(e[r].id===t)return e[r].layers.__used?JSON.parse(JSON.stringify(e[r].layers)):(e[r].layers.__used=!0,e[r].layers);r+=1}}function e(t){var i,s,a;for(i=t.length-1;i>=0;i-=1)if("sh"==t[i].ty){if(t[i].ks.k.i)r(t[i].ks.k);else for(a=t[i].ks.k.length,s=0;s<a;s+=1)t[i].ks.k[s].s&&r(t[i].ks.k[s].s[0]),t[i].ks.k[s].e&&r(t[i].ks.k[s].e[0]);!0}else"gr"==t[i].ty&&e(t[i].it)}function r(t){var e,r=t.i.length;for(e=0;e<r;e+=1)t.i[e][0]+=t.v[e][0],t.i[e][1]+=t.v[e][1],t.o[e][0]+=t.v[e][0],t.o[e][1]+=t.v[e][1]}function i(t,e){var r=e?e.split("."):[100,100,100];return t[0]>r[0]||!(r[0]>t[0])&&(t[1]>r[1]||!(r[1]>t[1])&&(t[2]>r[2]||!(r[2]>t[2])&&void 0))}var s,a=function(){var t=[4,4,14];function e(t){var e,r,i,s=t.length;for(e=0;e<s;e+=1)5===t[e].ty&&(r=t[e],i=void 0,i=r.t.d,r.t.d={k:[{s:i,t:0}]})}return function(r){if(i(t,r.v)&&(e(r.layers),r.assets)){var s,a=r.assets.length;for(s=0;s<a;s+=1)r.assets[s].layers&&e(r.assets[s].layers)}}}(),n=(s=[4,7,99],function(t){if(t.chars&&!i(s,t.v)){var e,a,n,o,h,l=t.chars.length;for(e=0;e<l;e+=1)if(t.chars[e].data&&t.chars[e].data.shapes)for(n=(h=t.chars[e].data.shapes[0].it).length,a=0;a<n;a+=1)(o=h[a].ks.k).__converted||(r(h[a].ks.k),o.__converted=!0)}}),o=function(){var t=[4,1,9];function e(t){var r,i,s,a=t.length;for(r=0;r<a;r+=1)if("gr"===t[r].ty)e(t[r].it);else if("fl"===t[r].ty||"st"===t[r].ty)if(t[r].c.k&&t[r].c.k[0].i)for(s=t[r].c.k.length,i=0;i<s;i+=1)t[r].c.k[i].s&&(t[r].c.k[i].s[0]/=255,t[r].c.k[i].s[1]/=255,t[r].c.k[i].s[2]/=255,t[r].c.k[i].s[3]/=255),t[r].c.k[i].e&&(t[r].c.k[i].e[0]/=255,t[r].c.k[i].e[1]/=255,t[r].c.k[i].e[2]/=255,t[r].c.k[i].e[3]/=255);else t[r].c.k[0]/=255,t[r].c.k[1]/=255,t[r].c.k[2]/=255,t[r].c.k[3]/=255}function r(t){var r,i=t.length;for(r=0;r<i;r+=1)4===t[r].ty&&e(t[r].shapes)}return function(e){if(i(t,e.v)&&(r(e.layers),e.assets)){var s,a=e.assets.length;for(s=0;s<a;s+=1)e.assets[s].layers&&r(e.assets[s].layers)}}}(),h=function(){var t=[4,4,18];function e(t){var r,i,s;for(r=t.length-1;r>=0;r-=1)if("sh"==t[r].ty){if(t[r].ks.k.i)t[r].ks.k.c=t[r].closed;else for(s=t[r].ks.k.length,i=0;i<s;i+=1)t[r].ks.k[i].s&&(t[r].ks.k[i].s[0].c=t[r].closed),t[r].ks.k[i].e&&(t[r].ks.k[i].e[0].c=t[r].closed);!0}else"gr"==t[r].ty&&e(t[r].it)}function r(t){var r,i,s,a,n,o,h=t.length;for(i=0;i<h;i+=1){if((r=t[i]).hasMask){var l=r.masksProperties;for(a=l.length,s=0;s<a;s+=1)if(l[s].pt.k.i)l[s].pt.k.c=l[s].cl;else for(o=l[s].pt.k.length,n=0;n<o;n+=1)l[s].pt.k[n].s&&(l[s].pt.k[n].s[0].c=l[s].cl),l[s].pt.k[n].e&&(l[s].pt.k[n].e[0].c=l[s].cl)}4===r.ty&&e(r.shapes)}}return function(e){if(i(t,e.v)&&(r(e.layers),e.assets)){var s,a=e.assets.length;for(s=0;s<a;s+=1)e.assets[s].layers&&r(e.assets[s].layers)}}}();function l(t,e){0!==t.t.a.length||"m"in t.t.p||(t.singleShape=!0)}var p={};return p.completeData=function(i,s){i.__complete||(o(i),a(i),n(i),h(i),function i(s,a,n){var o,h,p,f,m,c,d=s.length;for(h=0;h<d;h+=1)if("ks"in(o=s[h])&&!o.completed){if(o.completed=!0,o.tt&&(s[h-1].td=o.tt),o.hasMask){var u=o.masksProperties;for(f=u.length,p=0;p<f;p+=1)if(u[p].pt.k.i)r(u[p].pt.k);else for(c=u[p].pt.k.length,m=0;m<c;m+=1)u[p].pt.k[m].s&&r(u[p].pt.k[m].s[0]),u[p].pt.k[m].e&&r(u[p].pt.k[m].e[0])}0===o.ty?(o.layers=t(o.refId,a),i(o.layers,a,n)):4===o.ty?e(o.shapes):5==o.ty&&l(o,n)}}(i.layers,i.assets,s),i.__complete=!0)},p}var dataManager=dataFunctionManager(),FontManager=function(){var t=5e3,e={w:0,size:0,shapes:[]},r=[];function i(t,e){var r=createTag("span");r.style.fontFamily=e;var i=createTag("span");i.innerHTML="giItT1WQy@!-/#",r.style.position="absolute",r.style.left="-10000px",r.style.top="-10000px",r.style.fontSize="300px",r.style.fontVariant="normal",r.style.fontStyle="normal",r.style.fontWeight="normal",r.style.letterSpacing="0",r.appendChild(i),document.body.appendChild(r);var s=i.offsetWidth;return i.style.fontFamily=t+", "+e,{node:i,w:s,parent:r}}function s(t,e){var r=createNS("text");return r.style.fontSize="100px",r.setAttribute("font-family",e.fFamily),r.setAttribute("font-style",e.fStyle),r.setAttribute("font-weight",e.fWeight),r.textContent="1",e.fClass?(r.style.fontFamily="inherit",r.setAttribute("class",e.fClass)):r.style.fontFamily=e.fFamily,t.appendChild(r),createTag("canvas").getContext("2d").font=e.fWeight+" "+e.fStyle+" 100px "+e.fFamily,r}r=r.concat([2304,2305,2306,2307,2362,2363,2364,2364,2366,2367,2368,2369,2370,2371,2372,2373,2374,2375,2376,2377,2378,2379,2380,2381,2382,2383,2387,2388,2389,2390,2391,2402,2403]);var a=function(){this.fonts=[],this.chars=null,this.typekitLoaded=0,this.isLoaded=!1,this.initTime=Date.now()};return a.getCombinedCharacterCodes=function(){return r},a.prototype.addChars=function(t){if(t){this.chars||(this.chars=[]);var e,r,i,s=t.length,a=this.chars.length;for(e=0;e<s;e+=1){for(r=0,i=!1;r<a;)this.chars[r].style===t[e].style&&this.chars[r].fFamily===t[e].fFamily&&this.chars[r].ch===t[e].ch&&(i=!0),r+=1;i||(this.chars.push(t[e]),a+=1)}}},a.prototype.addFonts=function(t,e){if(t){if(this.chars)return this.isLoaded=!0,void(this.fonts=t.list);var r,a=t.list,n=a.length,o=n;for(r=0;r<n;r+=1){var h,l,p=!0;if(a[r].loaded=!1,a[r].monoCase=i(a[r].fFamily,"monospace"),a[r].sansCase=i(a[r].fFamily,"sans-serif"),a[r].fPath){if("p"===a[r].fOrigin||3===a[r].origin){if((h=document.querySelectorAll('style[f-forigin="p"][f-family="'+a[r].fFamily+'"], style[f-origin="3"][f-family="'+a[r].fFamily+'"]')).length>0&&(p=!1),p){var f=createTag("style");f.setAttribute("f-forigin",a[r].fOrigin),f.setAttribute("f-origin",a[r].origin),f.setAttribute("f-family",a[r].fFamily),f.type="text/css",f.innerHTML="@font-face {font-family: "+a[r].fFamily+"; font-style: normal; src: url('"+a[r].fPath+"');}",e.appendChild(f)}}else if("g"===a[r].fOrigin||1===a[r].origin){for(h=document.querySelectorAll('link[f-forigin="g"], link[f-origin="1"]'),l=0;l<h.length;l++)-1!==h[l].href.indexOf(a[r].fPath)&&(p=!1);if(p){var m=createTag("link");m.setAttribute("f-forigin",a[r].fOrigin),m.setAttribute("f-origin",a[r].origin),m.type="text/css",m.rel="stylesheet",m.href=a[r].fPath,document.body.appendChild(m)}}else if("t"===a[r].fOrigin||2===a[r].origin){for(h=document.querySelectorAll('script[f-forigin="t"], script[f-origin="2"]'),l=0;l<h.length;l++)a[r].fPath===h[l].src&&(p=!1);if(p){var c=createTag("link");c.setAttribute("f-forigin",a[r].fOrigin),c.setAttribute("f-origin",a[r].origin),c.setAttribute("rel","stylesheet"),c.setAttribute("href",a[r].fPath),e.appendChild(c)}}}else a[r].loaded=!0,o-=1;a[r].helper=s(e,a[r]),a[r].cache={},this.fonts.push(a[r])}0===o?this.isLoaded=!0:setTimeout(this.checkLoadedFonts.bind(this),100)}else this.isLoaded=!0},a.prototype.getCharData=function(t,r,i){for(var s=0,a=this.chars.length;s<a;){if(this.chars[s].ch===t&&this.chars[s].style===r&&this.chars[s].fFamily===i)return this.chars[s];s+=1}return("string"==typeof t&&13!==t.charCodeAt(0)||!t)&&console&&console.warn&&console.warn("Missing character from exported characters list: ",t,r,i),e},a.prototype.getFontByName=function(t){for(var e=0,r=this.fonts.length;e<r;){if(this.fonts[e].fName===t)return this.fonts[e];e+=1}return this.fonts[0]},a.prototype.measureText=function(t,e,r){var i=this.getFontByName(e),s=t.charCodeAt(0);if(!i.cache[s+1]){var a=i.helper;if(" "===t){a.textContent="|"+t+"|";var n=a.getComputedTextLength();a.textContent="||";var o=a.getComputedTextLength();i.cache[s+1]=(n-o)/100}else a.textContent=t,i.cache[s+1]=a.getComputedTextLength()/100}return i.cache[s+1]*r},a.prototype.checkLoadedFonts=function(){var e,r,i,s=this.fonts.length,a=s;for(e=0;e<s;e+=1)this.fonts[e].loaded?a-=1:"n"===this.fonts[e].fOrigin||0===this.fonts[e].origin?this.fonts[e].loaded=!0:(r=this.fonts[e].monoCase.node,i=this.fonts[e].monoCase.w,r.offsetWidth!==i?(a-=1,this.fonts[e].loaded=!0):(r=this.fonts[e].sansCase.node,i=this.fonts[e].sansCase.w,r.offsetWidth!==i&&(a-=1,this.fonts[e].loaded=!0)),this.fonts[e].loaded&&(this.fonts[e].sansCase.parent.parentNode.removeChild(this.fonts[e].sansCase.parent),this.fonts[e].monoCase.parent.parentNode.removeChild(this.fonts[e].monoCase.parent)));0!==a&&Date.now()-this.initTime<t?setTimeout(this.checkLoadedFonts.bind(this),20):setTimeout(function(){this.isLoaded=!0}.bind(this),0)},a.prototype.loaded=function(){return this.isLoaded},a}(),PropertyFactory=function(){var t=initialDefaultFrame,e=Math.abs;function r(t,e){var r,s=this.offsetTime;"multidimensional"===this.propType&&(r=createTypedArray("float32",this.pv.length));for(var a,n,o,h,l,p,f,m,c=e.lastIndex,d=c,u=this.keyframes.length-1,y=!0;y;){if(a=this.keyframes[d],n=this.keyframes[d+1],d===u-1&&t>=n.t-s){a.h&&(a=n),c=0;break}if(n.t-s>t){c=d;break}d<u-1?d+=1:(c=0,y=!1)}var g,v=n.t-s,b=a.t-s;if(a.to){a.bezierData||(a.bezierData=bez.buildBezierData(a.s,n.s||a.e,a.to,a.ti));var P=a.bezierData;if(t>=v||t<b){var _=t>=v?P.points.length-1:0;for(h=P.points[_].point.length,o=0;o<h;o+=1)r[o]=P.points[_].point[o]}else{a.__fnct?m=a.__fnct:(m=BezierFactory.getBezierEasing(a.o.x,a.o.y,a.i.x,a.i.y,a.n).get,a.__fnct=m),l=m((t-b)/(v-b));var x,S=P.segmentLength*l,T=e.lastFrame<t&&e._lastKeyframeIndex===d?e._lastAddedLength:0;for(f=e.lastFrame<t&&e._lastKeyframeIndex===d?e._lastPoint:0,y=!0,p=P.points.length;y;){if(T+=P.points[f].partialLength,0===S||0===l||f===P.points.length-1){for(h=P.points[f].point.length,o=0;o<h;o+=1)r[o]=P.points[f].point[o];break}if(S>=T&&S<T+P.points[f+1].partialLength){for(x=(S-T)/P.points[f+1].partialLength,h=P.points[f].point.length,o=0;o<h;o+=1)r[o]=P.points[f].point[o]+(P.points[f+1].point[o]-P.points[f].point[o])*x;break}f<p-1?f+=1:y=!1}e._lastPoint=f,e._lastAddedLength=T-P.points[f].partialLength,e._lastKeyframeIndex=d}}else{var E,C,A,k,D;if(u=a.s.length,g=n.s||a.e,this.sh&&1!==a.h)if(t>=v)r[0]=g[0],r[1]=g[1],r[2]=g[2];else if(t<=b)r[0]=a.s[0],r[1]=a.s[1],r[2]=a.s[2];else{!function(t,e){var r=e[0],i=e[1],s=e[2],a=e[3],n=Math.atan2(2*i*a-2*r*s,1-2*i*i-2*s*s),o=Math.asin(2*r*i+2*s*a),h=Math.atan2(2*r*a-2*i*s,1-2*r*r-2*s*s);t[0]=n/degToRads,t[1]=o/degToRads,t[2]=h/degToRads}(r,function(t,e,r){var i,s,a,n,o,h=[],l=t[0],p=t[1],f=t[2],m=t[3],c=e[0],d=e[1],u=e[2],y=e[3];(s=l*c+p*d+f*u+m*y)<0&&(s=-s,c=-c,d=-d,u=-u,y=-y);1-s>1e-6?(i=Math.acos(s),a=Math.sin(i),n=Math.sin((1-r)*i)/a,o=Math.sin(r*i)/a):(n=1-r,o=r);return h[0]=n*l+o*c,h[1]=n*p+o*d,h[2]=n*f+o*u,h[3]=n*m+o*y,h}(i(a.s),i(g),(t-b)/(v-b)))}else for(d=0;d<u;d+=1)1!==a.h&&(t>=v?l=1:t<b?l=0:(a.o.x.constructor===Array?(a.__fnct||(a.__fnct=[]),a.__fnct[d]?m=a.__fnct[d]:(E=void 0===a.o.x[d]?a.o.x[0]:a.o.x[d],C=void 0===a.o.y[d]?a.o.y[0]:a.o.y[d],A=void 0===a.i.x[d]?a.i.x[0]:a.i.x[d],k=void 0===a.i.y[d]?a.i.y[0]:a.i.y[d],m=BezierFactory.getBezierEasing(E,C,A,k).get,a.__fnct[d]=m)):a.__fnct?m=a.__fnct:(E=a.o.x,C=a.o.y,A=a.i.x,k=a.i.y,m=BezierFactory.getBezierEasing(E,C,A,k).get,a.__fnct=m),l=m((t-b)/(v-b)))),g=n.s||a.e,D=1===a.h?a.s[d]:a.s[d]+(g[d]-a.s[d])*l,1===u?r=D:r[d]=D}return e.lastIndex=c,r}function i(t){var e=t[0]*degToRads,r=t[1]*degToRads,i=t[2]*degToRads,s=Math.cos(e/2),a=Math.cos(r/2),n=Math.cos(i/2),o=Math.sin(e/2),h=Math.sin(r/2),l=Math.sin(i/2);return[o*h*n+s*a*l,o*a*n+s*h*l,s*h*n-o*a*l,s*a*n-o*h*l]}function s(){var e=this.comp.renderedFrame-this.offsetTime,r=this.keyframes[0].t-this.offsetTime,i=this.keyframes[this.keyframes.length-1].t-this.offsetTime;if(!(e===this._caching.lastFrame||this._caching.lastFrame!==t&&(this._caching.lastFrame>=i&&e>=i||this._caching.lastFrame<r&&e<r))){this._caching.lastFrame>=e&&(this._caching._lastKeyframeIndex=-1,this._caching.lastIndex=0);var s=this.interpolateValue(e,this._caching);this.pv=s}return this._caching.lastFrame=e,this.pv}function a(t){var r;if("unidimensional"===this.propType)r=t*this.mult,e(this.v-r)>1e-5&&(this.v=r,this._mdf=!0);else for(var i=0,s=this.v.length;i<s;)r=t[i]*this.mult,e(this.v[i]-r)>1e-5&&(this.v[i]=r,this._mdf=!0),i+=1}function n(){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length)if(this.lock)this.setVValue(this.pv);else{this.lock=!0,this._mdf=this._isFirstFrame;var t,e=this.effectsSequence.length,r=this.kf?this.pv:this.data.k;for(t=0;t<e;t+=1)r=this.effectsSequence[t](r);this.setVValue(r),this._isFirstFrame=!1,this.lock=!1,this.frameId=this.elem.globalData.frameId}}function o(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function h(t,e,r,i){this.propType="unidimensional",this.mult=r||1,this.data=e,this.v=r?e.k*r:e.k,this.pv=e.k,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.vel=0,this.effectsSequence=[],this._isFirstFrame=!0,this.getValue=n,this.setVValue=a,this.addEffect=o}function l(t,e,r,i){this.propType="multidimensional",this.mult=r||1,this.data=e,this._mdf=!1,this.elem=t,this.container=i,this.comp=t.comp,this.k=!1,this.kf=!1,this.frameId=-1;var s,h=e.k.length;this.v=createTypedArray("float32",h),this.pv=createTypedArray("float32",h);createTypedArray("float32",h);for(this.vel=createTypedArray("float32",h),s=0;s<h;s+=1)this.v[s]=e.k[s]*this.mult,this.pv[s]=e.k[s];this._isFirstFrame=!0,this.effectsSequence=[],this.getValue=n,this.setVValue=a,this.addEffect=o}function p(e,i,h,l){this.propType="unidimensional",this.keyframes=i.k,this.offsetTime=e.data.st,this.frameId=-1,this._caching={lastFrame:t,lastIndex:0,value:0,_lastKeyframeIndex:-1},this.k=!0,this.kf=!0,this.data=i,this.mult=h||1,this.elem=e,this.container=l,this.comp=e.comp,this.v=t,this.pv=t,this._isFirstFrame=!0,this.getValue=n,this.setVValue=a,this.interpolateValue=r,this.effectsSequence=[s.bind(this)],this.addEffect=o}function f(e,i,h,l){this.propType="multidimensional";var p,f,m,c,d,u=i.k.length;for(p=0;p<u-1;p+=1)i.k[p].to&&i.k[p].s&&i.k[p].e&&(f=i.k[p].s,m=i.k[p].e,c=i.k[p].to,d=i.k[p].ti,(2===f.length&&(f[0]!==m[0]||f[1]!==m[1])&&bez.pointOnLine2D(f[0],f[1],m[0],m[1],f[0]+c[0],f[1]+c[1])&&bez.pointOnLine2D(f[0],f[1],m[0],m[1],m[0]+d[0],m[1]+d[1])||3===f.length&&(f[0]!==m[0]||f[1]!==m[1]||f[2]!==m[2])&&bez.pointOnLine3D(f[0],f[1],f[2],m[0],m[1],m[2],f[0]+c[0],f[1]+c[1],f[2]+c[2])&&bez.pointOnLine3D(f[0],f[1],f[2],m[0],m[1],m[2],m[0]+d[0],m[1]+d[1],m[2]+d[2]))&&(i.k[p].to=null,i.k[p].ti=null),f[0]===m[0]&&f[1]===m[1]&&0===c[0]&&0===c[1]&&0===d[0]&&0===d[1]&&(2===f.length||f[2]===m[2]&&0===c[2]&&0===d[2])&&(i.k[p].to=null,i.k[p].ti=null));this.effectsSequence=[s.bind(this)],this.keyframes=i.k,this.offsetTime=e.data.st,this.k=!0,this.kf=!0,this._isFirstFrame=!0,this.mult=h||1,this.elem=e,this.container=l,this.comp=e.comp,this.getValue=n,this.setVValue=a,this.interpolateValue=r,this.frameId=-1;var y=i.k[0].s.length;for(this.v=createTypedArray("float32",y),this.pv=createTypedArray("float32",y),p=0;p<y;p+=1)this.v[p]=t,this.pv[p]=t;this._caching={lastFrame:t,lastIndex:0,value:createTypedArray("float32",y)},this.addEffect=o}return{getProp:function(t,e,r,i,s){var a;if(e.k.length)if("number"==typeof e.k[0])a=new l(t,e,i,s);else switch(r){case 0:a=new p(t,e,i,s);break;case 1:a=new f(t,e,i,s)}else a=new h(t,e,i,s);return a.effectsSequence.length&&s.addDynamicProperty(a),a}}}(),TransformPropertyFactory=function(){function t(t,e,r){if(this.elem=t,this.frameId=-1,this.propType="transform",this.data=e,this.v=new Matrix,this.pre=new Matrix,this.appliedTransformations=0,this.initDynamicPropertyContainer(r||t),e.p&&e.p.s?(this.px=PropertyFactory.getProp(t,e.p.x,0,0,this),this.py=PropertyFactory.getProp(t,e.p.y,0,0,this),e.p.z&&(this.pz=PropertyFactory.getProp(t,e.p.z,0,0,this))):this.p=PropertyFactory.getProp(t,e.p||{k:[0,0,0]},1,0,this),e.rx){if(this.rx=PropertyFactory.getProp(t,e.rx,0,degToRads,this),this.ry=PropertyFactory.getProp(t,e.ry,0,degToRads,this),this.rz=PropertyFactory.getProp(t,e.rz,0,degToRads,this),e.or.k[0].ti){var i,s=e.or.k.length;for(i=0;i<s;i+=1)e.or.k[i].to=e.or.k[i].ti=null}this.or=PropertyFactory.getProp(t,e.or,1,degToRads,this),this.or.sh=!0}else this.r=PropertyFactory.getProp(t,e.r||{k:0},0,degToRads,this);e.sk&&(this.sk=PropertyFactory.getProp(t,e.sk,0,degToRads,this),this.sa=PropertyFactory.getProp(t,e.sa,0,degToRads,this)),this.a=PropertyFactory.getProp(t,e.a||{k:[0,0,0]},1,0,this),this.s=PropertyFactory.getProp(t,e.s||{k:[100,100,100]},1,.01,this),e.o?this.o=PropertyFactory.getProp(t,e.o,0,.01,t):this.o={_mdf:!1,v:1},this._isDirty=!0,this.dynamicProperties.length||this.getValue(!0)}return t.prototype={applyToMatrix:function(t){var e=this._mdf;this.iterateDynamicProperties(),this._mdf=this._mdf||e,this.a&&t.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.s&&t.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&t.skewFromAxis(-this.sk.v,this.sa.v),this.r?t.rotate(-this.r.v):t.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.data.p.s?this.data.p.z?t.translate(this.px.v,this.py.v,-this.pz.v):t.translate(this.px.v,this.py.v,0):t.translate(this.p.v[0],this.p.v[1],-this.p.v[2])},getValue:function(t){if(this.elem.globalData.frameId!==this.frameId){if(this._isDirty&&(this.precalculateMatrix(),this._isDirty=!1),this.iterateDynamicProperties(),this._mdf||t){if(this.v.cloneFromProps(this.pre.props),this.appliedTransformations<1&&this.v.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations<2&&this.v.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.sk&&this.appliedTransformations<3&&this.v.skewFromAxis(-this.sk.v,this.sa.v),this.r&&this.appliedTransformations<4?this.v.rotate(-this.r.v):!this.r&&this.appliedTransformations<4&&this.v.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.autoOriented){var e,r,i=this.elem.globalData.frameRate;if(this.p&&this.p.keyframes&&this.p.getValueAtTime)this.p._caching.lastFrame+this.p.offsetTime<=this.p.keyframes[0].t?(e=this.p.getValueAtTime((this.p.keyframes[0].t+.01)/i,0),r=this.p.getValueAtTime(this.p.keyframes[0].t/i,0)):this.p._caching.lastFrame+this.p.offsetTime>=this.p.keyframes[this.p.keyframes.length-1].t?(e=this.p.getValueAtTime(this.p.keyframes[this.p.keyframes.length-1].t/i,0),r=this.p.getValueAtTime((this.p.keyframes[this.p.keyframes.length-1].t-.01)/i,0)):(e=this.p.pv,r=this.p.getValueAtTime((this.p._caching.lastFrame+this.p.offsetTime-.01)/i,this.p.offsetTime));else if(this.px&&this.px.keyframes&&this.py.keyframes&&this.px.getValueAtTime&&this.py.getValueAtTime){e=[],r=[];var s=this.px,a=this.py;s._caching.lastFrame+s.offsetTime<=s.keyframes[0].t?(e[0]=s.getValueAtTime((s.keyframes[0].t+.01)/i,0),e[1]=a.getValueAtTime((a.keyframes[0].t+.01)/i,0),r[0]=s.getValueAtTime(s.keyframes[0].t/i,0),r[1]=a.getValueAtTime(a.keyframes[0].t/i,0)):s._caching.lastFrame+s.offsetTime>=s.keyframes[s.keyframes.length-1].t?(e[0]=s.getValueAtTime(s.keyframes[s.keyframes.length-1].t/i,0),e[1]=a.getValueAtTime(a.keyframes[a.keyframes.length-1].t/i,0),r[0]=s.getValueAtTime((s.keyframes[s.keyframes.length-1].t-.01)/i,0),r[1]=a.getValueAtTime((a.keyframes[a.keyframes.length-1].t-.01)/i,0)):(e=[s.pv,a.pv],r[0]=s.getValueAtTime((s._caching.lastFrame+s.offsetTime-.01)/i,s.offsetTime),r[1]=a.getValueAtTime((a._caching.lastFrame+a.offsetTime-.01)/i,a.offsetTime))}this.v.rotate(-Math.atan2(e[1]-r[1],e[0]-r[0]))}this.data.p&&this.data.p.s?this.data.p.z?this.v.translate(this.px.v,this.py.v,-this.pz.v):this.v.translate(this.px.v,this.py.v,0):this.v.translate(this.p.v[0],this.p.v[1],-this.p.v[2])}this.frameId=this.elem.globalData.frameId}},precalculateMatrix:function(){if(!this.a.k&&(this.pre.translate(-this.a.v[0],-this.a.v[1],this.a.v[2]),this.appliedTransformations=1,!this.s.effectsSequence.length)){if(this.pre.scale(this.s.v[0],this.s.v[1],this.s.v[2]),this.appliedTransformations=2,this.sk){if(this.sk.effectsSequence.length||this.sa.effectsSequence.length)return;this.pre.skewFromAxis(-this.sk.v,this.sa.v),this.appliedTransformations=3}if(this.r){if(this.r.effectsSequence.length)return;this.pre.rotate(-this.r.v),this.appliedTransformations=4}else this.rz.effectsSequence.length||this.ry.effectsSequence.length||this.rx.effectsSequence.length||this.or.effectsSequence.length||(this.pre.rotateZ(-this.rz.v).rotateY(this.ry.v).rotateX(this.rx.v).rotateZ(-this.or.v[2]).rotateY(this.or.v[1]).rotateX(this.or.v[0]),this.appliedTransformations=4)}},autoOrient:function(){}},extendPrototype([DynamicPropertyContainer],t),t.prototype.addDynamicProperty=function(t){this._addDynamicProperty(t),this.elem.addDynamicProperty(t),this._isDirty=!0},t.prototype._addDynamicProperty=DynamicPropertyContainer.prototype.addDynamicProperty,{getTransformProperty:function(e,r,i){return new t(e,r,i)}}}();function ShapePath(){this.c=!1,this._length=0,this._maxLength=8,this.v=createSizedArray(this._maxLength),this.o=createSizedArray(this._maxLength),this.i=createSizedArray(this._maxLength)}ShapePath.prototype.setPathData=function(t,e){this.c=t,this.setLength(e);for(var r=0;r<e;)this.v[r]=point_pool.newElement(),this.o[r]=point_pool.newElement(),this.i[r]=point_pool.newElement(),r+=1},ShapePath.prototype.setLength=function(t){for(;this._maxLength<t;)this.doubleArrayLength();this._length=t},ShapePath.prototype.doubleArrayLength=function(){this.v=this.v.concat(createSizedArray(this._maxLength)),this.i=this.i.concat(createSizedArray(this._maxLength)),this.o=this.o.concat(createSizedArray(this._maxLength)),this._maxLength*=2},ShapePath.prototype.setXYAt=function(t,e,r,i,s){var a;switch(this._length=Math.max(this._length,i+1),this._length>=this._maxLength&&this.doubleArrayLength(),r){case"v":a=this.v;break;case"i":a=this.i;break;case"o":a=this.o}(!a[i]||a[i]&&!s)&&(a[i]=point_pool.newElement()),a[i][0]=t,a[i][1]=e},ShapePath.prototype.setTripleAt=function(t,e,r,i,s,a,n,o){this.setXYAt(t,e,"v",n,o),this.setXYAt(r,i,"o",n,o),this.setXYAt(s,a,"i",n,o)},ShapePath.prototype.reverse=function(){var t=new ShapePath;t.setPathData(this.c,this._length);var e=this.v,r=this.o,i=this.i,s=0;this.c&&(t.setTripleAt(e[0][0],e[0][1],i[0][0],i[0][1],r[0][0],r[0][1],0,!1),s=1);var a,n=this._length-1,o=this._length;for(a=s;a<o;a+=1)t.setTripleAt(e[n][0],e[n][1],i[n][0],i[n][1],r[n][0],r[n][1],a,!1),n-=1;return t};var ShapePropertyFactory=function(){var t=-999999;function e(t,e,r){var i,s,a,n,o,h,l,p,f,m=r.lastIndex,c=this.keyframes;if(t<c[0].t-this.offsetTime)i=c[0].s[0],a=!0,m=0;else if(t>=c[c.length-1].t-this.offsetTime)i=c[c.length-1].s?c[c.length-1].s[0]:c[c.length-2].e[0],a=!0;else{for(var d,u,y=m,g=c.length-1,v=!0;v&&(d=c[y],!((u=c[y+1]).t-this.offsetTime>t));)y<g-1?y+=1:v=!1;if(m=y,!(a=1===d.h)){if(t>=u.t-this.offsetTime)p=1;else if(t<d.t-this.offsetTime)p=0;else{var b;d.__fnct?b=d.__fnct:(b=BezierFactory.getBezierEasing(d.o.x,d.o.y,d.i.x,d.i.y).get,d.__fnct=b),p=b((t-(d.t-this.offsetTime))/(u.t-this.offsetTime-(d.t-this.offsetTime)))}s=u.s?u.s[0]:d.e[0]}i=d.s[0]}for(h=e._length,l=i.i[0].length,r.lastIndex=m,n=0;n<h;n+=1)for(o=0;o<l;o+=1)f=a?i.i[n][o]:i.i[n][o]+(s.i[n][o]-i.i[n][o])*p,e.i[n][o]=f,f=a?i.o[n][o]:i.o[n][o]+(s.o[n][o]-i.o[n][o])*p,e.o[n][o]=f,f=a?i.v[n][o]:i.v[n][o]+(s.v[n][o]-i.v[n][o])*p,e.v[n][o]=f}function r(){var e=this.comp.renderedFrame-this.offsetTime,r=this.keyframes[0].t-this.offsetTime,i=this.keyframes[this.keyframes.length-1].t-this.offsetTime,s=this._caching.lastFrame;return s!==t&&(s<r&&e<r||s>i&&e>i)||(this._caching.lastIndex=s<e?this._caching.lastIndex:0,this.interpolateShape(e,this.pv,this._caching)),this._caching.lastFrame=e,this.pv}function i(){this.paths=this.localShapeCollection}function s(t){(function(t,e){if(t._length!==e._length||t.c!==e.c)return!1;var r,i=t._length;for(r=0;r<i;r+=1)if(t.v[r][0]!==e.v[r][0]||t.v[r][1]!==e.v[r][1]||t.o[r][0]!==e.o[r][0]||t.o[r][1]!==e.o[r][1]||t.i[r][0]!==e.i[r][0]||t.i[r][1]!==e.i[r][1])return!1;return!0})(this.v,t)||(this.v=shape_pool.clone(t),this.localShapeCollection.releaseShapes(),this.localShapeCollection.addShape(this.v),this._mdf=!0,this.paths=this.localShapeCollection)}function a(){if(this.elem.globalData.frameId!==this.frameId)if(this.effectsSequence.length)if(this.lock)this.setVValue(this.pv);else{this.lock=!0,this._mdf=!1;var t,e=this.kf?this.pv:this.data.ks?this.data.ks.k:this.data.pt.k,r=this.effectsSequence.length;for(t=0;t<r;t+=1)e=this.effectsSequence[t](e);this.setVValue(e),this.lock=!1,this.frameId=this.elem.globalData.frameId}else this._mdf=!1}function n(t,e,r){this.propType="shape",this.comp=t.comp,this.container=t,this.elem=t,this.data=e,this.k=!1,this.kf=!1,this._mdf=!1;var s=3===r?e.pt.k:e.ks.k;this.v=shape_pool.clone(s),this.pv=shape_pool.clone(this.v),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.reset=i,this.effectsSequence=[]}function o(t){this.effectsSequence.push(t),this.container.addDynamicProperty(this)}function h(e,s,a){this.propType="shape",this.comp=e.comp,this.elem=e,this.container=e,this.offsetTime=e.data.st,this.keyframes=3===a?s.pt.k:s.ks.k,this.k=!0,this.kf=!0;var n=this.keyframes[0].s[0].i.length;this.keyframes[0].s[0].i[0].length;this.v=shape_pool.newElement(),this.v.setPathData(this.keyframes[0].s[0].c,n),this.pv=shape_pool.clone(this.v),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.paths=this.localShapeCollection,this.paths.addShape(this.v),this.lastFrame=t,this.reset=i,this._caching={lastFrame:t,lastIndex:0},this.effectsSequence=[r.bind(this)]}n.prototype.interpolateShape=e,n.prototype.getValue=a,n.prototype.setVValue=s,n.prototype.addEffect=o,h.prototype.getValue=a,h.prototype.interpolateShape=e,h.prototype.setVValue=s,h.prototype.addEffect=o;var l=function(){var t=roundCorner;function e(t,e){this.v=shape_pool.newElement(),this.v.setPathData(!0,4),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.paths=this.localShapeCollection,this.localShapeCollection.addShape(this.v),this.d=e.d,this.elem=t,this.comp=t.comp,this.frameId=-1,this.initDynamicPropertyContainer(t),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.s=PropertyFactory.getProp(t,e.s,1,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertEllToPath())}return e.prototype={reset:i,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertEllToPath())},convertEllToPath:function(){var e=this.p.v[0],r=this.p.v[1],i=this.s.v[0]/2,s=this.s.v[1]/2,a=3!==this.d,n=this.v;n.v[0][0]=e,n.v[0][1]=r-s,n.v[1][0]=a?e+i:e-i,n.v[1][1]=r,n.v[2][0]=e,n.v[2][1]=r+s,n.v[3][0]=a?e-i:e+i,n.v[3][1]=r,n.i[0][0]=a?e-i*t:e+i*t,n.i[0][1]=r-s,n.i[1][0]=a?e+i:e-i,n.i[1][1]=r-s*t,n.i[2][0]=a?e+i*t:e-i*t,n.i[2][1]=r+s,n.i[3][0]=a?e-i:e+i,n.i[3][1]=r+s*t,n.o[0][0]=a?e+i*t:e-i*t,n.o[0][1]=r-s,n.o[1][0]=a?e+i:e-i,n.o[1][1]=r+s*t,n.o[2][0]=a?e-i*t:e+i*t,n.o[2][1]=r+s,n.o[3][0]=a?e-i:e+i,n.o[3][1]=r-s*t}},extendPrototype([DynamicPropertyContainer],e),e}(),p=function(){function t(t,e){this.v=shape_pool.newElement(),this.v.setPathData(!0,0),this.elem=t,this.comp=t.comp,this.data=e,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),1===e.sy?(this.ir=PropertyFactory.getProp(t,e.ir,0,0,this),this.is=PropertyFactory.getProp(t,e.is,0,.01,this),this.convertToPath=this.convertStarToPath):this.convertToPath=this.convertPolygonToPath,this.pt=PropertyFactory.getProp(t,e.pt,0,0,this),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.r=PropertyFactory.getProp(t,e.r,0,degToRads,this),this.or=PropertyFactory.getProp(t,e.or,0,0,this),this.os=PropertyFactory.getProp(t,e.os,0,.01,this),this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertToPath())}return t.prototype={reset:i,getValue:function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertToPath())},convertStarToPath:function(){var t,e,r,i,s=2*Math.floor(this.pt.v),a=2*Math.PI/s,n=!0,o=this.or.v,h=this.ir.v,l=this.os.v,p=this.is.v,f=2*Math.PI*o/(2*s),m=2*Math.PI*h/(2*s),c=-Math.PI/2;c+=this.r.v;var d=3===this.data.d?-1:1;for(this.v._length=0,t=0;t<s;t+=1){r=n?l:p,i=n?f:m;var u=(e=n?o:h)*Math.cos(c),y=e*Math.sin(c),g=0===u&&0===y?0:y/Math.sqrt(u*u+y*y),v=0===u&&0===y?0:-u/Math.sqrt(u*u+y*y);u+=+this.p.v[0],y+=+this.p.v[1],this.v.setTripleAt(u,y,u-g*i*r*d,y-v*i*r*d,u+g*i*r*d,y+v*i*r*d,t,!0),n=!n,c+=a*d}},convertPolygonToPath:function(){var t,e=Math.floor(this.pt.v),r=2*Math.PI/e,i=this.or.v,s=this.os.v,a=2*Math.PI*i/(4*e),n=-Math.PI/2,o=3===this.data.d?-1:1;for(n+=this.r.v,this.v._length=0,t=0;t<e;t+=1){var h=i*Math.cos(n),l=i*Math.sin(n),p=0===h&&0===l?0:l/Math.sqrt(h*h+l*l),f=0===h&&0===l?0:-h/Math.sqrt(h*h+l*l);h+=+this.p.v[0],l+=+this.p.v[1],this.v.setTripleAt(h,l,h-p*a*s*o,l-f*a*s*o,h+p*a*s*o,l+f*a*s*o,t,!0),n+=r*o}this.paths.length=0,this.paths[0]=this.v}},extendPrototype([DynamicPropertyContainer],t),t}(),f=function(){function t(t,e){this.v=shape_pool.newElement(),this.v.c=!0,this.localShapeCollection=shapeCollection_pool.newShapeCollection(),this.localShapeCollection.addShape(this.v),this.paths=this.localShapeCollection,this.elem=t,this.comp=t.comp,this.frameId=-1,this.d=e.d,this.initDynamicPropertyContainer(t),this.p=PropertyFactory.getProp(t,e.p,1,0,this),this.s=PropertyFactory.getProp(t,e.s,1,0,this),this.r=PropertyFactory.getProp(t,e.r,0,0,this),this.dynamicProperties.length?this.k=!0:(this.k=!1,this.convertRectToPath())}return t.prototype={convertRectToPath:function(){var t=this.p.v[0],e=this.p.v[1],r=this.s.v[0]/2,i=this.s.v[1]/2,s=bm_min(r,i,this.r.v),a=s*(1-roundCorner);this.v._length=0,2===this.d||1===this.d?(this.v.setTripleAt(t+r,e-i+s,t+r,e-i+s,t+r,e-i+a,0,!0),this.v.setTripleAt(t+r,e+i-s,t+r,e+i-a,t+r,e+i-s,1,!0),0!==s?(this.v.setTripleAt(t+r-s,e+i,t+r-s,e+i,t+r-a,e+i,2,!0),this.v.setTripleAt(t-r+s,e+i,t-r+a,e+i,t-r+s,e+i,3,!0),this.v.setTripleAt(t-r,e+i-s,t-r,e+i-s,t-r,e+i-a,4,!0),this.v.setTripleAt(t-r,e-i+s,t-r,e-i+a,t-r,e-i+s,5,!0),this.v.setTripleAt(t-r+s,e-i,t-r+s,e-i,t-r+a,e-i,6,!0),this.v.setTripleAt(t+r-s,e-i,t+r-a,e-i,t+r-s,e-i,7,!0)):(this.v.setTripleAt(t-r,e+i,t-r+a,e+i,t-r,e+i,2),this.v.setTripleAt(t-r,e-i,t-r,e-i+a,t-r,e-i,3))):(this.v.setTripleAt(t+r,e-i+s,t+r,e-i+a,t+r,e-i+s,0,!0),0!==s?(this.v.setTripleAt(t+r-s,e-i,t+r-s,e-i,t+r-a,e-i,1,!0),this.v.setTripleAt(t-r+s,e-i,t-r+a,e-i,t-r+s,e-i,2,!0),this.v.setTripleAt(t-r,e-i+s,t-r,e-i+s,t-r,e-i+a,3,!0),this.v.setTripleAt(t-r,e+i-s,t-r,e+i-a,t-r,e+i-s,4,!0),this.v.setTripleAt(t-r+s,e+i,t-r+s,e+i,t-r+a,e+i,5,!0),this.v.setTripleAt(t+r-s,e+i,t+r-a,e+i,t+r-s,e+i,6,!0),this.v.setTripleAt(t+r,e+i-s,t+r,e+i-s,t+r,e+i-a,7,!0)):(this.v.setTripleAt(t-r,e-i,t-r+a,e-i,t-r,e-i,1,!0),this.v.setTripleAt(t-r,e+i,t-r,e+i-a,t-r,e+i,2,!0),this.v.setTripleAt(t+r,e+i,t+r-a,e+i,t+r,e+i,3,!0)))},getValue:function(t){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf&&this.convertRectToPath())},reset:i},extendPrototype([DynamicPropertyContainer],t),t}();var m={getShapeProp:function(t,e,r){var i;return 3===r||4===r?i=(3===r?e.pt:e.ks).k.length?new h(t,e,r):new n(t,e,r):5===r?i=new f(t,e):6===r?i=new l(t,e):7===r&&(i=new p(t,e)),i.k&&t.addDynamicProperty(i),i},getConstructorFunction:function(){return n},getKeyframedConstructorFunction:function(){return h}};return m}(),ShapeModifiers=function(){var t={},e={};return t.registerModifier=function(t,r){e[t]||(e[t]=r)},t.getModifier=function(t,r,i){return new e[t](r,i)},t}();function ShapeModifier(){}function TrimModifier(){}function RoundCornersModifier(){}function RepeaterModifier(){}function ShapeCollection(){this._length=0,this._maxLength=4,this.shapes=createSizedArray(this._maxLength)}function DashProperty(t,e,r,i){this.elem=t,this.frameId=-1,this.dataProps=createSizedArray(e.length),this.renderer=r,this.k=!1,this.dashStr="",this.dashArray=createTypedArray("float32",e.length?e.length-1:0),this.dashoffset=createTypedArray("float32",1),this.initDynamicPropertyContainer(i);var s,a,n=e.length||0;for(s=0;s<n;s+=1)a=PropertyFactory.getProp(t,e[s].v,0,0,this),this.k=a.k||this.k,this.dataProps[s]={n:e[s].n,p:a};this.k||this.getValue(!0),this._isAnimated=this.k}function GradientProperty(t,e,r){this.data=e,this.c=createTypedArray("uint8c",4*e.p);var i=e.k.k[0].s?e.k.k[0].s.length-4*e.p:e.k.k.length-4*e.p;this.o=createTypedArray("float32",i),this._cmdf=!1,this._omdf=!1,this._collapsable=this.checkCollapsable(),this._hasOpacity=i,this.initDynamicPropertyContainer(r),this.prop=PropertyFactory.getProp(t,e.k,1,null,this),this.k=this.prop.k,this.getValue(!0)}ShapeModifier.prototype.initModifierProperties=function(){},ShapeModifier.prototype.addShapeToModifier=function(){},ShapeModifier.prototype.addShape=function(t){if(!this.closed){t.sh.container.addDynamicProperty(t.sh);var e={shape:t.sh,data:t,localShapeCollection:shapeCollection_pool.newShapeCollection()};this.shapes.push(e),this.addShapeToModifier(e),this._isAnimated&&t.setAsAnimated()}},ShapeModifier.prototype.init=function(t,e){this.shapes=[],this.elem=t,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e),this.frameId=initialDefaultFrame,this.closed=!1,this.k=!1,this.dynamicProperties.length?this.k=!0:this.getValue(!0)},ShapeModifier.prototype.processKeys=function(){this.elem.globalData.frameId!==this.frameId&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties())},extendPrototype([DynamicPropertyContainer],ShapeModifier),extendPrototype([ShapeModifier],TrimModifier),TrimModifier.prototype.initModifierProperties=function(t,e){this.s=PropertyFactory.getProp(t,e.s,0,.01,this),this.e=PropertyFactory.getProp(t,e.e,0,.01,this),this.o=PropertyFactory.getProp(t,e.o,0,0,this),this.sValue=0,this.eValue=0,this.getValue=this.processKeys,this.m=e.m,this._isAnimated=!!this.s.effectsSequence.length||!!this.e.effectsSequence.length||!!this.o.effectsSequence.length},TrimModifier.prototype.addShapeToModifier=function(t){t.pathsData=[]},TrimModifier.prototype.calculateShapeEdges=function(t,e,r,i,s){var a=[];e<=1?a.push({s:t,e:e}):t>=1?a.push({s:t-1,e:e-1}):(a.push({s:t,e:1}),a.push({s:0,e:e-1}));var n,o,h=[],l=a.length;for(n=0;n<l;n+=1){var p,f;if((o=a[n]).e*s<i||o.s*s>i+r);else p=o.s*s<=i?0:(o.s*s-i)/r,f=o.e*s>=i+r?1:(o.e*s-i)/r,h.push([p,f])}return h.length||h.push([0,0]),h},TrimModifier.prototype.releasePathsData=function(t){var e,r=t.length;for(e=0;e<r;e+=1)segments_length_pool.release(t[e]);return t.length=0,t},TrimModifier.prototype.processShapes=function(t){var e,r,i;if(this._mdf||t){var s=this.o.v%360/360;if(s<0&&(s+=1),(e=(this.s.v>1?1:this.s.v<0?0:this.s.v)+s)>(r=(this.e.v>1?1:this.e.v<0?0:this.e.v)+s)){var a=e;e=r,r=a}e=1e-4*Math.round(1e4*e),r=1e-4*Math.round(1e4*r),this.sValue=e,this.eValue=r}else e=this.sValue,r=this.eValue;var n,o,h,l,p,f,m=this.shapes.length,c=0;if(r===e)for(n=0;n<m;n+=1)this.shapes[n].localShapeCollection.releaseShapes(),this.shapes[n].shape._mdf=!0,this.shapes[n].shape.paths=this.shapes[n].localShapeCollection;else if(1===r&&0===e||0===r&&1===e){if(this._mdf)for(n=0;n<m;n+=1)this.shapes[n].pathsData.length=0,this.shapes[n].shape._mdf=!0}else{var d,u,y=[];for(n=0;n<m;n+=1)if((d=this.shapes[n]).shape._mdf||this._mdf||t||2===this.m){if(h=(i=d.shape.paths)._length,f=0,!d.shape._mdf&&d.pathsData.length)f=d.totalShapeLength;else{for(l=this.releasePathsData(d.pathsData),o=0;o<h;o+=1)p=bez.getSegmentsLength(i.shapes[o]),l.push(p),f+=p.totalLength;d.totalShapeLength=f,d.pathsData=l}c+=f,d.shape._mdf=!0}else d.shape.paths=d.localShapeCollection;var g,v=e,b=r,P=0;for(n=m-1;n>=0;n-=1)if((d=this.shapes[n]).shape._mdf){for((u=d.localShapeCollection).releaseShapes(),2===this.m&&m>1?(g=this.calculateShapeEdges(e,r,d.totalShapeLength,P,c),P+=d.totalShapeLength):g=[[v,b]],h=g.length,o=0;o<h;o+=1){v=g[o][0],b=g[o][1],y.length=0,b<=1?y.push({s:d.totalShapeLength*v,e:d.totalShapeLength*b}):v>=1?y.push({s:d.totalShapeLength*(v-1),e:d.totalShapeLength*(b-1)}):(y.push({s:d.totalShapeLength*v,e:d.totalShapeLength}),y.push({s:0,e:d.totalShapeLength*(b-1)}));var _=this.addShapes(d,y[0]);if(y[0].s!==y[0].e){if(y.length>1)if(d.shape.paths.shapes[d.shape.paths._length-1].c){var x=_.pop();this.addPaths(_,u),_=this.addShapes(d,y[1],x)}else this.addPaths(_,u),_=this.addShapes(d,y[1]);this.addPaths(_,u)}}d.shape.paths=u}}},TrimModifier.prototype.addPaths=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)e.addShape(t[r])},TrimModifier.prototype.addSegment=function(t,e,r,i,s,a,n){s.setXYAt(e[0],e[1],"o",a),s.setXYAt(r[0],r[1],"i",a+1),n&&s.setXYAt(t[0],t[1],"v",a),s.setXYAt(i[0],i[1],"v",a+1)},TrimModifier.prototype.addSegmentFromArray=function(t,e,r,i){e.setXYAt(t[1],t[5],"o",r),e.setXYAt(t[2],t[6],"i",r+1),i&&e.setXYAt(t[0],t[4],"v",r),e.setXYAt(t[3],t[7],"v",r+1)},TrimModifier.prototype.addShapes=function(t,e,r){var i,s,a,n,o,h,l,p,f=t.pathsData,m=t.shape.paths.shapes,c=t.shape.paths._length,d=0,u=[],y=!0;for(r?(o=r._length,p=r._length):(r=shape_pool.newElement(),o=0,p=0),u.push(r),i=0;i<c;i+=1){for(h=f[i].lengths,r.c=m[i].c,a=m[i].c?h.length:h.length+1,s=1;s<a;s+=1)if(d+(n=h[s-1]).addedLength<e.s)d+=n.addedLength,r.c=!1;else{if(d>e.e){r.c=!1;break}e.s<=d&&e.e>=d+n.addedLength?(this.addSegment(m[i].v[s-1],m[i].o[s-1],m[i].i[s],m[i].v[s],r,o,y),y=!1):(l=bez.getNewSegment(m[i].v[s-1],m[i].v[s],m[i].o[s-1],m[i].i[s],(e.s-d)/n.addedLength,(e.e-d)/n.addedLength,h[s-1]),this.addSegmentFromArray(l,r,o,y),y=!1,r.c=!1),d+=n.addedLength,o+=1}if(m[i].c&&h.length){if(n=h[s-1],d<=e.e){var g=h[s-1].addedLength;e.s<=d&&e.e>=d+g?(this.addSegment(m[i].v[s-1],m[i].o[s-1],m[i].i[0],m[i].v[0],r,o,y),y=!1):(l=bez.getNewSegment(m[i].v[s-1],m[i].v[0],m[i].o[s-1],m[i].i[0],(e.s-d)/g,(e.e-d)/g,h[s-1]),this.addSegmentFromArray(l,r,o,y),y=!1,r.c=!1)}else r.c=!1;d+=n.addedLength,o+=1}if(r._length&&(r.setXYAt(r.v[p][0],r.v[p][1],"i",p),r.setXYAt(r.v[r._length-1][0],r.v[r._length-1][1],"o",r._length-1)),d>e.e)break;i<c-1&&(r=shape_pool.newElement(),y=!0,u.push(r),o=0)}return u},ShapeModifiers.registerModifier("tm",TrimModifier),extendPrototype([ShapeModifier],RoundCornersModifier),RoundCornersModifier.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.rd=PropertyFactory.getProp(t,e.r,0,null,this),this._isAnimated=!!this.rd.effectsSequence.length},RoundCornersModifier.prototype.processPath=function(t,e){var r=shape_pool.newElement();r.c=t.c;var i,s,a,n,o,h,l,p,f,m,c,d,u,y=t._length,g=0;for(i=0;i<y;i+=1)s=t.v[i],n=t.o[i],a=t.i[i],s[0]===n[0]&&s[1]===n[1]&&s[0]===a[0]&&s[1]===a[1]?0!==i&&i!==y-1||t.c?(o=0===i?t.v[y-1]:t.v[i-1],l=(h=Math.sqrt(Math.pow(s[0]-o[0],2)+Math.pow(s[1]-o[1],2)))?Math.min(h/2,e)/h:0,p=d=s[0]+(o[0]-s[0])*l,f=u=s[1]-(s[1]-o[1])*l,m=p-(p-s[0])*roundCorner,c=f-(f-s[1])*roundCorner,r.setTripleAt(p,f,m,c,d,u,g),g+=1,o=i===y-1?t.v[0]:t.v[i+1],l=(h=Math.sqrt(Math.pow(s[0]-o[0],2)+Math.pow(s[1]-o[1],2)))?Math.min(h/2,e)/h:0,p=m=s[0]+(o[0]-s[0])*l,f=c=s[1]+(o[1]-s[1])*l,d=p-(p-s[0])*roundCorner,u=f-(f-s[1])*roundCorner,r.setTripleAt(p,f,m,c,d,u,g),g+=1):(r.setTripleAt(s[0],s[1],n[0],n[1],a[0],a[1],g),g+=1):(r.setTripleAt(t.v[i][0],t.v[i][1],t.o[i][0],t.o[i][1],t.i[i][0],t.i[i][1],g),g+=1);return r},RoundCornersModifier.prototype.processShapes=function(t){var e,r,i,s,a,n,o=this.shapes.length,h=this.rd.v;if(0!==h)for(r=0;r<o;r+=1){if((a=this.shapes[r]).shape.paths,n=a.localShapeCollection,a.shape._mdf||this._mdf||t)for(n.releaseShapes(),a.shape._mdf=!0,e=a.shape.paths.shapes,s=a.shape.paths._length,i=0;i<s;i+=1)n.addShape(this.processPath(e[i],h));a.shape.paths=a.localShapeCollection}this.dynamicProperties.length||(this._mdf=!1)},ShapeModifiers.registerModifier("rd",RoundCornersModifier),extendPrototype([ShapeModifier],RepeaterModifier),RepeaterModifier.prototype.initModifierProperties=function(t,e){this.getValue=this.processKeys,this.c=PropertyFactory.getProp(t,e.c,0,null,this),this.o=PropertyFactory.getProp(t,e.o,0,null,this),this.tr=TransformPropertyFactory.getTransformProperty(t,e.tr,this),this.so=PropertyFactory.getProp(t,e.tr.so,0,.01,this),this.eo=PropertyFactory.getProp(t,e.tr.eo,0,.01,this),this.data=e,this.dynamicProperties.length||this.getValue(!0),this._isAnimated=!!this.dynamicProperties.length,this.pMatrix=new Matrix,this.rMatrix=new Matrix,this.sMatrix=new Matrix,this.tMatrix=new Matrix,this.matrix=new Matrix},RepeaterModifier.prototype.applyTransforms=function(t,e,r,i,s,a){var n=a?-1:1,o=i.s.v[0]+(1-i.s.v[0])*(1-s),h=i.s.v[1]+(1-i.s.v[1])*(1-s);t.translate(i.p.v[0]*n*s,i.p.v[1]*n*s,i.p.v[2]),e.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),e.rotate(-i.r.v*n*s),e.translate(i.a.v[0],i.a.v[1],i.a.v[2]),r.translate(-i.a.v[0],-i.a.v[1],i.a.v[2]),r.scale(a?1/o:o,a?1/h:h),r.translate(i.a.v[0],i.a.v[1],i.a.v[2])},RepeaterModifier.prototype.init=function(t,e,r,i){this.elem=t,this.arr=e,this.pos=r,this.elemsData=i,this._currentCopies=0,this._elements=[],this._groups=[],this.frameId=-1,this.initDynamicPropertyContainer(t),this.initModifierProperties(t,e[r]);for(;r>0;)r-=1,this._elements.unshift(e[r]),1;this.dynamicProperties.length?this.k=!0:this.getValue(!0)},RepeaterModifier.prototype.resetElements=function(t){var e,r=t.length;for(e=0;e<r;e+=1)t[e]._processed=!1,"gr"===t[e].ty&&this.resetElements(t[e].it)},RepeaterModifier.prototype.cloneElements=function(t){t.length;var e=JSON.parse(JSON.stringify(t));return this.resetElements(e),e},RepeaterModifier.prototype.changeGroupRender=function(t,e){var r,i=t.length;for(r=0;r<i;r+=1)t[r]._render=e,"gr"===t[r].ty&&this.changeGroupRender(t[r].it,e)},RepeaterModifier.prototype.processShapes=function(t){var e,r,i,s,a;if(this._mdf||t){var n,o=Math.ceil(this.c.v);if(this._groups.length<o){for(;this._groups.length<o;){var h={it:this.cloneElements(this._elements),ty:"gr"};h.it.push({a:{a:0,ix:1,k:[0,0]},nm:"Transform",o:{a:0,ix:7,k:100},p:{a:0,ix:2,k:[0,0]},r:{a:1,ix:6,k:[{s:0,e:0,t:0},{s:0,e:0,t:1}]},s:{a:0,ix:3,k:[100,100]},sa:{a:0,ix:5,k:0},sk:{a:0,ix:4,k:0},ty:"tr"}),this.arr.splice(0,0,h),this._groups.splice(0,0,h),this._currentCopies+=1}this.elem.reloadShapes()}for(a=0,i=0;i<=this._groups.length-1;i+=1)n=a<o,this._groups[i]._render=n,this.changeGroupRender(this._groups[i].it,n),a+=1;this._currentCopies=o;var l=this.o.v,p=l%1,f=l>0?Math.floor(l):Math.ceil(l),m=(this.tr.v.props,this.pMatrix.props),c=this.rMatrix.props,d=this.sMatrix.props;this.pMatrix.reset(),this.rMatrix.reset(),this.sMatrix.reset(),this.tMatrix.reset(),this.matrix.reset();var u,y,g=0;if(l>0){for(;g<f;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),g+=1;p&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,p,!1),g+=p)}else if(l<0){for(;g>f;)this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!0),g-=1;p&&(this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,-p,!0),g-=p)}for(i=1===this.data.m?0:this._currentCopies-1,s=1===this.data.m?1:-1,a=this._currentCopies;a;){if(y=(r=(e=this.elemsData[i].it)[e.length-1].transform.mProps.v.props).length,e[e.length-1].transform.mProps._mdf=!0,e[e.length-1].transform.op._mdf=!0,e[e.length-1].transform.op.v=this.so.v+(this.eo.v-this.so.v)*(i/(this._currentCopies-1)),0!==g){for((0!==i&&1===s||i!==this._currentCopies-1&&-1===s)&&this.applyTransforms(this.pMatrix,this.rMatrix,this.sMatrix,this.tr,1,!1),this.matrix.transform(c[0],c[1],c[2],c[3],c[4],c[5],c[6],c[7],c[8],c[9],c[10],c[11],c[12],c[13],c[14],c[15]),this.matrix.transform(d[0],d[1],d[2],d[3],d[4],d[5],d[6],d[7],d[8],d[9],d[10],d[11],d[12],d[13],d[14],d[15]),this.matrix.transform(m[0],m[1],m[2],m[3],m[4],m[5],m[6],m[7],m[8],m[9],m[10],m[11],m[12],m[13],m[14],m[15]),u=0;u<y;u+=1)r[u]=this.matrix.props[u];this.matrix.reset()}else for(this.matrix.reset(),u=0;u<y;u+=1)r[u]=this.matrix.props[u];g+=1,a-=1,i+=s}}else for(a=this._currentCopies,i=0,s=1;a;)r=(e=this.elemsData[i].it)[e.length-1].transform.mProps.v.props,e[e.length-1].transform.mProps._mdf=!1,e[e.length-1].transform.op._mdf=!1,a-=1,i+=s},RepeaterModifier.prototype.addShape=function(){},ShapeModifiers.registerModifier("rp",RepeaterModifier),ShapeCollection.prototype.addShape=function(t){this._length===this._maxLength&&(this.shapes=this.shapes.concat(createSizedArray(this._maxLength)),this._maxLength*=2),this.shapes[this._length]=t,this._length+=1},ShapeCollection.prototype.releaseShapes=function(){var t;for(t=0;t<this._length;t+=1)shape_pool.release(this.shapes[t]);this._length=0},DashProperty.prototype.getValue=function(t){if((this.elem.globalData.frameId!==this.frameId||t)&&(this.frameId=this.elem.globalData.frameId,this.iterateDynamicProperties(),this._mdf=this._mdf||t,this._mdf)){var e=0,r=this.dataProps.length;for("svg"===this.renderer&&(this.dashStr=""),e=0;e<r;e+=1)"o"!=this.dataProps[e].n?"svg"===this.renderer?this.dashStr+=" "+this.dataProps[e].p.v:this.dashArray[e]=this.dataProps[e].p.v:this.dashoffset[0]=this.dataProps[e].p.v}},extendPrototype([DynamicPropertyContainer],DashProperty),GradientProperty.prototype.comparePoints=function(t,e){for(var r=0,i=this.o.length/2;r<i;){if(Math.abs(t[4*r]-t[4*e+2*r])>.01)return!1;r+=1}return!0},GradientProperty.prototype.checkCollapsable=function(){if(this.o.length/2!=this.c.length/4)return!1;if(this.data.k.k[0].s)for(var t=0,e=this.data.k.k.length;t<e;){if(!this.comparePoints(this.data.k.k[t].s,this.data.p))return!1;t+=1}else if(!this.comparePoints(this.data.k.k,this.data.p))return!1;return!0},GradientProperty.prototype.getValue=function(t){if(this.prop.getValue(),this._mdf=!1,this._cmdf=!1,this._omdf=!1,this.prop._mdf||t){var e,r,i,s=4*this.data.p;for(e=0;e<s;e+=1)r=e%4==0?100:255,i=Math.round(this.prop.v[e]*r),this.c[e]!==i&&(this.c[e]=i,this._cmdf=!t);if(this.o.length)for(s=this.prop.v.length,e=4*this.data.p;e<s;e+=1)r=e%2==0?100:1,i=e%2==0?Math.round(100*this.prop.v[e]):this.prop.v[e],this.o[e-4*this.data.p]!==i&&(this.o[e-4*this.data.p]=i,this._omdf=!t);this._mdf=!t}},extendPrototype([DynamicPropertyContainer],GradientProperty);var buildShapeString=function(t,e,r,i){if(0===e)return"";var s,a=t.o,n=t.i,o=t.v,h=" M"+i.applyToPointStringified(o[0][0],o[0][1]);for(s=1;s<e;s+=1)h+=" C"+i.applyToPointStringified(a[s-1][0],a[s-1][1])+" "+i.applyToPointStringified(n[s][0],n[s][1])+" "+i.applyToPointStringified(o[s][0],o[s][1]);return r&&e&&(h+=" C"+i.applyToPointStringified(a[s-1][0],a[s-1][1])+" "+i.applyToPointStringified(n[0][0],n[0][1])+" "+i.applyToPointStringified(o[0][0],o[0][1]),h+="z"),h},ImagePreloader=function(){var t=function(){var t=createTag("canvas");t.width=1,t.height=1;var e=t.getContext("2d");return e.fillStyle="rgba(0,0,0,0)",e.fillRect(0,0,1,1),t}();function e(){this.loadedAssets+=1,this.loadedAssets===this.totalImages&&this.imagesLoadedCb&&this.imagesLoadedCb(null)}function r(e){var r=function(t,e,r){var i="";if(t.e)i=t.p;else if(e){var s=t.p;-1!==s.indexOf("images/")&&(s=s.split("/")[1]),i=e+s}else i=r,i+=t.u?t.u:"",i+=t.p;return i}(e,this.assetsPath,this.path),i=createTag("img");i.crossOrigin="anonymous",i.addEventListener("load",this._imageLoaded.bind(this),!1),i.addEventListener("error",function(){s.img=t,this._imageLoaded()}.bind(this),!1),i.src=r;var s={img:i,assetData:e};return s}function i(t,e){this.imagesLoadedCb=e;var r,i=t.length;for(r=0;r<i;r+=1)t[r].layers||(this.totalImages+=1,this.images.push(this._createImageData(t[r])))}function s(t){this.path=t||""}function a(t){this.assetsPath=t||""}function n(t){for(var e=0,r=this.images.length;e<r;){if(this.images[e].assetData===t)return this.images[e].img;e+=1}}function o(){this.imagesLoadedCb=null,this.images.length=0}function h(){return this.totalImages===this.loadedAssets}return function(){this.loadAssets=i,this.setAssetsPath=a,this.setPath=s,this.loaded=h,this.destroy=o,this.getImage=n,this._createImageData=r,this._imageLoaded=e,this.assetsPath="",this.path="",this.totalImages=0,this.loadedAssets=0,this.imagesLoadedCb=null,this.images=[]}}(),featureSupport=function(){var t={maskType:!0};return(/MSIE 10/i.test(navigator.userAgent)||/MSIE 9/i.test(navigator.userAgent)||/rv:11.0/i.test(navigator.userAgent)||/Edge\/\d./i.test(navigator.userAgent))&&(t.maskType=!1),t}(),filtersFactory=function(){var t={};return t.createFilter=function(t){var e=createNS("filter");return e.setAttribute("id",t),e.setAttribute("filterUnits","objectBoundingBox"),e.setAttribute("x","0%"),e.setAttribute("y","0%"),e.setAttribute("width","100%"),e.setAttribute("height","100%"),e},t.createAlphaToLuminanceFilter=function(){var t=createNS("feColorMatrix");return t.setAttribute("type","matrix"),t.setAttribute("color-interpolation-filters","sRGB"),t.setAttribute("values","0 0 0 1 0  0 0 0 1 0  0 0 0 1 0  0 0 0 1 1"),t},t}(),assetLoader=function(){function t(t){return t.response&&"object"===_typeof(t.response)?t.response:t.response&&"string"==typeof t.response?JSON.parse(t.response):t.responseText?JSON.parse(t.responseText):void 0}return{load:function(e,r,i){var s,a=new XMLHttpRequest;a.open("GET",e,!0);try{a.responseType="json"}catch(t){}a.send(),a.onreadystatechange=function(){if(4==a.readyState)if(200==a.status)s=t(a),r(s);else try{s=t(a),r(s)}catch(t){i&&i(t)}}}}}();function TextAnimatorProperty(t,e,r){this._isFirstFrame=!0,this._hasMaskedPath=!1,this._frameId=-1,this._textData=t,this._renderType=e,this._elem=r,this._animatorsData=createSizedArray(this._textData.a.length),this._pathData={},this._moreOptions={alignment:{}},this.renderedLetters=[],this.lettersChangedFlag=!1,this.initDynamicPropertyContainer(r)}function TextAnimatorDataProperty(t,e,r){var i={propType:!1},s=PropertyFactory.getProp,a=e.a;this.a={r:a.r?s(t,a.r,0,degToRads,r):i,rx:a.rx?s(t,a.rx,0,degToRads,r):i,ry:a.ry?s(t,a.ry,0,degToRads,r):i,sk:a.sk?s(t,a.sk,0,degToRads,r):i,sa:a.sa?s(t,a.sa,0,degToRads,r):i,s:a.s?s(t,a.s,1,.01,r):i,a:a.a?s(t,a.a,1,0,r):i,o:a.o?s(t,a.o,0,.01,r):i,p:a.p?s(t,a.p,1,0,r):i,sw:a.sw?s(t,a.sw,0,0,r):i,sc:a.sc?s(t,a.sc,1,0,r):i,fc:a.fc?s(t,a.fc,1,0,r):i,fh:a.fh?s(t,a.fh,0,0,r):i,fs:a.fs?s(t,a.fs,0,.01,r):i,fb:a.fb?s(t,a.fb,0,.01,r):i,t:a.t?s(t,a.t,0,0,r):i},this.s=TextSelectorProp.getTextSelectorProp(t,e.s,r),this.s.t=e.s.t}function LetterProps(t,e,r,i,s,a){this.o=t,this.sw=e,this.sc=r,this.fc=i,this.m=s,this.p=a,this._mdf={o:!0,sw:!!e,sc:!!r,fc:!!i,m:!0,p:!0}}function TextProperty(t,e){this._frameId=initialDefaultFrame,this.pv="",this.v="",this.kf=!1,this._isFirstFrame=!0,this._mdf=!1,this.data=e,this.elem=t,this.comp=this.elem.comp,this.keysIndex=0,this.canResize=!1,this.minimumFontSize=1,this.effectsSequence=[],this.currentData={ascent:0,boxWidth:this.defaultBoxWidth,f:"",fStyle:"",fWeight:"",fc:"",j:"",justifyOffset:"",l:[],lh:0,lineWidths:[],ls:"",of:"",s:"",sc:"",sw:0,t:0,tr:0,sz:0,ps:null,fillColorAnim:!1,strokeColorAnim:!1,strokeWidthAnim:!1,yOffset:0,finalSize:0,finalText:[],finalLineHeight:0,__complete:!1},this.copyData(this.currentData,this.data.d.k[0].s),this.searchProperty()||this.completeTextData(this.currentData)}TextAnimatorProperty.prototype.searchProperties=function(){var t,e,r=this._textData.a.length,i=PropertyFactory.getProp;for(t=0;t<r;t+=1)e=this._textData.a[t],this._animatorsData[t]=new TextAnimatorDataProperty(this._elem,e,this);this._textData.p&&"m"in this._textData.p?(this._pathData={f:i(this._elem,this._textData.p.f,0,0,this),l:i(this._elem,this._textData.p.l,0,0,this),r:this._textData.p.r,m:this._elem.maskManager.getMaskProperty(this._textData.p.m)},this._hasMaskedPath=!0):this._hasMaskedPath=!1,this._moreOptions.alignment=i(this._elem,this._textData.m.a,1,0,this)},TextAnimatorProperty.prototype.getMeasures=function(t,e){if(this.lettersChangedFlag=e,this._mdf||this._isFirstFrame||e||this._hasMaskedPath&&this._pathData.m._mdf){this._isFirstFrame=!1;var r,i,s,a,n,o,h,l,p,f,m,c,d,u,y,g,v,b,P,_=this._moreOptions.alignment.v,x=this._animatorsData,S=this._textData,T=this.mHelper,E=this._renderType,C=this.renderedLetters.length,A=(this.data,t.l);if(this._hasMaskedPath){if(P=this._pathData.m,!this._pathData.n||this._pathData._mdf){var k,D=P.v;for(this._pathData.r&&(D=D.reverse()),n={tLength:0,segments:[]},a=D._length-1,g=0,s=0;s<a;s+=1)k=bez.buildBezierData(D.v[s],D.v[s+1],[D.o[s][0]-D.v[s][0],D.o[s][1]-D.v[s][1]],[D.i[s+1][0]-D.v[s+1][0],D.i[s+1][1]-D.v[s+1][1]]),n.tLength+=k.segmentLength,n.segments.push(k),g+=k.segmentLength;s=a,P.v.c&&(k=bez.buildBezierData(D.v[s],D.v[0],[D.o[s][0]-D.v[s][0],D.o[s][1]-D.v[s][1]],[D.i[0][0]-D.v[0][0],D.i[0][1]-D.v[0][1]]),n.tLength+=k.segmentLength,n.segments.push(k),g+=k.segmentLength),this._pathData.pi=n}if(n=this._pathData.pi,o=this._pathData.f.v,m=0,f=1,l=0,p=!0,u=n.segments,o<0&&P.v.c)for(n.tLength<Math.abs(o)&&(o=-Math.abs(o)%n.tLength),f=(d=u[m=u.length-1].points).length-1;o<0;)o+=d[f].partialLength,(f-=1)<0&&(f=(d=u[m-=1].points).length-1);c=(d=u[m].points)[f-1],y=(h=d[f]).partialLength}a=A.length,r=0,i=0;var M,I,w,F,V=1.2*t.finalSize*.714,R=!0;w=x.length;var L,O,z,B,N,G,j,q,H,W,Y,X,K,$=-1,J=o,U=m,Z=f,Q=-1,tt="",et=this.defaultPropsArray;if(2===t.j||1===t.j){var rt=0,it=0,st=2===t.j?-.5:-1,at=0,nt=!0;for(s=0;s<a;s+=1)if(A[s].n){for(rt&&(rt+=it);at<s;)A[at].animatorJustifyOffset=rt,at+=1;rt=0,nt=!0}else{for(I=0;I<w;I+=1)(M=x[I].a).t.propType&&(nt&&2===t.j&&(it+=M.t.v*st),(L=x[I].s.getMult(A[s].anIndexes[I],S.a[I].s.totalChars)).length?rt+=M.t.v*L[0]*st:rt+=M.t.v*L*st);nt=!1}for(rt&&(rt+=it);at<s;)A[at].animatorJustifyOffset=rt,at+=1}for(s=0;s<a;s+=1){if(T.reset(),N=1,A[s].n)r=0,i+=t.yOffset,i+=R?1:0,o=J,R=!1,0,this._hasMaskedPath&&(f=Z,c=(d=u[m=U].points)[f-1],y=(h=d[f]).partialLength,l=0),K=W=X=tt="",et=this.defaultPropsArray;else{if(this._hasMaskedPath){if(Q!==A[s].line){switch(t.j){case 1:o+=g-t.lineWidths[A[s].line];break;case 2:o+=(g-t.lineWidths[A[s].line])/2}Q=A[s].line}$!==A[s].ind&&(A[$]&&(o+=A[$].extra),o+=A[s].an/2,$=A[s].ind),o+=_[0]*A[s].an/200;var ot=0;for(I=0;I<w;I+=1)(M=x[I].a).p.propType&&((L=x[I].s.getMult(A[s].anIndexes[I],S.a[I].s.totalChars)).length?ot+=M.p.v[0]*L[0]:ot+=M.p.v[0]*L),M.a.propType&&((L=x[I].s.getMult(A[s].anIndexes[I],S.a[I].s.totalChars)).length?ot+=M.a.v[0]*L[0]:ot+=M.a.v[0]*L);for(p=!0;p;)l+y>=o+ot||!d?(v=(o+ot-l)/h.partialLength,z=c.point[0]+(h.point[0]-c.point[0])*v,B=c.point[1]+(h.point[1]-c.point[1])*v,T.translate(-_[0]*A[s].an/200,-_[1]*V/100),p=!1):d&&(l+=h.partialLength,(f+=1)>=d.length&&(f=0,u[m+=1]?d=u[m].points:P.v.c?(f=0,d=u[m=0].points):(l-=h.partialLength,d=null)),d&&(c=h,y=(h=d[f]).partialLength));O=A[s].an/2-A[s].add,T.translate(-O,0,0)}else O=A[s].an/2-A[s].add,T.translate(-O,0,0),T.translate(-_[0]*A[s].an/200,-_[1]*V/100,0);for(A[s].l/2,I=0;I<w;I+=1)(M=x[I].a).t.propType&&(L=x[I].s.getMult(A[s].anIndexes[I],S.a[I].s.totalChars),0===r&&0===t.j||(this._hasMaskedPath?L.length?o+=M.t.v*L[0]:o+=M.t.v*L:L.length?r+=M.t.v*L[0]:r+=M.t.v*L));for(A[s].l/2,t.strokeWidthAnim&&(j=t.sw||0),t.strokeColorAnim&&(G=t.sc?[t.sc[0],t.sc[1],t.sc[2]]:[0,0,0]),t.fillColorAnim&&t.fc&&(q=[t.fc[0],t.fc[1],t.fc[2]]),I=0;I<w;I+=1)(M=x[I].a).a.propType&&((L=x[I].s.getMult(A[s].anIndexes[I],S.a[I].s.totalChars)).length?T.translate(-M.a.v[0]*L[0],-M.a.v[1]*L[1],M.a.v[2]*L[2]):T.translate(-M.a.v[0]*L,-M.a.v[1]*L,M.a.v[2]*L));for(I=0;I<w;I+=1)(M=x[I].a).s.propType&&((L=x[I].s.getMult(A[s].anIndexes[I],S.a[I].s.totalChars)).length?T.scale(1+(M.s.v[0]-1)*L[0],1+(M.s.v[1]-1)*L[1],1):T.scale(1+(M.s.v[0]-1)*L,1+(M.s.v[1]-1)*L,1));for(I=0;I<w;I+=1){if(M=x[I].a,L=x[I].s.getMult(A[s].anIndexes[I],S.a[I].s.totalChars),M.sk.propType&&(L.length?T.skewFromAxis(-M.sk.v*L[0],M.sa.v*L[1]):T.skewFromAxis(-M.sk.v*L,M.sa.v*L)),M.r.propType&&(L.length?T.rotateZ(-M.r.v*L[2]):T.rotateZ(-M.r.v*L)),M.ry.propType&&(L.length?T.rotateY(M.ry.v*L[1]):T.rotateY(M.ry.v*L)),M.rx.propType&&(L.length?T.rotateX(M.rx.v*L[0]):T.rotateX(M.rx.v*L)),M.o.propType&&(L.length?N+=(M.o.v*L[0]-N)*L[0]:N+=(M.o.v*L-N)*L),t.strokeWidthAnim&&M.sw.propType&&(L.length?j+=M.sw.v*L[0]:j+=M.sw.v*L),t.strokeColorAnim&&M.sc.propType)for(H=0;H<3;H+=1)L.length?G[H]=G[H]+(M.sc.v[H]-G[H])*L[0]:G[H]=G[H]+(M.sc.v[H]-G[H])*L;if(t.fillColorAnim&&t.fc){if(M.fc.propType)for(H=0;H<3;H+=1)L.length?q[H]=q[H]+(M.fc.v[H]-q[H])*L[0]:q[H]=q[H]+(M.fc.v[H]-q[H])*L;M.fh.propType&&(q=L.length?addHueToRGB(q,M.fh.v*L[0]):addHueToRGB(q,M.fh.v*L)),M.fs.propType&&(q=L.length?addSaturationToRGB(q,M.fs.v*L[0]):addSaturationToRGB(q,M.fs.v*L)),M.fb.propType&&(q=L.length?addBrightnessToRGB(q,M.fb.v*L[0]):addBrightnessToRGB(q,M.fb.v*L))}}for(I=0;I<w;I+=1)(M=x[I].a).p.propType&&(L=x[I].s.getMult(A[s].anIndexes[I],S.a[I].s.totalChars),this._hasMaskedPath?L.length?T.translate(0,M.p.v[1]*L[0],-M.p.v[2]*L[1]):T.translate(0,M.p.v[1]*L,-M.p.v[2]*L):L.length?T.translate(M.p.v[0]*L[0],M.p.v[1]*L[1],-M.p.v[2]*L[2]):T.translate(M.p.v[0]*L,M.p.v[1]*L,-M.p.v[2]*L));if(t.strokeWidthAnim&&(W=j<0?0:j),t.strokeColorAnim&&(Y="rgb("+Math.round(255*G[0])+","+Math.round(255*G[1])+","+Math.round(255*G[2])+")"),t.fillColorAnim&&t.fc&&(X="rgb("+Math.round(255*q[0])+","+Math.round(255*q[1])+","+Math.round(255*q[2])+")"),this._hasMaskedPath){if(T.translate(0,-t.ls),T.translate(0,_[1]*V/100+i,0),S.p.p){b=(h.point[1]-c.point[1])/(h.point[0]-c.point[0]);var ht=180*Math.atan(b)/Math.PI;h.point[0]<c.point[0]&&(ht+=180),T.rotate(-ht*Math.PI/180)}T.translate(z,B,0),o-=_[0]*A[s].an/200,A[s+1]&&$!==A[s+1].ind&&(o+=A[s].an/2,o+=t.tr/1e3*t.finalSize)}else{switch(T.translate(r,i,0),t.ps&&T.translate(t.ps[0],t.ps[1]+t.ascent,0),t.j){case 1:T.translate(A[s].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[A[s].line]),0,0);break;case 2:T.translate(A[s].animatorJustifyOffset+t.justifyOffset+(t.boxWidth-t.lineWidths[A[s].line])/2,0,0)}T.translate(0,-t.ls),T.translate(O,0,0),T.translate(_[0]*A[s].an/200,_[1]*V/100,0),r+=A[s].l+t.tr/1e3*t.finalSize}"html"===E?tt=T.toCSS():"svg"===E?tt=T.to2dCSS():et=[T.props[0],T.props[1],T.props[2],T.props[3],T.props[4],T.props[5],T.props[6],T.props[7],T.props[8],T.props[9],T.props[10],T.props[11],T.props[12],T.props[13],T.props[14],T.props[15]],K=N}C<=s?(F=new LetterProps(K,W,Y,X,tt,et),this.renderedLetters.push(F),C+=1,this.lettersChangedFlag=!0):(F=this.renderedLetters[s],this.lettersChangedFlag=F.update(K,W,Y,X,tt,et)||this.lettersChangedFlag)}}},TextAnimatorProperty.prototype.getValue=function(){this._elem.globalData.frameId!==this._frameId&&(this._frameId=this._elem.globalData.frameId,this.iterateDynamicProperties())},TextAnimatorProperty.prototype.mHelper=new Matrix,TextAnimatorProperty.prototype.defaultPropsArray=[],extendPrototype([DynamicPropertyContainer],TextAnimatorProperty),LetterProps.prototype.update=function(t,e,r,i,s,a){this._mdf.o=!1,this._mdf.sw=!1,this._mdf.sc=!1,this._mdf.fc=!1,this._mdf.m=!1,this._mdf.p=!1;var n=!1;return this.o!==t&&(this.o=t,this._mdf.o=!0,n=!0),this.sw!==e&&(this.sw=e,this._mdf.sw=!0,n=!0),this.sc!==r&&(this.sc=r,this._mdf.sc=!0,n=!0),this.fc!==i&&(this.fc=i,this._mdf.fc=!0,n=!0),this.m!==s&&(this.m=s,this._mdf.m=!0,n=!0),!a.length||this.p[0]===a[0]&&this.p[1]===a[1]&&this.p[4]===a[4]&&this.p[5]===a[5]&&this.p[12]===a[12]&&this.p[13]===a[13]||(this.p=a,this._mdf.p=!0,n=!0),n},TextProperty.prototype.defaultBoxWidth=[0,0],TextProperty.prototype.copyData=function(t,e){for(var r in e)e.hasOwnProperty(r)&&(t[r]=e[r]);return t},TextProperty.prototype.setCurrentData=function(t){t.__complete||this.completeTextData(t),this.currentData=t,this.currentData.boxWidth=this.currentData.boxWidth||this.defaultBoxWidth,this._mdf=!0},TextProperty.prototype.searchProperty=function(){return this.searchKeyframes()},TextProperty.prototype.searchKeyframes=function(){return this.kf=this.data.d.k.length>1,this.kf&&this.addEffect(this.getKeyframeValue.bind(this)),this.kf},TextProperty.prototype.addEffect=function(t){this.effectsSequence.push(t),this.elem.addDynamicProperty(this)},TextProperty.prototype.getValue=function(t){if(this.elem.globalData.frameId!==this.frameId&&this.effectsSequence.length||t){this.currentData.t=this.data.d.k[this.keysIndex].s.t;var e=this.currentData,r=this.keysIndex;if(this.lock)this.setCurrentData(this.currentData);else{this.lock=!0,this._mdf=!1;var i,s=this.effectsSequence.length,a=t||this.data.d.k[this.keysIndex].s;for(i=0;i<s;i+=1)a=r!==this.keysIndex?this.effectsSequence[i](a,a.t):this.effectsSequence[i](this.currentData,a.t);e!==a&&this.setCurrentData(a),this.pv=this.v=this.currentData,this.lock=!1,this.frameId=this.elem.globalData.frameId}}},TextProperty.prototype.getKeyframeValue=function(){for(var t=this.data.d.k,e=this.elem.comp.renderedFrame,r=0,i=t.length;r<=i-1&&(t[r].s,!(r===i-1||t[r+1].t>e));)r+=1;return this.keysIndex!==r&&(this.keysIndex=r),this.data.d.k[this.keysIndex].s},TextProperty.prototype.buildFinalText=function(t){for(var e,r=FontManager.getCombinedCharacterCodes(),i=[],s=0,a=t.length;s<a;)e=t.charCodeAt(s),-1!==r.indexOf(e)?i[i.length-1]+=t.charAt(s):e>=55296&&e<=56319&&(e=t.charCodeAt(s+1))>=56320&&e<=57343?(i.push(t.substr(s,2)),++s):i.push(t.charAt(s)),s+=1;return i},TextProperty.prototype.completeTextData=function(t){t.__complete=!0;var e,r,i,s,a,n,o,h=this.elem.globalData.fontManager,l=this.data,p=[],f=0,m=l.m.g,c=0,d=0,u=0,y=[],g=0,v=0,b=h.getFontByName(t.f),P=0,_=b.fStyle?b.fStyle.split(" "):[],x="normal",S="normal";for(r=_.length,e=0;e<r;e+=1)switch(_[e].toLowerCase()){case"italic":S="italic";break;case"bold":x="700";break;case"black":x="900";break;case"medium":x="500";break;case"regular":case"normal":x="400";break;case"light":case"thin":x="200"}t.fWeight=b.fWeight||x,t.fStyle=S,t.finalSize=t.s,t.finalText=this.buildFinalText(t.t),r=t.finalText.length,t.finalLineHeight=t.lh;var T,E=t.tr/1e3*t.finalSize;if(t.sz)for(var C,A,k=!0,D=t.sz[0],M=t.sz[1];k;){C=0,g=0,r=(A=this.buildFinalText(t.t)).length,E=t.tr/1e3*t.finalSize;var I=-1;for(e=0;e<r;e+=1)T=A[e].charCodeAt(0),i=!1," "===A[e]?I=e:13!==T&&3!==T||(g=0,i=!0,C+=t.finalLineHeight||1.2*t.finalSize),h.chars?(o=h.getCharData(A[e],b.fStyle,b.fFamily),P=i?0:o.w*t.finalSize/100):P=h.measureText(A[e],t.f,t.finalSize),g+P>D&&" "!==A[e]?(-1===I?r+=1:e=I,C+=t.finalLineHeight||1.2*t.finalSize,A.splice(e,I===e?1:0,"\r"),I=-1,g=0):(g+=P,g+=E);C+=b.ascent*t.finalSize/100,this.canResize&&t.finalSize>this.minimumFontSize&&M<C?(t.finalSize-=1,t.finalLineHeight=t.finalSize*t.lh/t.s):(t.finalText=A,r=t.finalText.length,k=!1)}g=-E,P=0;var w,F=0;for(e=0;e<r;e+=1)if(i=!1,T=(w=t.finalText[e]).charCodeAt(0)," "===w?s=" ":13===T||3===T?(F=0,y.push(g),v=g>v?g:v,g=-2*E,s="",i=!0,u+=1):s=t.finalText[e],h.chars?(o=h.getCharData(w,b.fStyle,h.getFontByName(t.f).fFamily),P=i?0:o.w*t.finalSize/100):P=h.measureText(s,t.f,t.finalSize)," "===w?F+=P+E:(g+=P+E+F,F=0),p.push({l:P,an:P,add:c,n:i,anIndexes:[],val:s,line:u,animatorJustifyOffset:0}),2==m){if(c+=P,""===s||" "===s||e===r-1){for(""!==s&&" "!==s||(c-=P);d<=e;)p[d].an=c,p[d].ind=f,p[d].extra=P,d+=1;f+=1,c=0}}else if(3==m){if(c+=P,""===s||e===r-1){for(""===s&&(c-=P);d<=e;)p[d].an=c,p[d].ind=f,p[d].extra=P,d+=1;c=0,f+=1}}else p[f].ind=f,p[f].extra=0,f+=1;if(t.l=p,v=g>v?g:v,y.push(g),t.sz)t.boxWidth=t.sz[0],t.justifyOffset=0;else switch(t.boxWidth=v,t.j){case 1:t.justifyOffset=-t.boxWidth;break;case 2:t.justifyOffset=-t.boxWidth/2;break;default:t.justifyOffset=0}t.lineWidths=y;var V,R,L=l.a;n=L.length;var O,z,B=[];for(a=0;a<n;a+=1){for((V=L[a]).a.sc&&(t.strokeColorAnim=!0),V.a.sw&&(t.strokeWidthAnim=!0),(V.a.fc||V.a.fh||V.a.fs||V.a.fb)&&(t.fillColorAnim=!0),z=0,O=V.s.b,e=0;e<r;e+=1)(R=p[e]).anIndexes[a]=z,(1==O&&""!==R.val||2==O&&""!==R.val&&" "!==R.val||3==O&&(R.n||" "==R.val||e==r-1)||4==O&&(R.n||e==r-1))&&(1===V.s.rn&&B.push(z),z+=1);l.a[a].s.totalChars=z;var N,G=-1;if(1===V.s.rn)for(e=0;e<r;e+=1)G!=(R=p[e]).anIndexes[a]&&(G=R.anIndexes[a],N=B.splice(Math.floor(Math.random()*B.length),1)[0]),R.anIndexes[a]=N}t.yOffset=t.finalLineHeight||1.2*t.finalSize,t.ls=t.ls||0,t.ascent=b.ascent*t.finalSize/100},TextProperty.prototype.updateDocumentData=function(t,e){e=void 0===e?this.keysIndex:e;var r=this.copyData({},this.data.d.k[e].s);r=this.copyData(r,t),this.data.d.k[e].s=r,this.recalculate(e),this.elem.addDynamicProperty(this)},TextProperty.prototype.recalculate=function(t){var e=this.data.d.k[t].s;e.__complete=!1,this.keysIndex=0,this._isFirstFrame=!0,this.getValue(e)},TextProperty.prototype.canResizeFont=function(t){this.canResize=t,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)},TextProperty.prototype.setMinimumFontSize=function(t){this.minimumFontSize=Math.floor(t)||1,this.recalculate(this.keysIndex),this.elem.addDynamicProperty(this)};var TextSelectorProp=function(){var t=Math.max,e=Math.min,r=Math.floor;function i(t,e){this._currentTextLength=-1,this.k=!1,this.data=e,this.elem=t,this.comp=t.comp,this.finalS=0,this.finalE=0,this.initDynamicPropertyContainer(t),this.s=PropertyFactory.getProp(t,e.s||{k:0},0,0,this),this.e="e"in e?PropertyFactory.getProp(t,e.e,0,0,this):{v:100},this.o=PropertyFactory.getProp(t,e.o||{k:0},0,0,this),this.xe=PropertyFactory.getProp(t,e.xe||{k:0},0,0,this),this.ne=PropertyFactory.getProp(t,e.ne||{k:0},0,0,this),this.a=PropertyFactory.getProp(t,e.a,0,.01,this),this.dynamicProperties.length||this.getValue()}return i.prototype={getMult:function(i){this._currentTextLength!==this.elem.textProperty.currentData.l.length&&this.getValue();var s=BezierFactory.getBezierEasing(this.ne.v/100,0,1-this.xe.v/100,1).get,a=0,n=this.finalS,o=this.finalE,h=this.data.sh;if(2==h)a=s(a=o===n?i>=o?1:0:t(0,e(.5/(o-n)+(i-n)/(o-n),1)));else if(3==h)a=s(a=o===n?i>=o?0:1:1-t(0,e(.5/(o-n)+(i-n)/(o-n),1)));else if(4==h)o===n?a=0:(a=t(0,e(.5/(o-n)+(i-n)/(o-n),1)))<.5?a*=2:a=1-2*(a-.5),a=s(a);else if(5==h){if(o===n)a=0;else{var l=o-n,p=-l/2+(i=e(t(0,i+.5-n),o-n)),f=l/2;a=Math.sqrt(1-p*p/(f*f))}a=s(a)}else 6==h?(o===n?a=0:(i=e(t(0,i+.5-n),o-n),a=(1+Math.cos(Math.PI+2*Math.PI*i/(o-n)))/2),a=s(a)):(i>=r(n)&&(a=i-n<0?1-(n-i):t(0,e(o-i,1))),a=s(a));return a*this.a.v},getValue:function(t){this.iterateDynamicProperties(),this._mdf=t||this._mdf,this._currentTextLength=this.elem.textProperty.currentData.l.length||0,t&&2===this.data.r&&(this.e.v=this._currentTextLength);var e=2===this.data.r?1:100/this.data.totalChars,r=this.o.v/e,i=this.s.v/e+r,s=this.e.v/e+r;if(i>s){var a=i;i=s,s=a}this.finalS=i,this.finalE=s}},extendPrototype([DynamicPropertyContainer],i),{getTextSelectorProp:function(t,e,r){return new i(t,e,r)}}}(),pool_factory=function(t,e,r,i){var s=0,a=t,n=createSizedArray(a);function o(){return s?n[s-=1]:e()}return{newElement:o,release:function(t){s===a&&(n=pooling.double(n),a*=2),r&&r(t),n[s]=t,s+=1}}},pooling={double:function(t){return t.concat(createSizedArray(t.length))}},point_pool=pool_factory(8,function(){return createTypedArray("float32",2)}),shape_pool=(factory=pool_factory(4,function(){return new ShapePath},function(t){var e,r=t._length;for(e=0;e<r;e+=1)point_pool.release(t.v[e]),point_pool.release(t.i[e]),point_pool.release(t.o[e]),t.v[e]=null,t.i[e]=null,t.o[e]=null;t._length=0,t.c=!1}),factory.clone=function(t){var e,r=factory.newElement(),i=void 0===t._length?t.v.length:t._length;for(r.setLength(i),r.c=t.c,e=0;e<i;e+=1)r.setTripleAt(t.v[e][0],t.v[e][1],t.o[e][0],t.o[e][1],t.i[e][0],t.i[e][1],e);return r},factory),factory,shapeCollection_pool=function(){var t={newShapeCollection:function(){var t;t=e?i[e-=1]:new ShapeCollection;return t},release:function(t){var s,a=t._length;for(s=0;s<a;s+=1)shape_pool.release(t.shapes[s]);t._length=0,e===r&&(i=pooling.double(i),r*=2);i[e]=t,e+=1}},e=0,r=4,i=createSizedArray(r);return t}(),segments_length_pool=pool_factory(8,function(){return{lengths:[],totalLength:0}},function(t){var e,r=t.lengths.length;for(e=0;e<r;e+=1)bezier_length_pool.release(t.lengths[e]);t.lengths.length=0}),bezier_length_pool=pool_factory(8,function(){return{addedLength:0,percents:createTypedArray("float32",defaultCurveSegments),lengths:createTypedArray("float32",defaultCurveSegments)}});function BaseRenderer(){}function SVGRenderer(t,e){this.animationItem=t,this.layers=null,this.renderedFrame=-1,this.svgElement=createNS("svg");var r="";if(e&&e.title){var i=createNS("title"),s=createElementID();i.setAttribute("id",s),i.textContent=e.title,this.svgElement.appendChild(i),r+=s}if(e&&e.description){var a=createNS("desc"),n=createElementID();a.setAttribute("id",n),a.textContent=e.description,this.svgElement.appendChild(a),r+=" "+n}r&&this.svgElement.setAttribute("aria-labelledby",r);var o=createNS("defs");this.svgElement.appendChild(o);var h=createNS("g");this.svgElement.appendChild(h),this.layerElement=h,this.renderConfig={preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",progressiveLoad:e&&e.progressiveLoad||!1,hideOnTransparent:!e||!1!==e.hideOnTransparent,viewBoxOnly:e&&e.viewBoxOnly||!1,viewBoxSize:e&&e.viewBoxSize||!1,className:e&&e.className||""},this.globalData={_mdf:!1,frameNum:-1,defs:o,renderConfig:this.renderConfig},this.elements=[],this.pendingElements=[],this.destroyed=!1,this.rendererType="svg"}function CanvasRenderer(t,e){this.animationItem=t,this.renderConfig={clearCanvas:!e||void 0===e.clearCanvas||e.clearCanvas,context:e&&e.context||null,progressiveLoad:e&&e.progressiveLoad||!1,preserveAspectRatio:e&&e.preserveAspectRatio||"xMidYMid meet",imagePreserveAspectRatio:e&&e.imagePreserveAspectRatio||"xMidYMid slice",className:e&&e.className||""},this.renderConfig.dpr=e&&e.dpr||1,this.animationItem.wrapper&&(this.renderConfig.dpr=e&&e.dpr||window.devicePixelRatio||1),this.renderedFrame=-1,this.globalData={frameNum:-1,_mdf:!1,renderConfig:this.renderConfig,currentGlobalAlpha:-1},this.contextData=new CVContextData,this.elements=[],this.pendingElements=[],this.transformMat=new Matrix,this.completeLayers=!1,this.rendererType="canvas"}function MaskElement(t,e,r){this.data=t,this.element=e,this.globalData=r,this.storedData=[],this.masksProperties=this.data.masksProperties||[],this.maskElement=null;var i,s=this.globalData.defs,a=this.masksProperties?this.masksProperties.length:0;this.viewData=createSizedArray(a),this.solidPath="";var n,o,h,l,p,f,m,c=this.masksProperties,d=0,u=[],y=createElementID(),g="clipPath",v="clip-path";for(i=0;i<a;i++)if(("a"!==c[i].mode&&"n"!==c[i].mode||c[i].inv||100!==c[i].o.k||c[i].o.x)&&(g="mask",v="mask"),"s"!=c[i].mode&&"i"!=c[i].mode||0!==d?l=null:((l=createNS("rect")).setAttribute("fill","#ffffff"),l.setAttribute("width",this.element.comp.data.w||0),l.setAttribute("height",this.element.comp.data.h||0),u.push(l)),n=createNS("path"),"n"!=c[i].mode){var b;if(d+=1,n.setAttribute("fill","s"===c[i].mode?"#000000":"#ffffff"),n.setAttribute("clip-rule","nonzero"),0!==c[i].x.k?(g="mask",v="mask",m=PropertyFactory.getProp(this.element,c[i].x,0,null,this.element),b=createElementID(),(p=createNS("filter")).setAttribute("id",b),(f=createNS("feMorphology")).setAttribute("operator","erode"),f.setAttribute("in","SourceGraphic"),f.setAttribute("radius","0"),p.appendChild(f),s.appendChild(p),n.setAttribute("stroke","s"===c[i].mode?"#000000":"#ffffff")):(f=null,m=null),this.storedData[i]={elem:n,x:m,expan:f,lastPath:"",lastOperator:"",filterId:b,lastRadius:0},"i"==c[i].mode){h=u.length;var P=createNS("g");for(o=0;o<h;o+=1)P.appendChild(u[o]);var _=createNS("mask");_.setAttribute("mask-type","alpha"),_.setAttribute("id",y+"_"+d),_.appendChild(n),s.appendChild(_),P.setAttribute("mask","url("+locationHref+"#"+y+"_"+d+")"),u.length=0,u.push(P)}else u.push(n);c[i].inv&&!this.solidPath&&(this.solidPath=this.createLayerSolidPath()),this.viewData[i]={elem:n,lastPath:"",op:PropertyFactory.getProp(this.element,c[i].o,0,.01,this.element),prop:ShapePropertyFactory.getShapeProp(this.element,c[i],3),invRect:l},this.viewData[i].prop.k||this.drawPath(c[i],this.viewData[i].prop.v,this.viewData[i])}else this.viewData[i]={op:PropertyFactory.getProp(this.element,c[i].o,0,.01,this.element),prop:ShapePropertyFactory.getShapeProp(this.element,c[i],3),elem:n,lastPath:""},s.appendChild(n);for(this.maskElement=createNS(g),a=u.length,i=0;i<a;i+=1)this.maskElement.appendChild(u[i]);d>0&&(this.maskElement.setAttribute("id",y),this.element.maskedElement.setAttribute(v,"url("+locationHref+"#"+y+")"),s.appendChild(this.maskElement)),this.viewData.length&&this.element.addRenderableComponent(this)}function HierarchyElement(){}function FrameElement(){}function TransformElement(){}function RenderableElement(){}function RenderableDOMElement(){}function ProcessedElement(t,e){this.elem=t,this.pos=e}function SVGShapeData(t,e,r){this.caches=[],this.styles=[],this.transformers=t,this.lStr="",this.sh=r,this.lvl=e,this._isAnimated=!!r.k;for(var i=0,s=t.length;i<s;){if(t[i].mProps.dynamicProperties.length){this._isAnimated=!0;break}i+=1}}function ShapeGroupData(){this.it=[],this.prevViewData=[],this.gr=createNS("g")}function ShapeTransformManager(){this.sequences={},this.sequenceList=[],this.transform_key_count=0}function CVShapeData(t,e,r,i){this.styledShapes=[],this.tr=[0,0,0,0,0,0];var s=4;"rc"==e.ty?s=5:"el"==e.ty?s=6:"sr"==e.ty&&(s=7),this.sh=ShapePropertyFactory.getShapeProp(t,e,s,t);var a,n,o=r.length;for(a=0;a<o;a+=1)r[a].closed||(n={transforms:i.addTransformSequence(r[a].transforms),trNodes:[]},this.styledShapes.push(n),r[a].elements.push(n))}function BaseElement(){}function NullElement(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initFrame(),this.initTransform(t,e,r),this.initHierarchy()}function SVGBaseElement(){}function IShapeElement(){}function ITextElement(){}function ICompElement(){}function IImageElement(t,e,r){this.assetData=e.getAssetData(t.refId),this.initElement(t,e,r),this.sourceRect={top:0,left:0,width:this.assetData.w,height:this.assetData.h}}function ISolidElement(t,e,r){this.initElement(t,e,r)}function SVGShapeElement(t,e,r){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.shapeModifiers=[],this.itemsData=[],this.processedElements=[],this.animatedContents=[],this.initElement(t,e,r),this.prevViewData=[]}function CVContextData(){this.saved=[],this.cArrPos=0,this.cTr=new Matrix,this.cO=1;var t;for(this.savedOp=createTypedArray("float32",15),t=0;t<15;t+=1)this.saved[t]=createTypedArray("float32",16);this._length=15}function CVBaseElement(){}function CVImageElement(t,e,r){this.assetData=e.getAssetData(t.refId),this.img=e.imageLoader.getImage(this.assetData),this.initElement(t,e,r)}function CVCompElement(t,e,r){this.completeLayers=!1,this.layers=t.layers,this.pendingElements=[],this.elements=createSizedArray(this.layers.length),this.initElement(t,e,r),this.tm=t.tm?PropertyFactory.getProp(this,t.tm,0,e.frameRate,this):{_placeholder:!0}}function CVMaskElement(t,e){this.data=t,this.element=e,this.masksProperties=this.data.masksProperties||[],this.viewData=createSizedArray(this.masksProperties.length);var r,i=this.masksProperties.length,s=!1;for(r=0;r<i;r++)"n"!==this.masksProperties[r].mode&&(s=!0),this.viewData[r]=ShapePropertyFactory.getShapeProp(this.element,this.masksProperties[r],3);this.hasMasks=s,s&&this.element.addRenderableComponent(this)}function CVShapeElement(t,e,r){this.shapes=[],this.shapesData=t.shapes,this.stylesList=[],this.itemsData=[],this.prevViewData=[],this.shapeModifiers=[],this.processedElements=[],this.transformsManager=new ShapeTransformManager,this.initElement(t,e,r)}function CVSolidElement(t,e,r){this.initElement(t,e,r)}function CVTextElement(t,e,r){this.textSpans=[],this.yOffset=0,this.fillColorAnim=!1,this.strokeColorAnim=!1,this.strokeWidthAnim=!1,this.stroke=!1,this.fill=!1,this.justifyOffset=0,this.currentRender=null,this.renderType="canvas",this.values={fill:"rgba(0,0,0,0)",stroke:"rgba(0,0,0,0)",sWidth:0,fValue:""},this.initElement(t,e,r)}function CVEffects(){}BaseRenderer.prototype.checkLayers=function(t){var e,r,i=this.layers.length;for(this.completeLayers=!0,e=i-1;e>=0;e--)this.elements[e]||(r=this.layers[e]).ip-r.st<=t-this.layers[e].st&&r.op-r.st>t-this.layers[e].st&&this.buildItem(e),this.completeLayers=!!this.elements[e]&&this.completeLayers;this.checkPendingElements()},BaseRenderer.prototype.createItem=function(t){switch(t.ty){case 2:return this.createImage(t);case 0:return this.createComp(t);case 1:return this.createSolid(t);case 3:return this.createNull(t);case 4:return this.createShape(t);case 5:return this.createText(t);case 13:return this.createCamera(t)}return this.createNull(t)},BaseRenderer.prototype.createCamera=function(){throw new Error("You're using a 3d camera. Try the html renderer.")},BaseRenderer.prototype.buildAllItems=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.buildItem(t);this.checkPendingElements()},BaseRenderer.prototype.includeLayers=function(t){this.completeLayers=!1;var e,r,i=t.length,s=this.layers.length;for(e=0;e<i;e+=1)for(r=0;r<s;){if(this.layers[r].id==t[e].id){this.layers[r]=t[e];break}r+=1}},BaseRenderer.prototype.setProjectInterface=function(t){this.globalData.projectInterface=t},BaseRenderer.prototype.initItems=function(){this.globalData.progressiveLoad||this.buildAllItems()},BaseRenderer.prototype.buildElementParenting=function(t,e,r){for(var i=this.elements,s=this.layers,a=0,n=s.length;a<n;)s[a].ind==e&&(i[a]&&!0!==i[a]?(r.push(i[a]),i[a].setAsParent(),void 0!==s[a].parent?this.buildElementParenting(t,s[a].parent,r):t.setHierarchy(r)):(this.buildItem(a),this.addPendingElement(t))),a+=1},BaseRenderer.prototype.addPendingElement=function(t){this.pendingElements.push(t)},BaseRenderer.prototype.searchExtraCompositions=function(t){var e,r=t.length;for(e=0;e<r;e+=1)if(t[e].xt){var i=this.createComp(t[e]);i.initExpressions(),this.globalData.projectInterface.registerComposition(i)}},BaseRenderer.prototype.setupGlobalData=function(t,e){this.globalData.fontManager=new FontManager,this.globalData.fontManager.addChars(t.chars),this.globalData.fontManager.addFonts(t.fonts,e),this.globalData.getAssetData=this.animationItem.getAssetData.bind(this.animationItem),this.globalData.getAssetsPath=this.animationItem.getAssetsPath.bind(this.animationItem),this.globalData.imageLoader=this.animationItem.imagePreloader,this.globalData.frameId=0,this.globalData.frameRate=t.fr,this.globalData.nm=t.nm,this.globalData.compSize={w:t.w,h:t.h}},extendPrototype([BaseRenderer],SVGRenderer),SVGRenderer.prototype.createNull=function(t){return new NullElement(t,this.globalData,this)},SVGRenderer.prototype.createShape=function(t){return new SVGShapeElement(t,this.globalData,this)},SVGRenderer.prototype.createText=function(t){return new SVGTextElement(t,this.globalData,this)},SVGRenderer.prototype.createImage=function(t){return new IImageElement(t,this.globalData,this)},SVGRenderer.prototype.createComp=function(t){return new SVGCompElement(t,this.globalData,this)},SVGRenderer.prototype.createSolid=function(t){return new ISolidElement(t,this.globalData,this)},SVGRenderer.prototype.configAnimation=function(t){this.svgElement.setAttribute("xmlns","http://www.w3.org/2000/svg"),this.renderConfig.viewBoxSize?this.svgElement.setAttribute("viewBox",this.renderConfig.viewBoxSize):this.svgElement.setAttribute("viewBox","0 0 "+t.w+" "+t.h),this.renderConfig.viewBoxOnly||(this.svgElement.setAttribute("width",t.w),this.svgElement.setAttribute("height",t.h),this.svgElement.style.width="100%",this.svgElement.style.height="100%",this.svgElement.style.transform="translate3d(0,0,0)"),this.renderConfig.className&&this.svgElement.setAttribute("class",this.renderConfig.className),this.svgElement.setAttribute("preserveAspectRatio",this.renderConfig.preserveAspectRatio),this.animationItem.wrapper.appendChild(this.svgElement);var e=this.globalData.defs;this.setupGlobalData(t,e),this.globalData.progressiveLoad=this.renderConfig.progressiveLoad,this.data=t;var r=createNS("clipPath"),i=createNS("rect");i.setAttribute("width",t.w),i.setAttribute("height",t.h),i.setAttribute("x",0),i.setAttribute("y",0);var s=createElementID();r.setAttribute("id",s),r.appendChild(i),this.layerElement.setAttribute("clip-path","url("+locationHref+"#"+s+")"),e.appendChild(r),this.layers=t.layers,this.elements=createSizedArray(t.layers.length)},SVGRenderer.prototype.destroy=function(){this.animationItem.wrapper && (this.animationItem.wrapper.innerHTML=""),this.layerElement=null,this.globalData.defs=null;var t,e=this.layers?this.layers.length:0;for(t=0;t<e;t++)this.elements[t]&&this.elements[t].destroy();this.elements.length=0,this.destroyed=!0,this.animationItem=null},SVGRenderer.prototype.updateContainerSize=function(){},SVGRenderer.prototype.buildItem=function(t){var e=this.elements;if(!e[t]&&99!=this.layers[t].ty){e[t]=!0;var r=this.createItem(this.layers[t]);e[t]=r,expressionsPlugin&&(0===this.layers[t].ty&&this.globalData.projectInterface.registerComposition(r),r.initExpressions()),this.appendElementInPos(r,t),this.layers[t].tt&&(this.elements[t-1]&&!0!==this.elements[t-1]?r.setMatte(e[t-1].layerId):(this.buildItem(t-1),this.addPendingElement(r)))}},SVGRenderer.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){var t=this.pendingElements.pop();if(t.checkParenting(),t.data.tt)for(var e=0,r=this.elements.length;e<r;){if(this.elements[e]===t){t.setMatte(this.elements[e-1].layerId);break}e+=1}}},SVGRenderer.prototype.renderFrame=function(t){if(this.renderedFrame!==t&&!this.destroyed){null===t?t=this.renderedFrame:this.renderedFrame=t,this.globalData.frameNum=t,this.globalData.frameId+=1,this.globalData.projectInterface.currentFrame=t,this.globalData._mdf=!1;var e,r=this.layers.length;for(this.completeLayers||this.checkLayers(t),e=r-1;e>=0;e--)(this.completeLayers||this.elements[e])&&this.elements[e].prepareFrame(t-this.layers[e].st);if(this.globalData._mdf)for(e=0;e<r;e+=1)(this.completeLayers||this.elements[e])&&this.elements[e].renderFrame()}},SVGRenderer.prototype.appendElementInPos=function(t,e){var r=t.getBaseElement();if(r){for(var i,s=0;s<e;)this.elements[s]&&!0!==this.elements[s]&&this.elements[s].getBaseElement()&&(i=this.elements[s].getBaseElement()),s+=1;i?this.layerElement.insertBefore(r,i):this.layerElement.appendChild(r)}},SVGRenderer.prototype.hide=function(){this.layerElement.style.display="none"},SVGRenderer.prototype.show=function(){this.layerElement.style.display="block"},extendPrototype([BaseRenderer],CanvasRenderer),CanvasRenderer.prototype.createShape=function(t){return new CVShapeElement(t,this.globalData,this)},CanvasRenderer.prototype.createText=function(t){return new CVTextElement(t,this.globalData,this)},CanvasRenderer.prototype.createImage=function(t){return new CVImageElement(t,this.globalData,this)},CanvasRenderer.prototype.createComp=function(t){return new CVCompElement(t,this.globalData,this)},CanvasRenderer.prototype.createSolid=function(t){return new CVSolidElement(t,this.globalData,this)},CanvasRenderer.prototype.createNull=SVGRenderer.prototype.createNull,CanvasRenderer.prototype.ctxTransform=function(t){if(1!==t[0]||0!==t[1]||0!==t[4]||1!==t[5]||0!==t[12]||0!==t[13])if(this.renderConfig.clearCanvas){this.transformMat.cloneFromProps(t);var e=this.contextData.cTr.props;this.transformMat.transform(e[0],e[1],e[2],e[3],e[4],e[5],e[6],e[7],e[8],e[9],e[10],e[11],e[12],e[13],e[14],e[15]),this.contextData.cTr.cloneFromProps(this.transformMat.props);var r=this.contextData.cTr.props;this.canvasContext.setTransform(r[0],r[1],r[4],r[5],r[12],r[13])}else this.canvasContext.transform(t[0],t[1],t[4],t[5],t[12],t[13])},CanvasRenderer.prototype.ctxOpacity=function(t){if(!this.renderConfig.clearCanvas)return this.canvasContext.globalAlpha*=t<0?0:t,void(this.globalData.currentGlobalAlpha=this.contextData.cO);this.contextData.cO*=t<0?0:t,this.globalData.currentGlobalAlpha!==this.contextData.cO&&(this.canvasContext.globalAlpha=this.contextData.cO,this.globalData.currentGlobalAlpha=this.contextData.cO)},CanvasRenderer.prototype.reset=function(){this.renderConfig.clearCanvas?this.contextData.reset():this.canvasContext.restore()},CanvasRenderer.prototype.save=function(t){if(this.renderConfig.clearCanvas){t&&this.canvasContext.save();var e=this.contextData.cTr.props;this.contextData._length<=this.contextData.cArrPos&&this.contextData.duplicate();var r,i=this.contextData.saved[this.contextData.cArrPos];for(r=0;r<16;r+=1)i[r]=e[r];this.contextData.savedOp[this.contextData.cArrPos]=this.contextData.cO,this.contextData.cArrPos+=1}else this.canvasContext.save()},CanvasRenderer.prototype.restore=function(t){if(this.renderConfig.clearCanvas){t&&(this.canvasContext.restore(),this.globalData.blendMode="source-over"),this.contextData.cArrPos-=1;var e,r=this.contextData.saved[this.contextData.cArrPos],i=this.contextData.cTr.props;for(e=0;e<16;e+=1)i[e]=r[e];this.canvasContext.setTransform(r[0],r[1],r[4],r[5],r[12],r[13]),r=this.contextData.savedOp[this.contextData.cArrPos],this.contextData.cO=r,this.globalData.currentGlobalAlpha!==r&&(this.canvasContext.globalAlpha=r,this.globalData.currentGlobalAlpha=r)}else this.canvasContext.restore()},CanvasRenderer.prototype.configAnimation=function(t){this.animationItem.wrapper?(this.animationItem.container=createTag("canvas"),this.animationItem.container.style.width="100%",this.animationItem.container.style.height="100%",this.animationItem.container.style.transformOrigin=this.animationItem.container.style.mozTransformOrigin=this.animationItem.container.style.webkitTransformOrigin=this.animationItem.container.style["-webkit-transform"]="0px 0px 0px",this.animationItem.wrapper.appendChild(this.animationItem.container),this.canvasContext=this.animationItem.container.getContext("2d"),this.renderConfig.className&&this.animationItem.container.setAttribute("class",this.renderConfig.className)):this.canvasContext=this.renderConfig.context,this.data=t,this.layers=t.layers,this.transformCanvas={w:t.w,h:t.h,sx:0,sy:0,tx:0,ty:0},this.setupGlobalData(t,document.body),this.globalData.canvasContext=this.canvasContext,this.globalData.renderer=this,this.globalData.isDashed=!1,this.globalData.progressiveLoad=this.renderConfig.progressiveLoad,this.globalData.transformCanvas=this.transformCanvas,this.elements=createSizedArray(t.layers.length),this.updateContainerSize()},CanvasRenderer.prototype.updateContainerSize=function(){var t,e,r,i;if(this.reset(),this.animationItem.wrapper&&this.animationItem.container?(t=this.animationItem.wrapper.offsetWidth,e=this.animationItem.wrapper.offsetHeight,this.animationItem.container.setAttribute("width",t*this.renderConfig.dpr),this.animationItem.container.setAttribute("height",e*this.renderConfig.dpr)):(t=this.canvasContext.canvas.width*this.renderConfig.dpr,e=this.canvasContext.canvas.height*this.renderConfig.dpr),-1!==this.renderConfig.preserveAspectRatio.indexOf("meet")||-1!==this.renderConfig.preserveAspectRatio.indexOf("slice")){var s=this.renderConfig.preserveAspectRatio.split(" "),a=s[1]||"meet",n=s[0]||"xMidYMid",o=n.substr(0,4),h=n.substr(4);r=t/e,(i=this.transformCanvas.w/this.transformCanvas.h)>r&&"meet"===a||i<r&&"slice"===a?(this.transformCanvas.sx=t/(this.transformCanvas.w/this.renderConfig.dpr),this.transformCanvas.sy=t/(this.transformCanvas.w/this.renderConfig.dpr)):(this.transformCanvas.sx=e/(this.transformCanvas.h/this.renderConfig.dpr),this.transformCanvas.sy=e/(this.transformCanvas.h/this.renderConfig.dpr)),this.transformCanvas.tx="xMid"===o&&(i<r&&"meet"===a||i>r&&"slice"===a)?(t-this.transformCanvas.w*(e/this.transformCanvas.h))/2*this.renderConfig.dpr:"xMax"===o&&(i<r&&"meet"===a||i>r&&"slice"===a)?(t-this.transformCanvas.w*(e/this.transformCanvas.h))*this.renderConfig.dpr:0,this.transformCanvas.ty="YMid"===h&&(i>r&&"meet"===a||i<r&&"slice"===a)?(e-this.transformCanvas.h*(t/this.transformCanvas.w))/2*this.renderConfig.dpr:"YMax"===h&&(i>r&&"meet"===a||i<r&&"slice"===a)?(e-this.transformCanvas.h*(t/this.transformCanvas.w))*this.renderConfig.dpr:0}else"none"==this.renderConfig.preserveAspectRatio?(this.transformCanvas.sx=t/(this.transformCanvas.w/this.renderConfig.dpr),this.transformCanvas.sy=e/(this.transformCanvas.h/this.renderConfig.dpr),this.transformCanvas.tx=0,this.transformCanvas.ty=0):(this.transformCanvas.sx=this.renderConfig.dpr,this.transformCanvas.sy=this.renderConfig.dpr,this.transformCanvas.tx=0,this.transformCanvas.ty=0);this.transformCanvas.props=[this.transformCanvas.sx,0,0,0,0,this.transformCanvas.sy,0,0,0,0,1,0,this.transformCanvas.tx,this.transformCanvas.ty,0,1],this.ctxTransform(this.transformCanvas.props),this.canvasContext.beginPath(),this.canvasContext.rect(0,0,this.transformCanvas.w,this.transformCanvas.h),this.canvasContext.closePath(),this.canvasContext.clip(),this.renderFrame(this.renderedFrame,!0)},CanvasRenderer.prototype.destroy=function(){var t;for(this.renderConfig.clearCanvas&&(this.animationItem.wrapper && (this.animationItem.wrapper.innerHTML="")),t=(this.layers?this.layers.length:0)-1;t>=0;t-=1)this.elements[t]&&this.elements[t].destroy();this.elements.length=0,this.globalData.canvasContext=null,this.animationItem.container=null,this.destroyed=!0},CanvasRenderer.prototype.renderFrame=function(t,e){if((this.renderedFrame!==t||!0!==this.renderConfig.clearCanvas||e)&&!this.destroyed&&-1!==t){this.renderedFrame=t,this.globalData.frameNum=t-this.animationItem._isFirstFrame,this.globalData.frameId+=1,this.globalData._mdf=!this.renderConfig.clearCanvas||e,this.globalData.projectInterface.currentFrame=t;var r,i=this.layers.length;for(this.completeLayers||this.checkLayers(t),r=0;r<i;r++)(this.completeLayers||this.elements[r])&&this.elements[r].prepareFrame(t-this.layers[r].st);if(this.globalData._mdf){for(!0===this.renderConfig.clearCanvas?this.canvasContext.clearRect(0,0,this.transformCanvas.w,this.transformCanvas.h):this.save(),r=i-1;r>=0;r-=1)(this.completeLayers||this.elements[r])&&this.elements[r].renderFrame();!0!==this.renderConfig.clearCanvas&&this.restore()}}},CanvasRenderer.prototype.buildItem=function(t){var e=this.elements;if(!e[t]&&99!=this.layers[t].ty){var r=this.createItem(this.layers[t],this,this.globalData);e[t]=r,r.initExpressions()}},CanvasRenderer.prototype.checkPendingElements=function(){for(;this.pendingElements.length;){this.pendingElements.pop().checkParenting()}},CanvasRenderer.prototype.hide=function(){this.animationItem.container.style.display="none"},CanvasRenderer.prototype.show=function(){this.animationItem.container.style.display="block"},MaskElement.prototype.getMaskProperty=function(t){return this.viewData[t].prop},MaskElement.prototype.renderFrame=function(t){var e,r=this.element.finalTransform.mat,i=this.masksProperties.length;for(e=0;e<i;e++)if((this.viewData[e].prop._mdf||t)&&this.drawPath(this.masksProperties[e],this.viewData[e].prop.v,this.viewData[e]),(this.viewData[e].op._mdf||t)&&this.viewData[e].elem.setAttribute("fill-opacity",this.viewData[e].op.v),"n"!==this.masksProperties[e].mode&&(this.viewData[e].invRect&&(this.element.finalTransform.mProp._mdf||t)&&(this.viewData[e].invRect.setAttribute("x",-r.props[12]),this.viewData[e].invRect.setAttribute("y",-r.props[13])),this.storedData[e].x&&(this.storedData[e].x._mdf||t))){var s=this.storedData[e].expan;this.storedData[e].x.v<0?("erode"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="erode",this.storedData[e].elem.setAttribute("filter","url("+locationHref+"#"+this.storedData[e].filterId+")")),s.setAttribute("radius",-this.storedData[e].x.v)):("dilate"!==this.storedData[e].lastOperator&&(this.storedData[e].lastOperator="dilate",this.storedData[e].elem.setAttribute("filter",null)),this.storedData[e].elem.setAttribute("stroke-width",2*this.storedData[e].x.v))}},MaskElement.prototype.getMaskelement=function(){return this.maskElement},MaskElement.prototype.createLayerSolidPath=function(){var t="M0,0 ";return t+=" h"+this.globalData.compSize.w,t+=" v"+this.globalData.compSize.h,t+=" h-"+this.globalData.compSize.w,t+=" v-"+this.globalData.compSize.h+" "},MaskElement.prototype.drawPath=function(t,e,r){var i,s,a=" M"+e.v[0][0]+","+e.v[0][1];for(s=e._length,i=1;i<s;i+=1)a+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[i][0]+","+e.i[i][1]+" "+e.v[i][0]+","+e.v[i][1];if(e.c&&s>1&&(a+=" C"+e.o[i-1][0]+","+e.o[i-1][1]+" "+e.i[0][0]+","+e.i[0][1]+" "+e.v[0][0]+","+e.v[0][1]),r.lastPath!==a){var n="";r.elem&&(e.c&&(n=t.inv?this.solidPath+a:a),r.elem.setAttribute("d",n)),r.lastPath=a}},MaskElement.prototype.destroy=function(){this.element=null,this.globalData=null,this.maskElement=null,this.data=null,this.masksProperties=null},HierarchyElement.prototype={initHierarchy:function(){this.hierarchy=[],this._isParent=!1,this.checkParenting()},setHierarchy:function(t){this.hierarchy=t},setAsParent:function(){this._isParent=!0},checkParenting:function(){void 0!==this.data.parent&&this.comp.buildElementParenting(this,this.data.parent,[])}},FrameElement.prototype={initFrame:function(){this._isFirstFrame=!1,this.dynamicProperties=[],this._mdf=!1},prepareProperties:function(t,e){var r,i=this.dynamicProperties.length;for(r=0;r<i;r+=1)(e||this._isParent&&"transform"===this.dynamicProperties[r].propType)&&(this.dynamicProperties[r].getValue(),this.dynamicProperties[r]._mdf&&(this.globalData._mdf=!0,this._mdf=!0))},addDynamicProperty:function(t){-1===this.dynamicProperties.indexOf(t)&&this.dynamicProperties.push(t)}},TransformElement.prototype={initTransform:function(){this.finalTransform={mProp:this.data.ks?TransformPropertyFactory.getTransformProperty(this,this.data.ks,this):{o:0},_matMdf:!1,_opMdf:!1,mat:new Matrix},this.data.ao&&(this.finalTransform.mProp.autoOriented=!0),this.data.ty},renderTransform:function(){if(this.finalTransform._opMdf=this.finalTransform.mProp.o._mdf||this._isFirstFrame,this.finalTransform._matMdf=this.finalTransform.mProp._mdf||this._isFirstFrame,this.hierarchy){var t,e=this.finalTransform.mat,r=0,i=this.hierarchy.length;if(!this.finalTransform._matMdf)for(;r<i;){if(this.hierarchy[r].finalTransform.mProp._mdf){this.finalTransform._matMdf=!0;break}r+=1}if(this.finalTransform._matMdf)for(t=this.finalTransform.mProp.v.props,e.cloneFromProps(t),r=0;r<i;r+=1)t=this.hierarchy[r].finalTransform.mProp.v.props,e.transform(t[0],t[1],t[2],t[3],t[4],t[5],t[6],t[7],t[8],t[9],t[10],t[11],t[12],t[13],t[14],t[15])}},globalToLocal:function(t){var e=[];e.push(this.finalTransform);for(var r=!0,i=this.comp;r;)i.finalTransform?(i.data.hasMask&&e.splice(0,0,i.finalTransform),i=i.comp):r=!1;var s,a,n=e.length;for(s=0;s<n;s+=1)a=e[s].mat.applyToPointArray(0,0,0),t=[t[0]-a[0],t[1]-a[1],0];return t},mHelper:new Matrix},RenderableElement.prototype={initRenderable:function(){this.isInRange=!1,this.hidden=!1,this.isTransparent=!1,this.renderableComponents=[]},addRenderableComponent:function(t){-1===this.renderableComponents.indexOf(t)&&this.renderableComponents.push(t)},removeRenderableComponent:function(t){-1!==this.renderableComponents.indexOf(t)&&this.renderableComponents.splice(this.renderableComponents.indexOf(t),1)},prepareRenderableFrame:function(t){this.checkLayerLimits(t)},checkTransparency:function(){this.finalTransform.mProp.o.v<=0?!this.isTransparent&&this.globalData.renderConfig.hideOnTransparent&&(this.isTransparent=!0,this.hide()):this.isTransparent&&(this.isTransparent=!1,this.show())},checkLayerLimits:function(t){this.data.ip-this.data.st<=t&&this.data.op-this.data.st>t?!0!==this.isInRange&&(this.globalData._mdf=!0,this._mdf=!0,this.isInRange=!0,this.show()):!1!==this.isInRange&&(this.globalData._mdf=!0,this.isInRange=!1,this.hide())},renderRenderable:function(){var t,e=this.renderableComponents.length;for(t=0;t<e;t+=1)this.renderableComponents[t].renderFrame(this._isFirstFrame)},sourceRectAtTime:function(){return{top:0,left:0,width:100,height:100}},getLayerSize:function(){return 5===this.data.ty?{w:this.data.textData.width,h:this.data.textData.height}:{w:this.data.width,h:this.data.height}}},extendPrototype([RenderableElement,createProxyFunction({initElement:function(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initTransform(t,e,r),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide()},hide:function(){this.hidden||this.isInRange&&!this.isTransparent||((this.baseElement||this.layerElement).style.display="none",this.hidden=!0)},show:function(){this.isInRange&&!this.isTransparent&&(this.data.hd||((this.baseElement||this.layerElement).style.display="block"),this.hidden=!1,this._isFirstFrame=!0)},renderFrame:function(){this.data.hd||this.hidden||(this.renderTransform(),this.renderRenderable(),this.renderElement(),this.renderInnerContent(),this._isFirstFrame&&(this._isFirstFrame=!1))},renderInnerContent:function(){},prepareFrame:function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.checkTransparency()},destroy:function(){this.innerElem=null,this.destroyBaseElement()}})],RenderableDOMElement),SVGShapeData.prototype.setAsAnimated=function(){this._isAnimated=!0},ShapeTransformManager.prototype={addTransformSequence:function(t){var e,r=t.length,i="_";for(e=0;e<r;e+=1)i+=t[e].transform.key+"_";var s=this.sequences[i];return s||(s={transforms:[].concat(t),finalTransform:new Matrix,_mdf:!1},this.sequences[i]=s,this.sequenceList.push(s)),s},processSequence:function(t,e){for(var r,i=0,s=t.transforms.length,a=e;i<s&&!e;){if(t.transforms[i].transform.mProps._mdf){a=!0;break}i+=1}if(a)for(t.finalTransform.reset(),i=s-1;i>=0;i-=1)r=t.transforms[i].transform.mProps.v.props,t.finalTransform.transform(r[0],r[1],r[2],r[3],r[4],r[5],r[6],r[7],r[8],r[9],r[10],r[11],r[12],r[13],r[14],r[15]);t._mdf=a},processSequences:function(t){var e,r=this.sequenceList.length;for(e=0;e<r;e+=1)this.processSequence(this.sequenceList[e],t)},getNewKey:function(){return"_"+this.transform_key_count++}},CVShapeData.prototype.setAsAnimated=SVGShapeData.prototype.setAsAnimated,BaseElement.prototype={checkMasks:function(){if(!this.data.hasMask)return!1;for(var t=0,e=this.data.masksProperties.length;t<e;){if("n"!==this.data.masksProperties[t].mode&&!1!==this.data.masksProperties[t].cl)return!0;t+=1}return!1},initExpressions:function(){this.layerInterface=LayerExpressionInterface(this),this.data.hasMask&&this.maskManager&&this.layerInterface.registerMaskInterface(this.maskManager);var t=EffectsExpressionInterface.createEffectsInterface(this,this.layerInterface);this.layerInterface.registerEffectsInterface(t),0===this.data.ty||this.data.xt?this.compInterface=CompExpressionInterface(this):4===this.data.ty?(this.layerInterface.shapeInterface=ShapeExpressionInterface(this.shapesData,this.itemsData,this.layerInterface),this.layerInterface.content=this.layerInterface.shapeInterface):5===this.data.ty&&(this.layerInterface.textInterface=TextExpressionInterface(this),this.layerInterface.text=this.layerInterface.textInterface)},setBlendMode:function(){var t=getBlendMode(this.data.bm);(this.baseElement||this.layerElement).style["mix-blend-mode"]=t},initBaseData:function(t,e,r){this.globalData=e,this.comp=r,this.data=t,this.layerId=createElementID(),this.data.sr||(this.data.sr=1),this.effectsManager=new EffectsManager(this.data,this,this.dynamicProperties)},getType:function(){return this.type},sourceRectAtTime:function(){}},NullElement.prototype.prepareFrame=function(t){this.prepareProperties(t,!0)},NullElement.prototype.renderFrame=function(){},NullElement.prototype.getBaseElement=function(){return null},NullElement.prototype.destroy=function(){},NullElement.prototype.sourceRectAtTime=function(){},NullElement.prototype.hide=function(){},extendPrototype([BaseElement,TransformElement,HierarchyElement,FrameElement],NullElement),SVGBaseElement.prototype={initRendererElement:function(){this.layerElement=createNS("g")},createContainerElements:function(){this.matteElement=createNS("g"),this.transformedElement=this.layerElement,this.maskedElement=this.layerElement,this._sizeChanged=!1;var t,e,r,i=null;if(this.data.td){if(3==this.data.td||1==this.data.td){var s=createNS("mask");s.setAttribute("id",this.layerId),s.setAttribute("mask-type",3==this.data.td?"luminance":"alpha"),s.appendChild(this.layerElement),i=s,this.globalData.defs.appendChild(s),featureSupport.maskType||1!=this.data.td||(s.setAttribute("mask-type","luminance"),t=createElementID(),e=filtersFactory.createFilter(t),this.globalData.defs.appendChild(e),e.appendChild(filtersFactory.createAlphaToLuminanceFilter()),(r=createNS("g")).appendChild(this.layerElement),i=r,s.appendChild(r),r.setAttribute("filter","url("+locationHref+"#"+t+")"))}else if(2==this.data.td){var a=createNS("mask");a.setAttribute("id",this.layerId),a.setAttribute("mask-type","alpha");var n=createNS("g");a.appendChild(n),t=createElementID(),e=filtersFactory.createFilter(t);var o=createNS("feComponentTransfer");o.setAttribute("in","SourceGraphic"),e.appendChild(o);var h=createNS("feFuncA");h.setAttribute("type","table"),h.setAttribute("tableValues","1.0 0.0"),o.appendChild(h),this.globalData.defs.appendChild(e);var l=createNS("rect");l.setAttribute("width",this.comp.data.w),l.setAttribute("height",this.comp.data.h),l.setAttribute("x","0"),l.setAttribute("y","0"),l.setAttribute("fill","#ffffff"),l.setAttribute("opacity","0"),n.setAttribute("filter","url("+locationHref+"#"+t+")"),n.appendChild(l),n.appendChild(this.layerElement),i=n,featureSupport.maskType||(a.setAttribute("mask-type","luminance"),e.appendChild(filtersFactory.createAlphaToLuminanceFilter()),r=createNS("g"),n.appendChild(l),r.appendChild(this.layerElement),i=r,n.appendChild(r)),this.globalData.defs.appendChild(a)}}else this.data.tt?(this.matteElement.appendChild(this.layerElement),i=this.matteElement,this.baseElement=this.matteElement):this.baseElement=this.layerElement;if(this.data.ln&&this.layerElement.setAttribute("id",this.data.ln),this.data.cl&&this.layerElement.setAttribute("class",this.data.cl),0===this.data.ty&&!this.data.hd){var p=createNS("clipPath"),f=createNS("path");f.setAttribute("d","M0,0 L"+this.data.w+",0 L"+this.data.w+","+this.data.h+" L0,"+this.data.h+"z");var m=createElementID();if(p.setAttribute("id",m),p.appendChild(f),this.globalData.defs.appendChild(p),this.checkMasks()){var c=createNS("g");c.setAttribute("clip-path","url("+locationHref+"#"+m+")"),c.appendChild(this.layerElement),this.transformedElement=c,i?i.appendChild(this.transformedElement):this.baseElement=this.transformedElement}else this.layerElement.setAttribute("clip-path","url("+locationHref+"#"+m+")")}0!==this.data.bm&&this.setBlendMode()},renderElement:function(){this.finalTransform._matMdf&&this.transformedElement.setAttribute("transform",this.finalTransform.mat.to2dCSS()),this.finalTransform._opMdf&&this.transformedElement.setAttribute("opacity",this.finalTransform.mProp.o.v)},destroyBaseElement:function(){this.layerElement=null,this.matteElement=null,this.maskManager.destroy()},getBaseElement:function(){return this.data.hd?null:this.baseElement},createRenderableComponents:function(){this.maskManager=new MaskElement(this.data,this,this.globalData),this.renderableEffectsManager=new SVGEffects(this)},setMatte:function(t){this.matteElement&&this.matteElement.setAttribute("mask","url("+locationHref+"#"+t+")")}},IShapeElement.prototype={addShapeToModifiers:function(t){var e,r=this.shapeModifiers.length;for(e=0;e<r;e+=1)this.shapeModifiers[e].addShape(t)},isShapeInAnimatedModifiers:function(t){for(var e=this.shapeModifiers.length;0<e;)if(this.shapeModifiers[0].isAnimatedWithShape(t))return!0;return!1},renderModifiers:function(){if(this.shapeModifiers.length){var t,e=this.shapes.length;for(t=0;t<e;t+=1)this.shapes[t].sh.reset();for(t=(e=this.shapeModifiers.length)-1;t>=0;t-=1)this.shapeModifiers[t].processShapes(this._isFirstFrame)}},lcEnum:{1:"butt",2:"round",3:"square"},ljEnum:{1:"miter",2:"round",3:"bevel"},searchProcessedElement:function(t){for(var e=this.processedElements,r=0,i=e.length;r<i;){if(e[r].elem===t)return e[r].pos;r+=1}return 0},addProcessedElement:function(t,e){for(var r=this.processedElements,i=r.length;i;)if(r[i-=1].elem===t)return void(r[i].pos=e);r.push(new ProcessedElement(t,e))},prepareFrame:function(t){this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange)}},ITextElement.prototype.initElement=function(t,e,r){this.lettersChangedFlag=!0,this.initFrame(),this.initBaseData(t,e,r),this.textProperty=new TextProperty(this,t.t,this.dynamicProperties),this.textAnimator=new TextAnimatorProperty(t.t,this.renderType,this),this.initTransform(t,e,r),this.initHierarchy(),this.initRenderable(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),this.createContent(),this.hide(),this.textAnimator.searchProperties(this.dynamicProperties)},ITextElement.prototype.prepareFrame=function(t){this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),(this.textProperty._mdf||this.textProperty._isFirstFrame)&&(this.buildNewText(),this.textProperty._isFirstFrame=!1,this.textProperty._mdf=!1)},ITextElement.prototype.createPathShape=function(t,e){var r,i,s=e.length,a="";for(r=0;r<s;r+=1)i=e[r].ks.k,a+=buildShapeString(i,i.i.length,!0,t);return a},ITextElement.prototype.updateDocumentData=function(t,e){this.textProperty.updateDocumentData(t,e)},ITextElement.prototype.canResizeFont=function(t){this.textProperty.canResizeFont(t)},ITextElement.prototype.setMinimumFontSize=function(t){this.textProperty.setMinimumFontSize(t)},ITextElement.prototype.applyTextPropertiesToMatrix=function(t,e,r,i,s){switch(t.ps&&e.translate(t.ps[0],t.ps[1]+t.ascent,0),e.translate(0,-t.ls,0),t.j){case 1:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[r]),0,0);break;case 2:e.translate(t.justifyOffset+(t.boxWidth-t.lineWidths[r])/2,0,0)}e.translate(i,s,0)},ITextElement.prototype.buildColor=function(t){return"rgb("+Math.round(255*t[0])+","+Math.round(255*t[1])+","+Math.round(255*t[2])+")"},ITextElement.prototype.emptyProp=new LetterProps,ITextElement.prototype.destroy=function(){},extendPrototype([BaseElement,TransformElement,HierarchyElement,FrameElement,RenderableDOMElement],ICompElement),ICompElement.prototype.initElement=function(t,e,r){this.initFrame(),this.initBaseData(t,e,r),this.initTransform(t,e,r),this.initRenderable(),this.initHierarchy(),this.initRendererElement(),this.createContainerElements(),this.createRenderableComponents(),!this.data.xt&&e.progressiveLoad||this.buildAllItems(),this.hide()},ICompElement.prototype.prepareFrame=function(t){if(this._mdf=!1,this.prepareRenderableFrame(t),this.prepareProperties(t,this.isInRange),this.isInRange||this.data.xt){if(this.tm._placeholder)this.renderedFrame=t/this.data.sr;else{var e=this.tm.v;e===this.data.op&&(e=this.data.op-1),this.renderedFrame=e}var r,i=this.elements.length;for(this.completeLayers||this.checkLayers(this.renderedFrame),r=i-1;r>=0;r-=1)(this.completeLayers||this.elements[r])&&(this.elements[r].prepareFrame(this.renderedFrame-this.layers[r].st),this.elements[r]._mdf&&(this._mdf=!0))}},ICompElement.prototype.renderInnerContent=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)(this.completeLayers||this.elements[t])&&this.elements[t].renderFrame()},ICompElement.prototype.setElements=function(t){this.elements=t},ICompElement.prototype.getElements=function(){return this.elements},ICompElement.prototype.destroyElements=function(){var t,e=this.layers.length;for(t=0;t<e;t+=1)this.elements[t]&&this.elements[t].destroy()},ICompElement.prototype.destroy=function(){this.destroyElements(),this.destroyBaseElement()},extendPrototype([BaseElement,TransformElement,SVGBaseElement,HierarchyElement,FrameElement,RenderableDOMElement],IImageElement),IImageElement.prototype.createContent=function(){var t=this.globalData.getAssetsPath(this.assetData);this.innerElem=createNS("image"),this.innerElem.setAttribute("width",this.assetData.w+"px"),this.innerElem.setAttribute("height",this.assetData.h+"px"),this.innerElem.setAttribute("preserveAspectRatio",this.assetData.pr||this.globalData.renderConfig.imagePreserveAspectRatio),this.innerElem.setAttributeNS("http://www.w3.org/1999/xlink","href",t),this.layerElement.appendChild(this.innerElem)},IImageElement.prototype.sourceRectAtTime=function(){return this.sourceRect},extendPrototype([IImageElement],ISolidElement),ISolidElement.prototype.createContent=function(){var t=createNS("rect");t.setAttribute("width",this.data.sw),t.setAttribute("height",this.data.sh),t.setAttribute("fill",this.data.sc),this.layerElement.appendChild(t)},extendPrototype([BaseElement,TransformElement,SVGBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableDOMElement],SVGShapeElement),SVGShapeElement.prototype.initSecondaryElement=function(){},SVGShapeElement.prototype.identityMatrix=new Matrix,SVGShapeElement.prototype.buildExpressionInterface=function(){},SVGShapeElement.prototype.createContent=function(){this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes()},SVGShapeElement.prototype.filterUniqueShapes=function(){var t,e,r,i,s=this.shapes.length,a=this.stylesList.length,n=[],o=!1;for(r=0;r<a;r+=1){for(i=this.stylesList[r],o=!1,n.length=0,t=0;t<s;t+=1)-1!==(e=this.shapes[t]).styles.indexOf(i)&&(n.push(e),o=e._isAnimated||o);n.length>1&&o&&this.setShapesAsAnimated(n)}},SVGShapeElement.prototype.setShapesAsAnimated=function(t){var e,r=t.length;for(e=0;e<r;e+=1)t[e].setAsAnimated()},SVGShapeElement.prototype.createStyleElement=function(t,e){var r,i=new SVGStyleData(t,e),s=i.pElem;if("st"===t.ty)r=new SVGStrokeStyleData(this,t,i);else if("fl"===t.ty)r=new SVGFillStyleData(this,t,i);else if("gf"===t.ty||"gs"===t.ty){r=new("gf"===t.ty?SVGGradientFillStyleData:SVGGradientStrokeStyleData)(this,t,i),this.globalData.defs.appendChild(r.gf),r.maskId&&(this.globalData.defs.appendChild(r.ms),this.globalData.defs.appendChild(r.of),s.setAttribute("mask","url("+locationHref+"#"+r.maskId+")"))}return"st"!==t.ty&&"gs"!==t.ty||(s.setAttribute("stroke-linecap",this.lcEnum[t.lc]||"round"),s.setAttribute("stroke-linejoin",this.ljEnum[t.lj]||"round"),s.setAttribute("fill-opacity","0"),1===t.lj&&s.setAttribute("stroke-miterlimit",t.ml)),2===t.r&&s.setAttribute("fill-rule","evenodd"),t.ln&&s.setAttribute("id",t.ln),t.cl&&s.setAttribute("class",t.cl),t.bm&&(s.style["mix-blend-mode"]=getBlendMode(t.bm)),this.stylesList.push(i),this.addToAnimatedContents(t,r),r},SVGShapeElement.prototype.createGroupElement=function(t){var e=new ShapeGroupData;return t.ln&&e.gr.setAttribute("id",t.ln),t.cl&&e.gr.setAttribute("class",t.cl),t.bm&&(e.gr.style["mix-blend-mode"]=getBlendMode(t.bm)),e},SVGShapeElement.prototype.createTransformElement=function(t,e){var r=TransformPropertyFactory.getTransformProperty(this,t,this),i=new SVGTransformData(r,r.o,e);return this.addToAnimatedContents(t,i),i},SVGShapeElement.prototype.createShapeElement=function(t,e,r){var i=4;"rc"===t.ty?i=5:"el"===t.ty?i=6:"sr"===t.ty&&(i=7);var s=new SVGShapeData(e,r,ShapePropertyFactory.getShapeProp(this,t,i,this));return this.shapes.push(s),this.addShapeToModifiers(s),this.addToAnimatedContents(t,s),s},SVGShapeElement.prototype.addToAnimatedContents=function(t,e){for(var r=0,i=this.animatedContents.length;r<i;){if(this.animatedContents[r].element===e)return;r+=1}this.animatedContents.push({fn:SVGElementsRenderer.createRenderFunction(t),element:e,data:t})},SVGShapeElement.prototype.setElementStyles=function(t){var e,r=t.styles,i=this.stylesList.length;for(e=0;e<i;e+=1)this.stylesList[e].closed||r.push(this.stylesList[e])},SVGShapeElement.prototype.reloadShapes=function(){this._isFirstFrame=!0;var t,e=this.itemsData.length;for(t=0;t<e;t+=1)this.prevViewData[t]=this.itemsData[t];for(this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,this.layerElement,0,[],!0),this.filterUniqueShapes(),e=this.dynamicProperties.length,t=0;t<e;t+=1)this.dynamicProperties[t].getValue();this.renderModifiers()},SVGShapeElement.prototype.searchShapes=function(t,e,r,i,s,a,n){var o,h,l,p,f,m,c=[].concat(a),d=t.length-1,u=[],y=[];for(o=d;o>=0;o-=1){if((m=this.searchProcessedElement(t[o]))?e[o]=r[m-1]:t[o]._render=n,"fl"==t[o].ty||"st"==t[o].ty||"gf"==t[o].ty||"gs"==t[o].ty)m?e[o].style.closed=!1:e[o]=this.createStyleElement(t[o],s),t[o]._render&&i.appendChild(e[o].style.pElem),u.push(e[o].style);else if("gr"==t[o].ty){if(m)for(l=e[o].it.length,h=0;h<l;h+=1)e[o].prevViewData[h]=e[o].it[h];else e[o]=this.createGroupElement(t[o]);this.searchShapes(t[o].it,e[o].it,e[o].prevViewData,e[o].gr,s+1,c,n),t[o]._render&&i.appendChild(e[o].gr)}else"tr"==t[o].ty?(m||(e[o]=this.createTransformElement(t[o],i)),p=e[o].transform,c.push(p)):"sh"==t[o].ty||"rc"==t[o].ty||"el"==t[o].ty||"sr"==t[o].ty?(m||(e[o]=this.createShapeElement(t[o],c,s)),this.setElementStyles(e[o])):"tm"==t[o].ty||"rd"==t[o].ty||"ms"==t[o].ty?(m?(f=e[o]).closed=!1:((f=ShapeModifiers.getModifier(t[o].ty)).init(this,t[o]),e[o]=f,this.shapeModifiers.push(f)),y.push(f)):"rp"==t[o].ty&&(m?(f=e[o]).closed=!0:(f=ShapeModifiers.getModifier(t[o].ty),e[o]=f,f.init(this,t,o,e),this.shapeModifiers.push(f),n=!1),y.push(f));this.addProcessedElement(t[o],o+1)}for(d=u.length,o=0;o<d;o+=1)u[o].closed=!0;for(d=y.length,o=0;o<d;o+=1)y[o].closed=!0},SVGShapeElement.prototype.renderInnerContent=function(){this.renderModifiers();var t,e=this.stylesList.length;for(t=0;t<e;t+=1)this.stylesList[t].reset();for(this.renderShape(),t=0;t<e;t+=1)(this.stylesList[t]._mdf||this._isFirstFrame)&&(this.stylesList[t].msElem&&(this.stylesList[t].msElem.setAttribute("d",this.stylesList[t].d),this.stylesList[t].d="M0 0"+this.stylesList[t].d),this.stylesList[t].pElem.setAttribute("d",this.stylesList[t].d||"M0 0"))},SVGShapeElement.prototype.renderShape=function(){var t,e,r=this.animatedContents.length;for(t=0;t<r;t+=1)e=this.animatedContents[t],(this._isFirstFrame||e.element._isAnimated)&&!0!==e.data&&e.fn(e.data,e.element,this._isFirstFrame)},SVGShapeElement.prototype.destroy=function(){this.destroyBaseElement(),this.shapesData=null,this.itemsData=null},CVContextData.prototype.duplicate=function(){var t=2*this._length,e=this.savedOp;this.savedOp=createTypedArray("float32",t),this.savedOp.set(e);var r=0;for(r=this._length;r<t;r+=1)this.saved[r]=createTypedArray("float32",16);this._length=t},CVContextData.prototype.reset=function(){this.cArrPos=0,this.cTr.reset(),this.cO=1},CVBaseElement.prototype={createElements:function(){},initRendererElement:function(){},createContainerElements:function(){this.canvasContext=this.globalData.canvasContext,this.renderableEffectsManager=new CVEffects(this)},createContent:function(){},setBlendMode:function(){var t=this.globalData;if(t.blendMode!==this.data.bm){t.blendMode=this.data.bm;var e=getBlendMode(this.data.bm);t.canvasContext.globalCompositeOperation=e}},createRenderableComponents:function(){this.maskManager=new CVMaskElement(this.data,this)},hideElement:function(){this.hidden||this.isInRange&&!this.isTransparent||(this.hidden=!0)},showElement:function(){this.isInRange&&!this.isTransparent&&(this.hidden=!1,this._isFirstFrame=!0,this.maskManager._isFirstFrame=!0)},renderFrame:function(){this.hidden||this.data.hd||(this.renderTransform(),this.renderRenderable(),this.setBlendMode(),this.globalData.renderer.save(),this.globalData.renderer.ctxTransform(this.finalTransform.mat.props),this.globalData.renderer.ctxOpacity(this.finalTransform.mProp.o.v),this.renderInnerContent(),this.globalData.renderer.restore(),this.maskManager.hasMasks&&this.globalData.renderer.restore(!0),this._isFirstFrame&&(this._isFirstFrame=!1))},destroy:function(){this.canvasContext=null,this.data=null,this.globalData=null,this.maskManager.destroy()},mHelper:new Matrix},CVBaseElement.prototype.hide=CVBaseElement.prototype.hideElement,CVBaseElement.prototype.show=CVBaseElement.prototype.showElement,extendPrototype([BaseElement,TransformElement,CVBaseElement,HierarchyElement,FrameElement,RenderableElement],CVImageElement),CVImageElement.prototype.initElement=SVGShapeElement.prototype.initElement,CVImageElement.prototype.prepareFrame=IImageElement.prototype.prepareFrame,CVImageElement.prototype.createContent=function(){if(this.img.width&&(this.assetData.w!==this.img.width||this.assetData.h!==this.img.height)){var t=createTag("canvas");t.width=this.assetData.w,t.height=this.assetData.h;var e,r,i=t.getContext("2d"),s=this.img.width,a=this.img.height,n=s/a,o=this.assetData.w/this.assetData.h,h=this.assetData.pr||this.globalData.renderConfig.imagePreserveAspectRatio;n>o&&"xMidYMid slice"===h||n<o&&"xMidYMid slice"!==h?e=(r=a)*o:r=(e=s)/o,i.drawImage(this.img,(s-e)/2,(a-r)/2,e,r,0,0,this.assetData.w,this.assetData.h),this.img=t}},CVImageElement.prototype.renderInnerContent=function(t){this.canvasContext.drawImage(this.img,0,0)},CVImageElement.prototype.destroy=function(){this.img=null},extendPrototype([CanvasRenderer,ICompElement,CVBaseElement],CVCompElement),CVCompElement.prototype.renderInnerContent=function(){var t;for(t=this.layers.length-1;t>=0;t-=1)(this.completeLayers||this.elements[t])&&this.elements[t].renderFrame()},CVCompElement.prototype.destroy=function(){var t;for(t=this.layers.length-1;t>=0;t-=1)this.elements[t]&&this.elements[t].destroy();this.layers=null,this.elements=null},CVMaskElement.prototype.renderFrame=function(){if(this.hasMasks){var t,e,r,i,s=this.element.finalTransform.mat,a=this.element.canvasContext,n=this.masksProperties.length;for(a.beginPath(),t=0;t<n;t++)if("n"!==this.masksProperties[t].mode){this.masksProperties[t].inv&&(a.moveTo(0,0),a.lineTo(this.element.globalData.compSize.w,0),a.lineTo(this.element.globalData.compSize.w,this.element.globalData.compSize.h),a.lineTo(0,this.element.globalData.compSize.h),a.lineTo(0,0)),i=this.viewData[t].v,e=s.applyToPointArray(i.v[0][0],i.v[0][1],0),a.moveTo(e[0],e[1]);var o,h=i._length;for(o=1;o<h;o++)r=s.applyToTriplePoints(i.o[o-1],i.i[o],i.v[o]),a.bezierCurveTo(r[0],r[1],r[2],r[3],r[4],r[5]);r=s.applyToTriplePoints(i.o[o-1],i.i[0],i.v[0]),a.bezierCurveTo(r[0],r[1],r[2],r[3],r[4],r[5])}this.element.globalData.renderer.save(!0),a.clip()}},CVMaskElement.prototype.getMaskProperty=MaskElement.prototype.getMaskProperty,CVMaskElement.prototype.destroy=function(){this.element=null},extendPrototype([BaseElement,TransformElement,CVBaseElement,IShapeElement,HierarchyElement,FrameElement,RenderableElement],CVShapeElement),CVShapeElement.prototype.initElement=RenderableDOMElement.prototype.initElement,CVShapeElement.prototype.transformHelper={opacity:1,_opMdf:!1},CVShapeElement.prototype.dashResetter=[],CVShapeElement.prototype.createContent=function(){this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,!0,[])},CVShapeElement.prototype.createStyleElement=function(t,e){var r={data:t,type:t.ty,preTransforms:this.transformsManager.addTransformSequence(e),transforms:[],elements:[],closed:!0===t.hd},i={};if("fl"==t.ty||"st"==t.ty?(i.c=PropertyFactory.getProp(this,t.c,1,255,this),i.c.k||(r.co="rgb("+bm_floor(i.c.v[0])+","+bm_floor(i.c.v[1])+","+bm_floor(i.c.v[2])+")")):"gf"!==t.ty&&"gs"!==t.ty||(i.s=PropertyFactory.getProp(this,t.s,1,null,this),i.e=PropertyFactory.getProp(this,t.e,1,null,this),i.h=PropertyFactory.getProp(this,t.h||{k:0},0,.01,this),i.a=PropertyFactory.getProp(this,t.a||{k:0},0,degToRads,this),i.g=new GradientProperty(this,t.g,this)),i.o=PropertyFactory.getProp(this,t.o,0,.01,this),"st"==t.ty||"gs"==t.ty){if(r.lc=this.lcEnum[t.lc]||"round",r.lj=this.ljEnum[t.lj]||"round",1==t.lj&&(r.ml=t.ml),i.w=PropertyFactory.getProp(this,t.w,0,null,this),i.w.k||(r.wi=i.w.v),t.d){var s=new DashProperty(this,t.d,"canvas",this);i.d=s,i.d.k||(r.da=i.d.dashArray,r.do=i.d.dashoffset[0])}}else r.r=2===t.r?"evenodd":"nonzero";return this.stylesList.push(r),i.style=r,i},CVShapeElement.prototype.createGroupElement=function(t){return{it:[],prevViewData:[]}},CVShapeElement.prototype.createTransformElement=function(t){return{transform:{opacity:1,_opMdf:!1,key:this.transformsManager.getNewKey(),op:PropertyFactory.getProp(this,t.o,0,.01,this),mProps:TransformPropertyFactory.getTransformProperty(this,t,this)}}},CVShapeElement.prototype.createShapeElement=function(t){var e=new CVShapeData(this,t,this.stylesList,this.transformsManager);return this.shapes.push(e),this.addShapeToModifiers(e),e},CVShapeElement.prototype.reloadShapes=function(){this._isFirstFrame=!0;var t,e=this.itemsData.length;for(t=0;t<e;t+=1)this.prevViewData[t]=this.itemsData[t];for(this.searchShapes(this.shapesData,this.itemsData,this.prevViewData,!0,[]),e=this.dynamicProperties.length,t=0;t<e;t+=1)this.dynamicProperties[t].getValue();this.renderModifiers(),this.transformsManager.processSequences(this._isFirstFrame)},CVShapeElement.prototype.addTransformToStyleList=function(t){var e,r=this.stylesList.length;for(e=0;e<r;e+=1)this.stylesList[e].closed||this.stylesList[e].transforms.push(t)},CVShapeElement.prototype.removeTransformFromStyleList=function(){var t,e=this.stylesList.length;for(t=0;t<e;t+=1)this.stylesList[t].closed||this.stylesList[t].transforms.pop()},CVShapeElement.prototype.closeStyles=function(t){var e,r=t.length;for(e=0;e<r;e+=1)t[e].closed=!0},CVShapeElement.prototype.searchShapes=function(t,e,r,i,s){var a,n,o,h,l,p,f=t.length-1,m=[],c=[],d=[].concat(s);for(a=f;a>=0;a-=1){if((h=this.searchProcessedElement(t[a]))?e[a]=r[h-1]:t[a]._shouldRender=i,"fl"==t[a].ty||"st"==t[a].ty||"gf"==t[a].ty||"gs"==t[a].ty)h?e[a].style.closed=!1:e[a]=this.createStyleElement(t[a],d),m.push(e[a].style);else if("gr"==t[a].ty){if(h)for(o=e[a].it.length,n=0;n<o;n+=1)e[a].prevViewData[n]=e[a].it[n];else e[a]=this.createGroupElement(t[a]);this.searchShapes(t[a].it,e[a].it,e[a].prevViewData,i,d)}else"tr"==t[a].ty?(h||(p=this.createTransformElement(t[a]),e[a]=p),d.push(e[a]),this.addTransformToStyleList(e[a])):"sh"==t[a].ty||"rc"==t[a].ty||"el"==t[a].ty||"sr"==t[a].ty?h||(e[a]=this.createShapeElement(t[a])):"tm"==t[a].ty||"rd"==t[a].ty?(h?(l=e[a]).closed=!1:((l=ShapeModifiers.getModifier(t[a].ty)).init(this,t[a]),e[a]=l,this.shapeModifiers.push(l)),c.push(l)):"rp"==t[a].ty&&(h?(l=e[a]).closed=!0:(l=ShapeModifiers.getModifier(t[a].ty),e[a]=l,l.init(this,t,a,e),this.shapeModifiers.push(l),i=!1),c.push(l));this.addProcessedElement(t[a],a+1)}for(this.removeTransformFromStyleList(),this.closeStyles(m),f=c.length,a=0;a<f;a+=1)c[a].closed=!0},CVShapeElement.prototype.renderInnerContent=function(){this.transformHelper.opacity=1,this.transformHelper._opMdf=!1,this.renderModifiers(),this.transformsManager.processSequences(this._isFirstFrame),this.renderShape(this.transformHelper,this.shapesData,this.itemsData,!0)},CVShapeElement.prototype.renderShapeTransform=function(t,e){(t._opMdf||e.op._mdf||this._isFirstFrame)&&(e.opacity=t.opacity,e.opacity*=e.op.v,e._opMdf=!0)},CVShapeElement.prototype.drawLayer=function(){var t,e,r,i,s,a,n,o,h,l=this.stylesList.length,p=this.globalData.renderer,f=this.globalData.canvasContext;for(t=0;t<l;t+=1)if(("st"!==(o=(h=this.stylesList[t]).type)&&"gs"!==o||0!==h.wi)&&h.data._shouldRender&&0!==h.coOp&&0!==this.globalData.currentGlobalAlpha){for(p.save(),a=h.elements,"st"===o||"gs"===o?(f.strokeStyle="st"===o?h.co:h.grd,f.lineWidth=h.wi,f.lineCap=h.lc,f.lineJoin=h.lj,f.miterLimit=h.ml||0):f.fillStyle="fl"===o?h.co:h.grd,p.ctxOpacity(h.coOp),"st"!==o&&"gs"!==o&&f.beginPath(),p.ctxTransform(h.preTransforms.finalTransform.props),r=a.length,e=0;e<r;e+=1){for("st"!==o&&"gs"!==o||(f.beginPath(),h.da&&(f.setLineDash(h.da),f.lineDashOffset=h.do)),s=(n=a[e].trNodes).length,i=0;i<s;i+=1)"m"==n[i].t?f.moveTo(n[i].p[0],n[i].p[1]):"c"==n[i].t?f.bezierCurveTo(n[i].pts[0],n[i].pts[1],n[i].pts[2],n[i].pts[3],n[i].pts[4],n[i].pts[5]):f.closePath();"st"!==o&&"gs"!==o||(f.stroke(),h.da&&f.setLineDash(this.dashResetter))}"st"!==o&&"gs"!==o&&f.fill(h.r),p.restore()}},CVShapeElement.prototype.renderShape=function(t,e,r,i){var s,a;for(a=t,s=e.length-1;s>=0;s-=1)"tr"==e[s].ty?(a=r[s].transform,this.renderShapeTransform(t,a)):"sh"==e[s].ty||"el"==e[s].ty||"rc"==e[s].ty||"sr"==e[s].ty?this.renderPath(e[s],r[s]):"fl"==e[s].ty?this.renderFill(e[s],r[s],a):"st"==e[s].ty?this.renderStroke(e[s],r[s],a):"gf"==e[s].ty||"gs"==e[s].ty?this.renderGradientFill(e[s],r[s],a):"gr"==e[s].ty?this.renderShape(a,e[s].it,r[s].it):e[s].ty;i&&this.drawLayer()},CVShapeElement.prototype.renderStyledShape=function(t,e){if(this._isFirstFrame||e._mdf||t.transforms._mdf){var r,i,s,a=t.trNodes,n=e.paths,o=n._length;a.length=0;var h=t.transforms.finalTransform;for(s=0;s<o;s+=1){var l=n.shapes[s];if(l&&l.v){for(i=l._length,r=1;r<i;r+=1)1===r&&a.push({t:"m",p:h.applyToPointArray(l.v[0][0],l.v[0][1],0)}),a.push({t:"c",pts:h.applyToTriplePoints(l.o[r-1],l.i[r],l.v[r])});1===i&&a.push({t:"m",p:h.applyToPointArray(l.v[0][0],l.v[0][1],0)}),l.c&&i&&(a.push({t:"c",pts:h.applyToTriplePoints(l.o[r-1],l.i[0],l.v[0])}),a.push({t:"z"}))}}t.trNodes=a}},CVShapeElement.prototype.renderPath=function(t,e){if(!0!==t.hd&&t._shouldRender){var r,i=e.styledShapes.length;for(r=0;r<i;r+=1)this.renderStyledShape(e.styledShapes[r],e.sh)}},CVShapeElement.prototype.renderFill=function(t,e,r){var i=e.style;(e.c._mdf||this._isFirstFrame)&&(i.co="rgb("+bm_floor(e.c.v[0])+","+bm_floor(e.c.v[1])+","+bm_floor(e.c.v[2])+")"),(e.o._mdf||r._opMdf||this._isFirstFrame)&&(i.coOp=e.o.v*r.opacity)},CVShapeElement.prototype.renderGradientFill=function(t,e,r){var i=e.style;if(!i.grd||e.g._mdf||e.s._mdf||e.e._mdf||1!==t.t&&(e.h._mdf||e.a._mdf)){var s=this.globalData.canvasContext,a=e.s.v,n=e.e.v;if(1===t.t)m=s.createLinearGradient(a[0],a[1],n[0],n[1]);else var o=Math.sqrt(Math.pow(a[0]-n[0],2)+Math.pow(a[1]-n[1],2)),h=Math.atan2(n[1]-a[1],n[0]-a[0]),l=o*(e.h.v>=1?.99:e.h.v<=-1?-.99:e.h.v),p=Math.cos(h+e.a.v)*l+a[0],f=Math.sin(h+e.a.v)*l+a[1],m=s.createRadialGradient(p,f,0,a[0],a[1],o);var c,d=t.g.p,u=e.g.c,y=1;for(c=0;c<d;c+=1)e.g._hasOpacity&&e.g._collapsable&&(y=e.g.o[2*c+1]),m.addColorStop(u[4*c]/100,"rgba("+u[4*c+1]+","+u[4*c+2]+","+u[4*c+3]+","+y+")");i.grd=m}i.coOp=e.o.v*r.opacity},CVShapeElement.prototype.renderStroke=function(t,e,r){var i=e.style,s=e.d;s&&(s._mdf||this._isFirstFrame)&&(i.da=s.dashArray,i.do=s.dashoffset[0]),(e.c._mdf||this._isFirstFrame)&&(i.co="rgb("+bm_floor(e.c.v[0])+","+bm_floor(e.c.v[1])+","+bm_floor(e.c.v[2])+")"),(e.o._mdf||r._opMdf||this._isFirstFrame)&&(i.coOp=e.o.v*r.opacity),(e.w._mdf||this._isFirstFrame)&&(i.wi=e.w.v)},CVShapeElement.prototype.destroy=function(){this.shapesData=null,this.globalData=null,this.canvasContext=null,this.stylesList.length=0,this.itemsData.length=0},extendPrototype([BaseElement,TransformElement,CVBaseElement,HierarchyElement,FrameElement,RenderableElement],CVSolidElement),CVSolidElement.prototype.initElement=SVGShapeElement.prototype.initElement,CVSolidElement.prototype.prepareFrame=IImageElement.prototype.prepareFrame,CVSolidElement.prototype.renderInnerContent=function(){var t=this.canvasContext;t.fillStyle=this.data.sc,t.fillRect(0,0,this.data.sw,this.data.sh)},extendPrototype([BaseElement,TransformElement,CVBaseElement,HierarchyElement,FrameElement,RenderableElement,ITextElement],CVTextElement),CVTextElement.prototype.tHelper=createTag("canvas").getContext("2d"),CVTextElement.prototype.buildNewText=function(){var t=this.textProperty.currentData;this.renderedLetters=createSizedArray(t.l?t.l.length:0);var e=!1;t.fc?(e=!0,this.values.fill=this.buildColor(t.fc)):this.values.fill="rgba(0,0,0,0)",this.fill=e;var r=!1;t.sc&&(r=!0,this.values.stroke=this.buildColor(t.sc),this.values.sWidth=t.sw);var i,s,a=this.globalData.fontManager.getFontByName(t.f),n=t.l,o=this.mHelper;this.stroke=r,this.values.fValue=t.finalSize+"px "+this.globalData.fontManager.getFontByName(t.f).fFamily,s=t.finalText.length;var h,l,p,f,m,c,d,u,y,g,v=this.data.singleShape,b=t.tr/1e3*t.finalSize,P=0,_=0,x=!0,S=0;for(i=0;i<s;i+=1){for(l=(h=this.globalData.fontManager.getCharData(t.finalText[i],a.fStyle,this.globalData.fontManager.getFontByName(t.f).fFamily))&&h.data||{},o.reset(),v&&n[i].n&&(P=-b,_+=t.yOffset,_+=x?1:0,x=!1),d=(m=l.shapes?l.shapes[0].it:[]).length,o.scale(t.finalSize/100,t.finalSize/100),v&&this.applyTextPropertiesToMatrix(t,o,n[i].line,P,_),y=createSizedArray(d),c=0;c<d;c+=1){for(f=m[c].ks.k.i.length,u=m[c].ks.k,g=[],p=1;p<f;p+=1)1==p&&g.push(o.applyToX(u.v[0][0],u.v[0][1],0),o.applyToY(u.v[0][0],u.v[0][1],0)),g.push(o.applyToX(u.o[p-1][0],u.o[p-1][1],0),o.applyToY(u.o[p-1][0],u.o[p-1][1],0),o.applyToX(u.i[p][0],u.i[p][1],0),o.applyToY(u.i[p][0],u.i[p][1],0),o.applyToX(u.v[p][0],u.v[p][1],0),o.applyToY(u.v[p][0],u.v[p][1],0));g.push(o.applyToX(u.o[p-1][0],u.o[p-1][1],0),o.applyToY(u.o[p-1][0],u.o[p-1][1],0),o.applyToX(u.i[0][0],u.i[0][1],0),o.applyToY(u.i[0][0],u.i[0][1],0),o.applyToX(u.v[0][0],u.v[0][1],0),o.applyToY(u.v[0][0],u.v[0][1],0)),y[c]=g}v&&(P+=n[i].l,P+=b),this.textSpans[S]?this.textSpans[S].elem=y:this.textSpans[S]={elem:y},S+=1}},CVTextElement.prototype.renderInnerContent=function(){var t,e,r,i,s,a,n=this.canvasContext;this.finalTransform.mat.props;n.font=this.values.fValue,n.lineCap="butt",n.lineJoin="miter",n.miterLimit=4,this.data.singleShape||this.textAnimator.getMeasures(this.textProperty.currentData,this.lettersChangedFlag);var o,h=this.textAnimator.renderedLetters,l=this.textProperty.currentData.l;e=l.length;var p,f,m=null,c=null,d=null;for(t=0;t<e;t+=1)if(!l[t].n){if((o=h[t])&&(this.globalData.renderer.save(),this.globalData.renderer.ctxTransform(o.p),this.globalData.renderer.ctxOpacity(o.o)),this.fill){for(o&&o.fc?m!==o.fc&&(m=o.fc,n.fillStyle=o.fc):m!==this.values.fill&&(m=this.values.fill,n.fillStyle=this.values.fill),i=(p=this.textSpans[t].elem).length,this.globalData.canvasContext.beginPath(),r=0;r<i;r+=1)for(a=(f=p[r]).length,this.globalData.canvasContext.moveTo(f[0],f[1]),s=2;s<a;s+=6)this.globalData.canvasContext.bezierCurveTo(f[s],f[s+1],f[s+2],f[s+3],f[s+4],f[s+5]);this.globalData.canvasContext.closePath(),this.globalData.canvasContext.fill()}if(this.stroke){for(o&&o.sw?d!==o.sw&&(d=o.sw,n.lineWidth=o.sw):d!==this.values.sWidth&&(d=this.values.sWidth,n.lineWidth=this.values.sWidth),o&&o.sc?c!==o.sc&&(c=o.sc,n.strokeStyle=o.sc):c!==this.values.stroke&&(c=this.values.stroke,n.strokeStyle=this.values.stroke),i=(p=this.textSpans[t].elem).length,this.globalData.canvasContext.beginPath(),r=0;r<i;r+=1)for(a=(f=p[r]).length,this.globalData.canvasContext.moveTo(f[0],f[1]),s=2;s<a;s+=6)this.globalData.canvasContext.bezierCurveTo(f[s],f[s+1],f[s+2],f[s+3],f[s+4],f[s+5]);this.globalData.canvasContext.closePath(),this.globalData.canvasContext.stroke()}o&&this.globalData.renderer.restore()}},CVEffects.prototype.renderFrame=function(){};var animationManager=function(){var t={},e=[],r=0,i=0,s=0,a=!0,n=!1;function o(t){for(var r=0,s=t.target;r<i;)e[r].animation===s&&(e.splice(r,1),r-=1,i-=1,s.isPaused||p()),r+=1}function h(t,r){if(!t)return null;for(var s=0;s<i;){if(e[s].elem==t&&null!==e[s].elem)return e[s].animation;s+=1}var a=new AnimationItem;return f(a,t),a.setData(t,r),a}function l(){s+=1,d()}function p(){s-=1}function f(t,r){t.addEventListener("destroy",o),t.addEventListener("_active",l),t.addEventListener("_idle",p),e.push({elem:r,animation:t}),i+=1}function m(t){var o,h=t-r;for(o=0;o<i;o+=1)e[o].animation.advanceTime(h);r=t,s&&!n?window.requestAnimationFrame(m):a=!0}function c(t){r=t,window.requestAnimationFrame(m)}function d(){!n&&s&&a&&(window.requestAnimationFrame(c),a=!1)}return t.registerAnimation=h,t.loadAnimation=function(t){var e=new AnimationItem;return f(e,null),e.setParams(t),e},t.setSpeed=function(t,r){var s;for(s=0;s<i;s+=1)e[s].animation.setSpeed(t,r)},t.setDirection=function(t,r){var s;for(s=0;s<i;s+=1)e[s].animation.setDirection(t,r)},t.play=function(t){var r;for(r=0;r<i;r+=1)e[r].animation.play(t)},t.pause=function(t){var r;for(r=0;r<i;r+=1)e[r].animation.pause(t)},t.stop=function(t){var r;for(r=0;r<i;r+=1)e[r].animation.stop(t)},t.togglePause=function(t){var r;for(r=0;r<i;r+=1)e[r].animation.togglePause(t)},t.searchAnimations=function(t,e,r){var i,s=[].concat([].slice.call(document.getElementsByClassName("lottie")),[].slice.call(document.getElementsByClassName("bodymovin"))),a=s.length;for(i=0;i<a;i+=1)r&&s[i].setAttribute("data-bm-type",r),h(s[i],t);if(e&&0===a){r||(r="svg");var n=document.getElementsByTagName("body")[0];n.innerHTML="";var o=createTag("div");o.style.width="100%",o.style.height="100%",o.setAttribute("data-bm-type",r),n.appendChild(o),h(o,t)}},t.resize=function(){var t;for(t=0;t<i;t+=1)e[t].animation.resize()},t.goToAndStop=function(t,r,s){var a;for(a=0;a<i;a+=1)e[a].animation.goToAndStop(t,r,s)},t.destroy=function(t){var r;for(r=i-1;r>=0;r-=1)e[r].animation.destroy(t)},t.freeze=function(){n=!0},t.unfreeze=function(){n=!1,d()},t.getRegisteredAnimations=function(){var t,r=e.length,i=[];for(t=0;t<r;t+=1)i.push(e[t].animation);return i},t}(),AnimationItem=function(){this._cbs=[],this.name="",this.path="",this.isLoaded=!1,this.currentFrame=0,this.currentRawFrame=0,this.totalFrames=0,this.frameRate=0,this.frameMult=0,this.playSpeed=1,this.playDirection=1,this.playCount=0,this.animationData={},this.assets=[],this.isPaused=!0,this.autoplay=!1,this.loop=!0,this.renderer=null,this.animationID=createElementID(),this.assetsPath="",this.timeCompleted=0,this.segmentPos=0,this.subframeEnabled=subframeEnabled,this.segments=[],this._idle=!0,this._completedLoop=!1,this.projectInterface=ProjectInterface(),this.imagePreloader=new ImagePreloader};extendPrototype([BaseEvent],AnimationItem),AnimationItem.prototype.setParams=function(t){t.context&&(this.context=t.context),(t.wrapper||t.container)&&(this.wrapper=t.wrapper||t.container);var e=t.animType?t.animType:t.renderer?t.renderer:"svg";switch(e){case"canvas":this.renderer=new CanvasRenderer(this,t.rendererSettings);break;case"svg":this.renderer=new SVGRenderer(this,t.rendererSettings);break;default:this.renderer=new HybridRenderer(this,t.rendererSettings)}this.renderer.setProjectInterface(this.projectInterface),this.animType=e,""===t.loop||null===t.loop||(!1===t.loop?this.loop=!1:!0===t.loop?this.loop=!0:this.loop=parseInt(t.loop)),this.autoplay=!("autoplay"in t)||t.autoplay,this.name=t.name?t.name:"",this.autoloadSegments=!t.hasOwnProperty("autoloadSegments")||t.autoloadSegments,this.assetsPath=t.assetsPath,t.animationData?this.configAnimation(t.animationData):t.path&&("json"!=t.path.substr(-4)&&("/"!=t.path.substr(-1,1)&&(t.path+="/"),t.path+="data.json"),-1!=t.path.lastIndexOf("\\")?this.path=t.path.substr(0,t.path.lastIndexOf("\\")+1):this.path=t.path.substr(0,t.path.lastIndexOf("/")+1),this.fileName=t.path.substr(t.path.lastIndexOf("/")+1),this.fileName=this.fileName.substr(0,this.fileName.lastIndexOf(".json")),assetLoader.load(t.path,this.configAnimation.bind(this),function(){this.trigger("data_failed")}.bind(this)))},AnimationItem.prototype.setData=function(t,e){var r={wrapper:t,animationData:e?"object"===_typeof(e)?e:JSON.parse(e):null},i=t.attributes;r.path=i.getNamedItem("data-animation-path")?i.getNamedItem("data-animation-path").value:i.getNamedItem("data-bm-path")?i.getNamedItem("data-bm-path").value:i.getNamedItem("bm-path")?i.getNamedItem("bm-path").value:"",r.animType=i.getNamedItem("data-anim-type")?i.getNamedItem("data-anim-type").value:i.getNamedItem("data-bm-type")?i.getNamedItem("data-bm-type").value:i.getNamedItem("bm-type")?i.getNamedItem("bm-type").value:i.getNamedItem("data-bm-renderer")?i.getNamedItem("data-bm-renderer").value:i.getNamedItem("bm-renderer")?i.getNamedItem("bm-renderer").value:"canvas";var s=i.getNamedItem("data-anim-loop")?i.getNamedItem("data-anim-loop").value:i.getNamedItem("data-bm-loop")?i.getNamedItem("data-bm-loop").value:i.getNamedItem("bm-loop")?i.getNamedItem("bm-loop").value:"";""===s||(r.loop="false"!==s&&("true"===s||parseInt(s)));var a=i.getNamedItem("data-anim-autoplay")?i.getNamedItem("data-anim-autoplay").value:i.getNamedItem("data-bm-autoplay")?i.getNamedItem("data-bm-autoplay").value:!i.getNamedItem("bm-autoplay")||i.getNamedItem("bm-autoplay").value;r.autoplay="false"!==a,r.name=i.getNamedItem("data-name")?i.getNamedItem("data-name").value:i.getNamedItem("data-bm-name")?i.getNamedItem("data-bm-name").value:i.getNamedItem("bm-name")?i.getNamedItem("bm-name").value:"","false"===(i.getNamedItem("data-anim-prerender")?i.getNamedItem("data-anim-prerender").value:i.getNamedItem("data-bm-prerender")?i.getNamedItem("data-bm-prerender").value:i.getNamedItem("bm-prerender")?i.getNamedItem("bm-prerender").value:"")&&(r.prerender=!1),this.setParams(r)},AnimationItem.prototype.includeLayers=function(t){t.op>this.animationData.op&&(this.animationData.op=t.op,this.totalFrames=Math.floor(t.op-this.animationData.ip));var e,r,i=this.animationData.layers,s=i.length,a=t.layers,n=a.length;for(r=0;r<n;r+=1)for(e=0;e<s;){if(i[e].id==a[r].id){i[e]=a[r];break}e+=1}if((t.chars||t.fonts)&&(this.renderer.globalData.fontManager.addChars(t.chars),this.renderer.globalData.fontManager.addFonts(t.fonts,this.renderer.globalData.defs)),t.assets)for(s=t.assets.length,e=0;e<s;e+=1)this.animationData.assets.push(t.assets[e]);this.animationData.__complete=!1,dataManager.completeData(this.animationData,this.renderer.globalData.fontManager),this.renderer.includeLayers(t.layers),expressionsPlugin&&expressionsPlugin.initExpressions(this),this.loadNextSegment()},AnimationItem.prototype.loadNextSegment=function(){var t=this.animationData.segments;if(!t||0===t.length||!this.autoloadSegments)return this.trigger("data_ready"),void(this.timeCompleted=this.totalFrames);var e=t.shift();this.timeCompleted=e.time*this.frameRate;var r=this.path+this.fileName+"_"+this.segmentPos+".json";this.segmentPos+=1,assetLoader.load(r,this.includeLayers.bind(this),function(){this.trigger("data_failed")}.bind(this))},AnimationItem.prototype.loadSegments=function(){this.animationData.segments||(this.timeCompleted=this.totalFrames),this.loadNextSegment()},AnimationItem.prototype.imagesLoaded=function(){this.trigger("loaded_images"),this.checkLoaded()},AnimationItem.prototype.preloadImages=function(){this.imagePreloader.setAssetsPath(this.assetsPath),this.imagePreloader.setPath(this.path),this.imagePreloader.loadAssets(this.animationData.assets,this.imagesLoaded.bind(this))},AnimationItem.prototype.configAnimation=function(t){this.renderer&&(this.animationData=t,this.totalFrames=Math.floor(this.animationData.op-this.animationData.ip),this.renderer.configAnimation(t),t.assets||(t.assets=[]),this.renderer.searchExtraCompositions(t.assets),this.assets=this.animationData.assets,this.frameRate=this.animationData.fr,this.firstFrame=Math.round(this.animationData.ip),this.frameMult=this.animationData.fr/1e3,this.trigger("config_ready"),this.preloadImages(),this.loadSegments(),this.updaFrameModifier(),this.waitForFontsLoaded())},AnimationItem.prototype.waitForFontsLoaded=function(){this.renderer&&(this.renderer.globalData.fontManager.loaded()?this.checkLoaded():setTimeout(this.waitForFontsLoaded.bind(this),20))},AnimationItem.prototype.checkLoaded=function(){this.isLoaded||!this.renderer.globalData.fontManager.loaded()||!this.imagePreloader.loaded()&&"canvas"===this.renderer.rendererType||(this.isLoaded=!0,dataManager.completeData(this.animationData,this.renderer.globalData.fontManager),expressionsPlugin&&expressionsPlugin.initExpressions(this),this.renderer.initItems(),setTimeout(function(){this.trigger("DOMLoaded")}.bind(this),0),this.gotoFrame(),this.autoplay&&this.play())},AnimationItem.prototype.resize=function(){this.renderer.updateContainerSize()},AnimationItem.prototype.setSubframe=function(t){this.subframeEnabled=!!t},AnimationItem.prototype.gotoFrame=function(){this.currentFrame=this.subframeEnabled?this.currentRawFrame:~~this.currentRawFrame,this.timeCompleted!==this.totalFrames&&this.currentFrame>this.timeCompleted&&(this.currentFrame=this.timeCompleted),this.trigger("enterFrame"),this.renderFrame()},AnimationItem.prototype.renderFrame=function(){!1!==this.isLoaded&&this.renderer.renderFrame(this.currentFrame+this.firstFrame)},AnimationItem.prototype.play=function(t){t&&this.name!=t||!0===this.isPaused&&(this.isPaused=!1,this._idle&&(this._idle=!1,this.trigger("_active")))},AnimationItem.prototype.pause=function(t){t&&this.name!=t||!1===this.isPaused&&(this.isPaused=!0,this._idle=!0,this.trigger("_idle"))},AnimationItem.prototype.togglePause=function(t){t&&this.name!=t||(!0===this.isPaused?this.play():this.pause())},AnimationItem.prototype.stop=function(t){t&&this.name!=t||(this.pause(),this.playCount=0,this._completedLoop=!1,this.setCurrentRawFrameValue(0))},AnimationItem.prototype.goToAndStop=function(t,e,r){r&&this.name!=r||(e?this.setCurrentRawFrameValue(t):this.setCurrentRawFrameValue(t*this.frameModifier),this.pause())},AnimationItem.prototype.goToAndPlay=function(t,e,r){this.goToAndStop(t,e,r),this.play()},AnimationItem.prototype.advanceTime=function(t){if(!0!==this.isPaused&&!1!==this.isLoaded){var e=this.currentRawFrame+t*this.frameModifier,r=!1;e>=this.totalFrames-1&&this.frameModifier>0?this.loop&&this.playCount!==this.loop?e>=this.totalFrames?(this.playCount+=1,this.checkSegments(e%this.totalFrames)||(this.setCurrentRawFrameValue(e%this.totalFrames),this._completedLoop=!0,this.trigger("loopComplete"))):this.setCurrentRawFrameValue(e):this.checkSegments(e>this.totalFrames?e%this.totalFrames:0)||(r=!0,e=this.totalFrames-1):e<0?this.checkSegments(e%this.totalFrames)||(!this.loop||this.playCount--<=0&&!0!==this.loop?(r=!0,e=0):(this.setCurrentRawFrameValue(this.totalFrames+e%this.totalFrames),this._completedLoop?this.trigger("loopComplete"):this._completedLoop=!0)):this.setCurrentRawFrameValue(e),r&&(this.setCurrentRawFrameValue(e),this.pause(),this.trigger("complete"))}},AnimationItem.prototype.adjustSegment=function(t,e){this.playCount=0,t[1]<t[0]?(this.frameModifier>0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(-1)),this.timeCompleted=this.totalFrames=t[0]-t[1],this.firstFrame=t[1],this.setCurrentRawFrameValue(this.totalFrames-.001-e)):t[1]>t[0]&&(this.frameModifier<0&&(this.playSpeed<0?this.setSpeed(-this.playSpeed):this.setDirection(1)),this.timeCompleted=this.totalFrames=t[1]-t[0],this.firstFrame=t[0],this.setCurrentRawFrameValue(.001+e)),this.trigger("segmentStart")},AnimationItem.prototype.setSegment=function(t,e){var r=-1;this.isPaused&&(this.currentRawFrame+this.firstFrame<t?r=t:this.currentRawFrame+this.firstFrame>e&&(r=e-t)),this.firstFrame=t,this.timeCompleted=this.totalFrames=e-t,-1!==r&&this.goToAndStop(r,!0)},AnimationItem.prototype.playSegments=function(t,e){if(e&&(this.segments.length=0),"object"===_typeof(t[0])){var r,i=t.length;for(r=0;r<i;r+=1)this.segments.push(t[r])}else this.segments.push(t);this.segments.length&&e&&this.adjustSegment(this.segments.shift(),0),this.isPaused&&this.play()},AnimationItem.prototype.resetSegments=function(t){this.segments.length=0,this.segments.push([this.animationData.ip,this.animationData.op]),t&&this.checkSegments(0)},AnimationItem.prototype.checkSegments=function(t){return!!this.segments.length&&(this.adjustSegment(this.segments.shift(),t),!0)},AnimationItem.prototype.destroy=function(t){t&&this.name!=t||!this.renderer||(this.renderer.destroy(),this.imagePreloader.destroy(),this.trigger("destroy"),this._cbs=null,this.onEnterFrame=this.onLoopComplete=this.onComplete=this.onSegmentStart=this.onDestroy=null,this.renderer=null)},AnimationItem.prototype.setCurrentRawFrameValue=function(t){this.currentRawFrame=t,this.gotoFrame()},AnimationItem.prototype.setSpeed=function(t){this.playSpeed=t,this.updaFrameModifier()},AnimationItem.prototype.setDirection=function(t){this.playDirection=t<0?-1:1,this.updaFrameModifier()},AnimationItem.prototype.updaFrameModifier=function(){this.frameModifier=this.frameMult*this.playSpeed*this.playDirection},AnimationItem.prototype.getPath=function(){return this.path},AnimationItem.prototype.getAssetsPath=function(t){var e="";if(t.e)e=t.p;else if(this.assetsPath){var r=t.p;-1!==r.indexOf("images/")&&(r=r.split("/")[1]),e=this.assetsPath+r}else e=this.path,e+=t.u?t.u:"",e+=t.p;return e},AnimationItem.prototype.getAssetData=function(t){for(var e=0,r=this.assets.length;e<r;){if(t==this.assets[e].id)return this.assets[e];e+=1}},AnimationItem.prototype.hide=function(){this.renderer.hide()},AnimationItem.prototype.show=function(){this.renderer.show()},AnimationItem.prototype.getDuration=function(t){return t?this.totalFrames:this.totalFrames/this.frameRate},AnimationItem.prototype.trigger=function(t){if(this._cbs&&this._cbs[t])switch(t){case"enterFrame":this.triggerEvent(t,new BMEnterFrameEvent(t,this.currentFrame,this.totalFrames,this.frameModifier));break;case"loopComplete":this.triggerEvent(t,new BMCompleteLoopEvent(t,this.loop,this.playCount,this.frameMult));break;case"complete":this.triggerEvent(t,new BMCompleteEvent(t,this.frameMult));break;case"segmentStart":this.triggerEvent(t,new BMSegmentStartEvent(t,this.firstFrame,this.totalFrames));break;case"destroy":this.triggerEvent(t,new BMDestroyEvent(t,this));break;default:this.triggerEvent(t)}"enterFrame"===t&&this.onEnterFrame&&this.onEnterFrame.call(this,new BMEnterFrameEvent(t,this.currentFrame,this.totalFrames,this.frameMult)),"loopComplete"===t&&this.onLoopComplete&&this.onLoopComplete.call(this,new BMCompleteLoopEvent(t,this.loop,this.playCount,this.frameMult)),"complete"===t&&this.onComplete&&this.onComplete.call(this,new BMCompleteEvent(t,this.frameMult)),"segmentStart"===t&&this.onSegmentStart&&this.onSegmentStart.call(this,new BMSegmentStartEvent(t,this.firstFrame,this.totalFrames)),"destroy"===t&&this.onDestroy&&this.onDestroy.call(this,new BMDestroyEvent(t,this))};var Expressions=function(){var t={};return t.initExpressions=function(t){var e=0,r=[];t.renderer.compInterface=CompExpressionInterface(t.renderer),t.renderer.globalData.projectInterface.registerComposition(t.renderer),t.renderer.globalData.pushExpression=function(){e+=1},t.renderer.globalData.popExpression=function(){0===(e-=1)&&function(){var t,e=r.length;for(t=0;t<e;t+=1)r[t].release();r.length=0}()},t.renderer.globalData.registerExpressionProperty=function(t){-1===r.indexOf(t)&&r.push(t)}},t}();expressionsPlugin=Expressions;var ExpressionManager=function(){var ob={},Math=BMMath,window=null,document=null;function $bm_isInstanceOfArray(t){return t.constructor===Array||t.constructor===Float32Array}function isNumerable(t,e){return"number"===t||"boolean"===t||"string"===t||e instanceof Number}function $bm_neg(t){var e=_typeof(t);if("number"===e||"boolean"===e||t instanceof Number)return-t;if($bm_isInstanceOfArray(t)){var r,i=t.length,s=[];for(r=0;r<i;r+=1)s[r]=-t[r];return s}return t.propType?t.v:void 0}var easeInBez=BezierFactory.getBezierEasing(.333,0,.833,.833,"easeIn").get,easeOutBez=BezierFactory.getBezierEasing(.167,.167,.667,1,"easeOut").get,easeInOutBez=BezierFactory.getBezierEasing(.33,0,.667,1,"easeInOut").get;function sum(t,e){var r=_typeof(t),i=_typeof(e);if("string"===r||"string"===i)return t+e;if(isNumerable(r,t)&&isNumerable(i,e))return t+e;if($bm_isInstanceOfArray(t)&&isNumerable(i,e))return(t=t.slice(0))[0]=t[0]+e,t;if(isNumerable(r,t)&&$bm_isInstanceOfArray(e))return(e=e.slice(0))[0]=t+e[0],e;if($bm_isInstanceOfArray(t)&&$bm_isInstanceOfArray(e)){for(var s=0,a=t.length,n=e.length,o=[];s<a||s<n;)("number"==typeof t[s]||t[s]instanceof Number)&&("number"==typeof e[s]||e[s]instanceof Number)?o[s]=t[s]+e[s]:o[s]=void 0===e[s]?t[s]:t[s]||e[s],s+=1;return o}return 0}var add=sum;function sub(t,e){var r=_typeof(t),i=_typeof(e);if(isNumerable(r,t)&&isNumerable(i,e))return"string"===r&&(t=parseInt(t)),"string"===i&&(e=parseInt(e)),t-e;if($bm_isInstanceOfArray(t)&&isNumerable(i,e))return(t=t.slice(0))[0]=t[0]-e,t;if(isNumerable(r,t)&&$bm_isInstanceOfArray(e))return(e=e.slice(0))[0]=t-e[0],e;if($bm_isInstanceOfArray(t)&&$bm_isInstanceOfArray(e)){for(var s=0,a=t.length,n=e.length,o=[];s<a||s<n;)("number"==typeof t[s]||t[s]instanceof Number)&&("number"==typeof e[s]||e[s]instanceof Number)?o[s]=t[s]-e[s]:o[s]=void 0===e[s]?t[s]:t[s]||e[s],s+=1;return o}return 0}function mul(t,e){var r,i,s,a=_typeof(t),n=_typeof(e);if(isNumerable(a,t)&&isNumerable(n,e))return t*e;if($bm_isInstanceOfArray(t)&&isNumerable(n,e)){for(s=t.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t[i]*e;return r}if(isNumerable(a,t)&&$bm_isInstanceOfArray(e)){for(s=e.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t*e[i];return r}return 0}function div(t,e){var r,i,s,a=_typeof(t),n=_typeof(e);if(isNumerable(a,t)&&isNumerable(n,e))return t/e;if($bm_isInstanceOfArray(t)&&isNumerable(n,e)){for(s=t.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t[i]/e;return r}if(isNumerable(a,t)&&$bm_isInstanceOfArray(e)){for(s=e.length,r=createTypedArray("float32",s),i=0;i<s;i+=1)r[i]=t/e[i];return r}return 0}function mod(t,e){return"string"==typeof t&&(t=parseInt(t)),"string"==typeof e&&(e=parseInt(e)),t%e}var $bm_sum=sum,$bm_sub=sub,$bm_mul=mul,$bm_div=div,$bm_mod=mod;function clamp(t,e,r){if(e>r){var i=r;r=e,e=i}return Math.min(Math.max(t,e),r)}function radiansToDegrees(t){return t/degToRads}var radians_to_degrees=radiansToDegrees;function degreesToRadians(t){return t*degToRads}var degrees_to_radians=radiansToDegrees,helperLengthArray=[0,0,0,0,0,0];function length(t,e){if("number"==typeof t||t instanceof Number)return e=e||0,Math.abs(t-e);e||(e=helperLengthArray);var r,i=Math.min(t.length,e.length),s=0;for(r=0;r<i;r+=1)s+=Math.pow(e[r]-t[r],2);return Math.sqrt(s)}function normalize(t){return div(t,length(t))}function rgbToHsl(t){var e,r,i=t[0],s=t[1],a=t[2],n=Math.max(i,s,a),o=Math.min(i,s,a),h=(n+o)/2;if(n==o)e=r=0;else{var l=n-o;switch(r=h>.5?l/(2-n-o):l/(n+o),n){case i:e=(s-a)/l+(s<a?6:0);break;case s:e=(a-i)/l+2;break;case a:e=(i-s)/l+4}e/=6}return[e,r,h,t[3]]}function hue2rgb(t,e,r){return r<0&&(r+=1),r>1&&(r-=1),r<1/6?t+6*(e-t)*r:r<.5?e:r<2/3?t+(e-t)*(2/3-r)*6:t}function hslToRgb(t){var e,r,i,s=t[0],a=t[1],n=t[2];if(0===a)e=r=i=n;else{var o=n<.5?n*(1+a):n+a-n*a,h=2*n-o;e=hue2rgb(h,o,s+1/3),r=hue2rgb(h,o,s),i=hue2rgb(h,o,s-1/3)}return[e,r,i,t[3]]}function linear(t,e,r,i,s){if(void 0!==i&&void 0!==s||(i=e,s=r,e=0,r=1),r<e){var a=r;r=e,e=a}if(t<=e)return i;if(t>=r)return s;var n=r===e?0:(t-e)/(r-e);if(!i.length)return i+(s-i)*n;var o,h=i.length,l=createTypedArray("float32",h);for(o=0;o<h;o+=1)l[o]=i[o]+(s[o]-i[o])*n;return l}function random(t,e){if(void 0===e&&(void 0===t?(t=0,e=1):(e=t,t=void 0)),e.length){var r,i=e.length;t||(t=createTypedArray("float32",i));var s=createTypedArray("float32",i),a=BMMath.random();for(r=0;r<i;r+=1)s[r]=t[r]+a*(e[r]-t[r]);return s}return void 0===t&&(t=0),t+BMMath.random()*(e-t)}function createPath(t,e,r,i){var s,a=t.length,n=shape_pool.newElement();n.setPathData(!!i,a);var o,h,l=[0,0];for(s=0;s<a;s+=1)o=e&&e[s]?e[s]:l,h=r&&r[s]?r[s]:l,n.setTripleAt(t[s][0],t[s][1],h[0]+t[s][0],h[1]+t[s][1],o[0]+t[s][0],o[1]+t[s][1],s,!0);return n}function initiateExpression(elem,data,property){var val=data.x,needsVelocity=/velocity(?![\w\d])/.test(val),_needsRandom=-1!==val.indexOf("random"),elemType=elem.data.ty,transform,$bm_transform,content,effect,thisProperty=property;thisProperty.valueAtTime=thisProperty.getValueAtTime,Object.defineProperty(thisProperty,"value",{get:function(){return thisProperty.v}}),elem.comp.frameDuration=1/elem.comp.globalData.frameRate,elem.comp.displayStartTime=0;var inPoint=elem.data.ip/elem.comp.globalData.frameRate,outPoint=elem.data.op/elem.comp.globalData.frameRate,width=elem.data.sw?elem.data.sw:0,height=elem.data.sh?elem.data.sh:0,name=elem.data.nm,loopIn,loop_in,loopOut,loop_out,smooth,toWorld,fromWorld,fromComp,toComp,fromCompToSurface,position,rotation,anchorPoint,scale,thisLayer,thisComp,mask,valueAtTime,velocityAtTime,__expression_functions=[],scoped_bm_rt;if(data.xf){var i,len=data.xf.length;for(i=0;i<len;i+=1)__expression_functions[i]=fuiEvilExecute("function execute(){ return "+data.xf[i]+"}")}var expression_function=fuiEvil("function _expression_function(){"+val+";scoped_bm_rt=$bm_rt}"),numKeys=property.kf?data.k.length:0,active=!this.data||!0!==this.data.hd,wiggle=function(t,e){var r,i,s=this.pv.length?this.pv.length:1,a=createTypedArray("float32",s);var n=Math.floor(5*time);for(r=0,i=0;r<n;){for(i=0;i<s;i+=1)a[i]+=-e+2*e*BMMath.random();r+=1}var o=5*time,h=o-Math.floor(o),l=createTypedArray("float32",s);if(s>1){for(i=0;i<s;i+=1)l[i]=this.pv[i]+a[i]+(-e+2*e*BMMath.random())*h;return l}return this.pv+a[0]+(-e+2*e*BMMath.random())*h}.bind(this);function loopInDuration(t,e){return loopIn(t,e,!0)}function loopOutDuration(t,e){return loopOut(t,e,!0)}thisProperty.loopIn&&(loopIn=thisProperty.loopIn.bind(thisProperty),loop_in=loopIn),thisProperty.loopOut&&(loopOut=thisProperty.loopOut.bind(thisProperty),loop_out=loopOut),thisProperty.smooth&&(smooth=thisProperty.smooth.bind(thisProperty)),this.getValueAtTime&&(valueAtTime=this.getValueAtTime.bind(this)),this.getVelocityAtTime&&(velocityAtTime=this.getVelocityAtTime.bind(this));var comp=elem.comp.globalData.projectInterface.bind(elem.comp.globalData.projectInterface),time,velocity,value,text,textIndex,textTotal,selectorValue;function lookAt(t,e){var r=[e[0]-t[0],e[1]-t[1],e[2]-t[2]],i=Math.atan2(r[0],Math.sqrt(r[1]*r[1]+r[2]*r[2]))/degToRads;return[-Math.atan2(r[1],r[2])/degToRads,i,0]}function easeOut(t,e,r,i,s){return applyEase(easeOutBez,t,e,r,i,s)}function easeIn(t,e,r,i,s){return applyEase(easeInBez,t,e,r,i,s)}function ease(t,e,r,i,s){return applyEase(easeInOutBez,t,e,r,i,s)}function applyEase(t,e,r,i,s,a){void 0===s?(s=r,a=i):e=(e-r)/(i-r);var n=t(e=e>1?1:e<0?0:e);if($bm_isInstanceOfArray(s)){var o,h=s.length,l=createTypedArray("float32",h);for(o=0;o<h;o+=1)l[o]=(a[o]-s[o])*n+s[o];return l}return(a-s)*n+s}function nearestKey(t){var e,r,i,s=data.k.length;if(data.k.length&&"number"!=typeof data.k[0])if(r=-1,(t*=elem.comp.globalData.frameRate)<data.k[0].t)r=1,i=data.k[0].t;else{for(e=0;e<s-1;e+=1){if(t===data.k[e].t){r=e+1,i=data.k[e].t;break}if(t>data.k[e].t&&t<data.k[e+1].t){t-data.k[e].t>data.k[e+1].t-t?(r=e+2,i=data.k[e+1].t):(r=e+1,i=data.k[e].t);break}}-1===r&&(r=e+1,i=data.k[e].t)}else r=0,i=0;var a={};return a.index=r,a.time=i/elem.comp.globalData.frameRate,a}function key(t){var e,r,i;if(!data.k.length||"number"==typeof data.k[0])throw new Error("The property has no keyframe at index "+t);t-=1,e={time:data.k[t].t/elem.comp.globalData.frameRate,value:[]};var s=data.k[t].hasOwnProperty("s")?data.k[t].s:data.k[t-1].e;for(i=s.length,r=0;r<i;r+=1)e[r]=s[r],e.value[r]=s[r];return e}function framesToTime(t,e){return e||(e=elem.comp.globalData.frameRate),t/e}function timeToFrames(t,e){return t||0===t||(t=time),e||(e=elem.comp.globalData.frameRate),t*e}function seedRandom(t){BMMath.seedrandom(randSeed+t)}function sourceRectAtTime(){return elem.sourceRectAtTime()}function substring(t,e){return"string"==typeof value?void 0===e?value.substring(t):value.substring(t,e):""}function substr(t,e){return"string"==typeof value?void 0===e?value.substr(t):value.substr(t,e):""}var index=elem.data.ind,hasParent=!(!elem.hierarchy||!elem.hierarchy.length),parent,randSeed=Math.floor(1e6*Math.random()),globalData=elem.globalData;function executeExpression(t){return value=t,_needsRandom&&seedRandom(randSeed),this.frameExpressionId===elem.globalData.frameId&&"textSelector"!==this.propType?value:("textSelector"===this.propType&&(textIndex=this.textIndex,textTotal=this.textTotal,selectorValue=this.selectorValue),thisLayer||(text=elem.layerInterface.text,thisLayer=elem.layerInterface,thisComp=elem.comp.compInterface,toWorld=thisLayer.toWorld.bind(thisLayer),fromWorld=thisLayer.fromWorld.bind(thisLayer),fromComp=thisLayer.fromComp.bind(thisLayer),toComp=thisLayer.toComp.bind(thisLayer),mask=thisLayer.mask?thisLayer.mask.bind(thisLayer):null,fromCompToSurface=fromComp),transform||(transform=elem.layerInterface("ADBE Transform Group"),$bm_transform=transform,transform&&(anchorPoint=transform.anchorPoint)),4!==elemType||content||(content=thisLayer("ADBE Root Vectors Group")),effect||(effect=thisLayer(4)),(hasParent=!(!elem.hierarchy||!elem.hierarchy.length))&&!parent&&(parent=elem.hierarchy[0].layerInterface),time=this.comp.renderedFrame/this.comp.globalData.frameRate,needsVelocity&&(velocity=velocityAtTime(time)),expression_function(),this.frameExpressionId=elem.globalData.frameId,"shape"===scoped_bm_rt.propType&&(scoped_bm_rt=scoped_bm_rt.v),scoped_bm_rt)}return executeExpression}return ob.initiateExpression=initiateExpression,ob}(),expressionHelpers={searchExpressions:function(t,e,r){e.x&&(r.k=!0,r.x=!0,r.initiateExpression=ExpressionManager.initiateExpression,r.effectsSequence.push(r.initiateExpression(t,e,r).bind(r)))},getSpeedAtTime:function(t){var e=this.getValueAtTime(t),r=this.getValueAtTime(t+-.01),i=0;if(e.length){var s;for(s=0;s<e.length;s+=1)i+=Math.pow(r[s]-e[s],2);i=100*Math.sqrt(i)}else i=0;return i},getVelocityAtTime:function(t){if(void 0!==this.vel)return this.vel;var e,r,i=this.getValueAtTime(t),s=this.getValueAtTime(t+-.001);if(i.length)for(e=createTypedArray("float32",i.length),r=0;r<i.length;r+=1)e[r]=(s[r]-i[r])/-.001;else e=(s-i)/-.001;return e},getValueAtTime:function(t){return t*=this.elem.globalData.frameRate,(t-=this.offsetTime)!==this._cachingAtTime.lastFrame&&(this._cachingAtTime.lastIndex=this._cachingAtTime.lastFrame<t?this._cachingAtTime.lastIndex:0,this._cachingAtTime.value=this.interpolateValue(t,this._cachingAtTime),this._cachingAtTime.lastFrame=t),this._cachingAtTime.value},getStaticValueAtTime:function(){return this.pv},setGroupProperty:function(t){this.propertyGroup=t}};!function(){function t(t,e,r){if(!this.k||!this.keyframes)return this.pv;t=t?t.toLowerCase():"";var i,s,a,n,o,h=this.comp.renderedFrame,l=this.keyframes,p=l[l.length-1].t;if(h<=p)return this.pv;if(r?s=p-(i=e?Math.abs(p-elem.comp.globalData.frameRate*e):Math.max(0,p-this.elem.data.ip)):((!e||e>l.length-1)&&(e=l.length-1),i=p-(s=l[l.length-1-e].t)),"pingpong"===t){if(Math.floor((h-s)/i)%2!=0)return this.getValueAtTime((i-(h-s)%i+s)/this.comp.globalData.frameRate,0)}else{if("offset"===t){var f=this.getValueAtTime(s/this.comp.globalData.frameRate,0),m=this.getValueAtTime(p/this.comp.globalData.frameRate,0),c=this.getValueAtTime(((h-s)%i+s)/this.comp.globalData.frameRate,0),d=Math.floor((h-s)/i);if(this.pv.length){for(n=(o=new Array(f.length)).length,a=0;a<n;a+=1)o[a]=(m[a]-f[a])*d+c[a];return o}return(m-f)*d+c}if("continue"===t){var u=this.getValueAtTime(p/this.comp.globalData.frameRate,0),y=this.getValueAtTime((p-.001)/this.comp.globalData.frameRate,0);if(this.pv.length){for(n=(o=new Array(u.length)).length,a=0;a<n;a+=1)o[a]=u[a]+(u[a]-y[a])*((h-p)/this.comp.globalData.frameRate)/5e-4;return o}return u+(h-p)/.001*(u-y)}}return this.getValueAtTime(((h-s)%i+s)/this.comp.globalData.frameRate,0)}function e(t,e,r){if(!this.k)return this.pv;t=t?t.toLowerCase():"";var i,s,a,n,o,h=this.comp.renderedFrame,l=this.keyframes,p=l[0].t;if(h>=p)return this.pv;if(r?s=p+(i=e?Math.abs(elem.comp.globalData.frameRate*e):Math.max(0,this.elem.data.op-p)):((!e||e>l.length-1)&&(e=l.length-1),i=(s=l[e].t)-p),"pingpong"===t){if(Math.floor((p-h)/i)%2==0)return this.getValueAtTime(((p-h)%i+p)/this.comp.globalData.frameRate,0)}else{if("offset"===t){var f=this.getValueAtTime(p/this.comp.globalData.frameRate,0),m=this.getValueAtTime(s/this.comp.globalData.frameRate,0),c=this.getValueAtTime((i-(p-h)%i+p)/this.comp.globalData.frameRate,0),d=Math.floor((p-h)/i)+1;if(this.pv.length){for(n=(o=new Array(f.length)).length,a=0;a<n;a+=1)o[a]=c[a]-(m[a]-f[a])*d;return o}return c-(m-f)*d}if("continue"===t){var u=this.getValueAtTime(p/this.comp.globalData.frameRate,0),y=this.getValueAtTime((p+.001)/this.comp.globalData.frameRate,0);if(this.pv.length){for(n=(o=new Array(u.length)).length,a=0;a<n;a+=1)o[a]=u[a]+(u[a]-y[a])*(p-h)/.001;return o}return u+(u-y)*(p-h)/.001}}return this.getValueAtTime((i-(p-h)%i+p)/this.comp.globalData.frameRate,0)}function r(t,e){if(!this.k)return this.pv;if(t=.5*(t||.4),(e=Math.floor(e||5))<=1)return this.pv;var r,i,s=this.comp.renderedFrame/this.comp.globalData.frameRate,a=s-t,n=e>1?(s+t-a)/(e-1):1,o=0,h=0;for(r=this.pv.length?createTypedArray("float32",this.pv.length):0;o<e;){if(i=this.getValueAtTime(a+o*n),this.pv.length)for(h=0;h<this.pv.length;h+=1)r[h]+=i[h];else r+=i;o+=1}if(this.pv.length)for(h=0;h<this.pv.length;h+=1)r[h]/=e;else r/=e;return r}var i=TransformPropertyFactory.getTransformProperty;TransformPropertyFactory.getTransformProperty=function(t,e,r){var s=i(t,e,r);return s.dynamicProperties.length?s.getValueAtTime=function(t){console.warn("Transform at time not supported")}.bind(s):s.getValueAtTime=function(t){}.bind(s),s.setGroupProperty=expressionHelpers.setGroupProperty,s};var s=PropertyFactory.getProp;PropertyFactory.getProp=function(i,a,n,o,h){var l=s(i,a,n,o,h);l.kf?l.getValueAtTime=expressionHelpers.getValueAtTime.bind(l):l.getValueAtTime=expressionHelpers.getStaticValueAtTime.bind(l),l.setGroupProperty=expressionHelpers.setGroupProperty,l.loopOut=t,l.loopIn=e,l.smooth=r,l.getVelocityAtTime=expressionHelpers.getVelocityAtTime.bind(l),l.getSpeedAtTime=expressionHelpers.getSpeedAtTime.bind(l),l.numKeys=1===a.a?a.k.length:0,l.propertyIndex=a.ix;var p=0;return 0!==n&&(p=createTypedArray("float32",1===a.a?a.k[0].s.length:a.k.length)),l._cachingAtTime={lastFrame:initialDefaultFrame,lastIndex:0,value:p},expressionHelpers.searchExpressions(i,a,l),l.k&&h.addDynamicProperty(l),l};var a=ShapePropertyFactory.getConstructorFunction(),n=ShapePropertyFactory.getKeyframedConstructorFunction();function o(){}o.prototype={vertices:function(t,e){this.k&&this.getValue();var r=this.v;void 0!==e&&(r=this.getValueAtTime(e,0));var i,s=r._length,a=r[t],n=r.v,o=createSizedArray(s);for(i=0;i<s;i+=1)o[i]="i"===t||"o"===t?[a[i][0]-n[i][0],a[i][1]-n[i][1]]:[a[i][0],a[i][1]];return o},points:function(t){return this.vertices("v",t)},inTangents:function(t){return this.vertices("i",t)},outTangents:function(t){return this.vertices("o",t)},isClosed:function(){return this.v.c},pointOnPath:function(t,e){var r=this.v;void 0!==e&&(r=this.getValueAtTime(e,0)),this._segmentsLength||(this._segmentsLength=bez.getSegmentsLength(r));for(var i,s=this._segmentsLength,a=s.lengths,n=s.totalLength*t,o=0,h=a.length,l=0;o<h;){if(l+a[o].addedLength>n){var p=o,f=r.c&&o===h-1?0:o+1,m=(n-l)/a[o].addedLength;i=bez.getPointInSegment(r.v[p],r.v[f],r.o[p],r.i[f],m,a[o]);break}l+=a[o].addedLength,o+=1}return i||(i=r.c?[r.v[0][0],r.v[0][1]]:[r.v[r._length-1][0],r.v[r._length-1][1]]),i},vectorOnPath:function(t,e,r){t=1==t?this.v.c?0:.999:t;var i=this.pointOnPath(t,e),s=this.pointOnPath(t+.001,e),a=s[0]-i[0],n=s[1]-i[1],o=Math.sqrt(Math.pow(a,2)+Math.pow(n,2));return 0===o?[0,0]:"tangent"===r?[a/o,n/o]:[-n/o,a/o]},tangentOnPath:function(t,e){return this.vectorOnPath(t,e,"tangent")},normalOnPath:function(t,e){return this.vectorOnPath(t,e,"normal")},setGroupProperty:expressionHelpers.setGroupProperty,getValueAtTime:expressionHelpers.getStaticValueAtTime},extendPrototype([o],a),extendPrototype([o],n),n.prototype.getValueAtTime=function(t){return this._cachingAtTime||(this._cachingAtTime={shapeValue:shape_pool.clone(this.pv),lastIndex:0,lastTime:initialDefaultFrame}),t*=this.elem.globalData.frameRate,(t-=this.offsetTime)!==this._cachingAtTime.lastTime&&(this._cachingAtTime.lastIndex=this._cachingAtTime.lastTime<t?this._caching.lastIndex:0,this._cachingAtTime.lastTime=t,this.interpolateShape(t,this._cachingAtTime.shapeValue,this._cachingAtTime)),this._cachingAtTime.shapeValue},n.prototype.initiateExpression=ExpressionManager.initiateExpression;var h=ShapePropertyFactory.getShapeProp;ShapePropertyFactory.getShapeProp=function(t,e,r,i,s){var a=h(t,e,r,i,s);return a.propertyIndex=e.ix,a.lock=!1,3===r?expressionHelpers.searchExpressions(t,e.pt,a):4===r&&expressionHelpers.searchExpressions(t,e.ks,a),a.k&&t.addDynamicProperty(a),a}}(),TextProperty.prototype.getExpressionValue=function(t,e){var r=this.calculateExpression(e);if(t.t!==r){var i={};return this.copyData(i,t),i.t=r.toString(),i.__complete=!1,i}return t},TextProperty.prototype.searchProperty=function(){var t=this.searchKeyframes(),e=this.searchExpressions();return this.kf=t||e,this.kf},TextProperty.prototype.searchExpressions=function(){if(this.data.d.x)return this.calculateExpression=ExpressionManager.initiateExpression.bind(this)(this.elem,this.data.d,this),this.addEffect(this.getExpressionValue.bind(this)),!0};var ShapeExpressionInterface=function(){function t(t,f,m){var c,d=[],u=t?t.length:0;for(c=0;c<u;c+=1)"gr"==t[c].ty?d.push(e(t[c],f[c],m)):"fl"==t[c].ty?d.push(r(t[c],f[c],m)):"st"==t[c].ty?d.push(i(t[c],f[c],m)):"tm"==t[c].ty?d.push(s(t[c],f[c],m)):"tr"==t[c].ty||("el"==t[c].ty?d.push(a(t[c],f[c],m)):"sr"==t[c].ty?d.push(n(t[c],f[c],m)):"sh"==t[c].ty?d.push(p(t[c],f[c],m)):"rc"==t[c].ty?d.push(o(t[c],f[c],m)):"rd"==t[c].ty?d.push(h(t[c],f[c],m)):"rp"==t[c].ty&&d.push(l(t[c],f[c],m)));return d}function e(e,r,i){var s=function(t){switch(t){case"ADBE Vectors Group":case"Contents":case 2:return s.content;default:return s.transform}};s.propertyGroup=function(t){return 1===t?s:i(t-1)};var a=function(e,r,i){var s,a=function(t){for(var e=0,r=s.length;e<r;){if(s[e]._name===t||s[e].mn===t||s[e].propertyIndex===t||s[e].ix===t||s[e].ind===t)return s[e];e+=1}if("number"==typeof t)return s[t-1]};return a.propertyGroup=function(t){return 1===t?a:i(t-1)},s=t(e.it,r.it,a.propertyGroup),a.numProperties=s.length,a.propertyIndex=e.cix,a._name=e.nm,a}(e,r,s.propertyGroup),n=function(t,e,r){function i(t){return 1==t?s:r(--t)}e.transform.mProps.o.setGroupProperty(i),e.transform.mProps.p.setGroupProperty(i),e.transform.mProps.a.setGroupProperty(i),e.transform.mProps.s.setGroupProperty(i),e.transform.mProps.r.setGroupProperty(i),e.transform.mProps.sk&&(e.transform.mProps.sk.setGroupProperty(i),e.transform.mProps.sa.setGroupProperty(i));function s(e){return t.a.ix===e||"Anchor Point"===e?s.anchorPoint:t.o.ix===e||"Opacity"===e?s.opacity:t.p.ix===e||"Position"===e?s.position:t.r.ix===e||"Rotation"===e||"ADBE Vector Rotation"===e?s.rotation:t.s.ix===e||"Scale"===e?s.scale:t.sk&&t.sk.ix===e||"Skew"===e?s.skew:t.sa&&t.sa.ix===e||"Skew Axis"===e?s.skewAxis:void 0}return e.transform.op.setGroupProperty(i),Object.defineProperties(s,{opacity:{get:ExpressionPropertyInterface(e.transform.mProps.o)},position:{get:ExpressionPropertyInterface(e.transform.mProps.p)},anchorPoint:{get:ExpressionPropertyInterface(e.transform.mProps.a)},scale:{get:ExpressionPropertyInterface(e.transform.mProps.s)},rotation:{get:ExpressionPropertyInterface(e.transform.mProps.r)},skew:{get:ExpressionPropertyInterface(e.transform.mProps.sk)},skewAxis:{get:ExpressionPropertyInterface(e.transform.mProps.sa)},_name:{value:t.nm}}),s.ty="tr",s.mn=t.mn,s.propertyGroup=r,s}(e.it[e.it.length-1],r.it[r.it.length-1],s.propertyGroup);return s.content=a,s.transform=n,Object.defineProperty(s,"_name",{get:function(){return e.nm}}),s.numProperties=e.np,s.propertyIndex=e.ix,s.nm=e.nm,s.mn=e.mn,s}function r(t,e,r){function i(t){return"Color"===t||"color"===t?i.color:"Opacity"===t||"opacity"===t?i.opacity:void 0}return Object.defineProperties(i,{color:{get:ExpressionPropertyInterface(e.c)},opacity:{get:ExpressionPropertyInterface(e.o)},_name:{value:t.nm},mn:{value:t.mn}}),e.c.setGroupProperty(r),e.o.setGroupProperty(r),i}function i(t,e,r){function i(t){return 1===t?ob:r(t-1)}function s(t){return 1===t?h:i(t-1)}function a(r){Object.defineProperty(h,t.d[r].nm,{get:ExpressionPropertyInterface(e.d.dataProps[r].p)})}var n,o=t.d?t.d.length:0,h={};for(n=0;n<o;n+=1)a(n),e.d.dataProps[n].p.setGroupProperty(s);function l(t){return"Color"===t||"color"===t?l.color:"Opacity"===t||"opacity"===t?l.opacity:"Stroke Width"===t||"stroke width"===t?l.strokeWidth:void 0}return Object.defineProperties(l,{color:{get:ExpressionPropertyInterface(e.c)},opacity:{get:ExpressionPropertyInterface(e.o)},strokeWidth:{get:ExpressionPropertyInterface(e.w)},dash:{get:function(){return h}},_name:{value:t.nm},mn:{value:t.mn}}),e.c.setGroupProperty(i),e.o.setGroupProperty(i),e.w.setGroupProperty(i),l}function s(t,e,r){function i(t){return 1==t?s:r(--t)}function s(e){return e===t.e.ix||"End"===e||"end"===e?s.end:e===t.s.ix?s.start:e===t.o.ix?s.offset:void 0}return s.propertyIndex=t.ix,e.s.setGroupProperty(i),e.e.setGroupProperty(i),e.o.setGroupProperty(i),s.propertyIndex=t.ix,s.propertyGroup=r,Object.defineProperties(s,{start:{get:ExpressionPropertyInterface(e.s)},end:{get:ExpressionPropertyInterface(e.e)},offset:{get:ExpressionPropertyInterface(e.o)},_name:{value:t.nm}}),s.mn=t.mn,s}function a(t,e,r){function i(t){return 1==t?a:r(--t)}a.propertyIndex=t.ix;var s="tm"===e.sh.ty?e.sh.prop:e.sh;function a(e){return t.p.ix===e?a.position:t.s.ix===e?a.size:void 0}return s.s.setGroupProperty(i),s.p.setGroupProperty(i),Object.defineProperties(a,{size:{get:ExpressionPropertyInterface(s.s)},position:{get:ExpressionPropertyInterface(s.p)},_name:{value:t.nm}}),a.mn=t.mn,a}function n(t,e,r){function i(t){return 1==t?a:r(--t)}var s="tm"===e.sh.ty?e.sh.prop:e.sh;function a(e){return t.p.ix===e?a.position:t.r.ix===e?a.rotation:t.pt.ix===e?a.points:t.or.ix===e||"ADBE Vector Star Outer Radius"===e?a.outerRadius:t.os.ix===e?a.outerRoundness:!t.ir||t.ir.ix!==e&&"ADBE Vector Star Inner Radius"!==e?t.is&&t.is.ix===e?a.innerRoundness:void 0:a.innerRadius}return a.propertyIndex=t.ix,s.or.setGroupProperty(i),s.os.setGroupProperty(i),s.pt.setGroupProperty(i),s.p.setGroupProperty(i),s.r.setGroupProperty(i),t.ir&&(s.ir.setGroupProperty(i),s.is.setGroupProperty(i)),Object.defineProperties(a,{position:{get:ExpressionPropertyInterface(s.p)},rotation:{get:ExpressionPropertyInterface(s.r)},points:{get:ExpressionPropertyInterface(s.pt)},outerRadius:{get:ExpressionPropertyInterface(s.or)},outerRoundness:{get:ExpressionPropertyInterface(s.os)},innerRadius:{get:ExpressionPropertyInterface(s.ir)},innerRoundness:{get:ExpressionPropertyInterface(s.is)},_name:{value:t.nm}}),a.mn=t.mn,a}function o(t,e,r){function i(t){return 1==t?a:r(--t)}var s="tm"===e.sh.ty?e.sh.prop:e.sh;function a(e){return t.p.ix===e?a.position:t.r.ix===e?a.roundness:t.s.ix===e||"Size"===e||"ADBE Vector Rect Size"===e?a.size:void 0}return a.propertyIndex=t.ix,s.p.setGroupProperty(i),s.s.setGroupProperty(i),s.r.setGroupProperty(i),Object.defineProperties(a,{position:{get:ExpressionPropertyInterface(s.p)},roundness:{get:ExpressionPropertyInterface(s.r)},size:{get:ExpressionPropertyInterface(s.s)},_name:{value:t.nm}}),a.mn=t.mn,a}function h(t,e,r){var i=e;function s(e){if(t.r.ix===e||"Round Corners 1"===e)return s.radius}return s.propertyIndex=t.ix,i.rd.setGroupProperty(function(t){return 1==t?s:r(--t)}),Object.defineProperties(s,{radius:{get:ExpressionPropertyInterface(i.rd)},_name:{value:t.nm}}),s.mn=t.mn,s}function l(t,e,r){function i(t){return 1==t?a:r(--t)}var s=e;function a(e){return t.c.ix===e||"Copies"===e?a.copies:t.o.ix===e||"Offset"===e?a.offset:void 0}return a.propertyIndex=t.ix,s.c.setGroupProperty(i),s.o.setGroupProperty(i),Object.defineProperties(a,{copies:{get:ExpressionPropertyInterface(s.c)},offset:{get:ExpressionPropertyInterface(s.o)},_name:{value:t.nm}}),a.mn=t.mn,a}function p(t,e,r){var i=e.sh;function s(t){if("Shape"===t||"shape"===t||"Path"===t||"path"===t||"ADBE Vector Shape"===t||2===t)return s.path}return i.setGroupProperty(function(t){return 1==t?s:r(--t)}),Object.defineProperties(s,{path:{get:function(){return i.k&&i.getValue(),i}},shape:{get:function(){return i.k&&i.getValue(),i}},_name:{value:t.nm},ix:{value:t.ix},propertyIndex:{value:t.ix},mn:{value:t.mn}}),s}return function(e,r,i){var s;function a(t){if("number"==typeof t)return s[t-1];for(var e=0,r=s.length;e<r;){if(s[e]._name===t)return s[e];e+=1}}return a.propertyGroup=i,s=t(e,r,a),a.numProperties=s.length,a}}(),TextExpressionInterface=function(t){var e;function r(){}return Object.defineProperty(r,"sourceText",{get:function(){t.textProperty.getValue();var r=t.textProperty.currentData.t;return void 0!==r&&(t.textProperty.currentData.t=void 0,(e=new String(r)).value=r||new String(r)),e}}),r},LayerExpressionInterface=function(){function t(t,e){var r=new Matrix;if(r.reset(),this._elem.finalTransform.mProp.applyToMatrix(r),this._elem.hierarchy&&this._elem.hierarchy.length){var i,s=this._elem.hierarchy.length;for(i=0;i<s;i+=1)this._elem.hierarchy[i].finalTransform.mProp.applyToMatrix(r);return r.applyToPointArray(t[0],t[1],t[2]||0)}return r.applyToPointArray(t[0],t[1],t[2]||0)}function e(t,e){var r=new Matrix;if(r.reset(),this._elem.finalTransform.mProp.applyToMatrix(r),this._elem.hierarchy&&this._elem.hierarchy.length){var i,s=this._elem.hierarchy.length;for(i=0;i<s;i+=1)this._elem.hierarchy[i].finalTransform.mProp.applyToMatrix(r);return r.inversePoint(t)}return r.inversePoint(t)}function r(t){var e=new Matrix;if(e.reset(),this._elem.finalTransform.mProp.applyToMatrix(e),this._elem.hierarchy&&this._elem.hierarchy.length){var r,i=this._elem.hierarchy.length;for(r=0;r<i;r+=1)this._elem.hierarchy[r].finalTransform.mProp.applyToMatrix(e);return e.inversePoint(t)}return e.inversePoint(t)}function i(){return[1,1,1,1]}return function(s){var a;function n(t){switch(t){case"ADBE Root Vectors Group":case"Contents":case 2:return n.shapeInterface;case 1:case 6:case"Transform":case"transform":case"ADBE Transform Group":return a;case 4:case"ADBE Effect Parade":case"effects":case"Effects":return n.effect}}n.toWorld=t,n.fromWorld=e,n.toComp=t,n.fromComp=r,n.sampleImage=i,n.sourceRectAtTime=s.sourceRectAtTime.bind(s),n._elem=s;var o=getDescriptor(a=TransformExpressionInterface(s.finalTransform.mProp),"anchorPoint");return Object.defineProperties(n,{hasParent:{get:function(){return s.hierarchy.length}},parent:{get:function(){return s.hierarchy[0].layerInterface}},rotation:getDescriptor(a,"rotation"),scale:getDescriptor(a,"scale"),position:getDescriptor(a,"position"),opacity:getDescriptor(a,"opacity"),anchorPoint:o,anchor_point:o,transform:{get:function(){return a}},active:{get:function(){return s.isInRange}}}),n.startTime=s.data.st,n.index=s.data.ind,n.source=s.data.refId,n.height=0===s.data.ty?s.data.h:100,n.width=0===s.data.ty?s.data.w:100,n.inPoint=s.data.ip/s.comp.globalData.frameRate,n.outPoint=s.data.op/s.comp.globalData.frameRate,n._name=s.data.nm,n.registerMaskInterface=function(t){n.mask=new MaskManagerInterface(t,s)},n.registerEffectsInterface=function(t){n.effect=t},n}}(),CompExpressionInterface=function(t){function e(e){for(var r=0,i=t.layers.length;r<i;){if(t.layers[r].nm===e||t.layers[r].ind===e)return t.elements[r].layerInterface;r+=1}return null}return Object.defineProperty(e,"_name",{value:t.data.nm}),e.layer=e,e.pixelAspect=1,e.height=t.data.h||t.globalData.compSize.h,e.width=t.data.w||t.globalData.compSize.w,e.pixelAspect=1,e.frameDuration=1/t.globalData.frameRate,e.displayStartTime=0,e.numLayers=t.layers.length,e},TransformExpressionInterface=function(t){function e(t){switch(t){case"scale":case"Scale":case"ADBE Scale":case 6:return e.scale;case"rotation":case"Rotation":case"ADBE Rotation":case"ADBE Rotate Z":case 10:return e.rotation;case"ADBE Rotate X":return e.xRotation;case"ADBE Rotate Y":return e.yRotation;case"position":case"Position":case"ADBE Position":case 2:return e.position;case"ADBE Position_0":return e.xPosition;case"ADBE Position_1":return e.yPosition;case"ADBE Position_2":return e.zPosition;case"anchorPoint":case"AnchorPoint":case"Anchor Point":case"ADBE AnchorPoint":case 1:return e.anchorPoint;case"opacity":case"Opacity":case 11:return e.opacity}}if(Object.defineProperty(e,"rotation",{get:ExpressionPropertyInterface(t.r||t.rz)}),Object.defineProperty(e,"zRotation",{get:ExpressionPropertyInterface(t.rz||t.r)}),Object.defineProperty(e,"xRotation",{get:ExpressionPropertyInterface(t.rx)}),Object.defineProperty(e,"yRotation",{get:ExpressionPropertyInterface(t.ry)}),Object.defineProperty(e,"scale",{get:ExpressionPropertyInterface(t.s)}),t.p)var r=ExpressionPropertyInterface(t.p);return Object.defineProperty(e,"position",{get:function(){return t.p?r():[t.px.v,t.py.v,t.pz?t.pz.v:0]}}),Object.defineProperty(e,"xPosition",{get:ExpressionPropertyInterface(t.px)}),Object.defineProperty(e,"yPosition",{get:ExpressionPropertyInterface(t.py)}),Object.defineProperty(e,"zPosition",{get:ExpressionPropertyInterface(t.pz)}),Object.defineProperty(e,"anchorPoint",{get:ExpressionPropertyInterface(t.a)}),Object.defineProperty(e,"opacity",{get:ExpressionPropertyInterface(t.o)}),Object.defineProperty(e,"skew",{get:ExpressionPropertyInterface(t.sk)}),Object.defineProperty(e,"skewAxis",{get:ExpressionPropertyInterface(t.sa)}),Object.defineProperty(e,"orientation",{get:ExpressionPropertyInterface(t.or)}),e},ProjectInterface=function(){function t(t){this.compositions.push(t)}return function(){function e(t){for(var e=0,r=this.compositions.length;e<r;){if(this.compositions[e].data&&this.compositions[e].data.nm===t)return this.compositions[e].prepareFrame&&this.compositions[e].data.xt&&this.compositions[e].prepareFrame(this.currentFrame),this.compositions[e].compInterface;e+=1}}return e.compositions=[],e.currentFrame=0,e.registerComposition=t,e}}(),EffectsExpressionInterface=function(){function t(r,i,s,a){var n,o=[],h=r.ef.length;for(n=0;n<h;n+=1)5===r.ef[n].ty?o.push(t(r.ef[n],i.effectElements[n],i.effectElements[n].propertyGroup,a)):o.push(e(i.effectElements[n],r.ef[n].ty,a,l));function l(t){return 1===t?p:s(t-1)}var p=function(t){for(var e=r.ef,i=0,s=e.length;i<s;){if(t===e[i].nm||t===e[i].mn||t===e[i].ix)return 5===e[i].ty?o[i]:o[i]();i+=1}return o[0]()};return p.propertyGroup=l,"ADBE Color Control"===r.mn&&Object.defineProperty(p,"color",{get:function(){return o[0]()}}),Object.defineProperty(p,"numProperties",{get:function(){return r.np}}),p.active=p.enabled=0!==r.en,p}function e(t,e,r,i){var s=ExpressionPropertyInterface(t.p);return t.p.setGroupProperty&&t.p.setGroupProperty(i),function(){return 10===e?r.comp.compInterface(t.p.v):s()}}return{createEffectsInterface:function(e,r){if(e.effectsManager){var i,s=[],a=e.data.ef,n=e.effectsManager.effectElements.length;for(i=0;i<n;i+=1)s.push(t(a[i],e.effectsManager.effectElements[i],r,e));return function(t){for(var r=e.data.ef||[],i=0,a=r.length;i<a;){if(t===r[i].nm||t===r[i].mn||t===r[i].ix)return s[i];i+=1}}}}}}(),MaskManagerInterface=function(){function t(t,e){this._mask=t,this._data=e}Object.defineProperty(t.prototype,"maskPath",{get:function(){return this._mask.prop.k&&this._mask.prop.getValue(),this._mask.prop}}),Object.defineProperty(t.prototype,"maskOpacity",{get:function(){return this._mask.op.k&&this._mask.op.getValue(),100*this._mask.op.v}});return function(e,r){var i,s=createSizedArray(e.viewData.length),a=e.viewData.length;for(i=0;i<a;i+=1)s[i]=new t(e.viewData[i],e.masksProperties[i]);return function(t){for(i=0;i<a;){if(e.masksProperties[i].nm===t)return s[i];i+=1}}}}(),ExpressionPropertyInterface=function(){var t={pv:0,v:0,mult:1},e={pv:[0,0,0],v:[0,0,0],mult:1};function r(t,e,r){Object.defineProperty(t,"velocity",{get:function(){return e.getVelocityAtTime(e.comp.currentFrame)}}),t.numKeys=e.keyframes?e.keyframes.length:0,t.key=function(i){if(t.numKeys){var s="";s="s"in e.keyframes[i-1]?e.keyframes[i-1].s:"e"in e.keyframes[i-2]?e.keyframes[i-2].e:e.keyframes[i-2].s;var a="unidimensional"===r?new Number(s):Object.assign({},s);return a.time=e.keyframes[i-1].t/e.elem.comp.globalData.frameRate,a}return 0},t.valueAtTime=e.getValueAtTime,t.speedAtTime=e.getSpeedAtTime,t.velocityAtTime=e.getVelocityAtTime,t.propertyGroup=e.propertyGroup}function i(){return t}return function(s){return s?"unidimensional"===s.propType?function(e){e&&"pv"in e||(e=t);var i=1/e.mult,s=e.pv*i,a=new Number(s);return a.value=s,r(a,e,"unidimensional"),function(){return e.k&&e.getValue(),s=e.v*i,a.value!==s&&((a=new Number(s)).value=s,r(a,e,"unidimensional")),a}}(s):function(t){t&&"pv"in t||(t=e);var i=1/t.mult,s=t.pv.length,a=createTypedArray("float32",s),n=createTypedArray("float32",s);return a.value=n,r(a,t,"multidimensional"),function(){t.k&&t.getValue();for(var e=0;e<s;e+=1)a[e]=n[e]=t.v[e]*i;return a}}(s):i}}(),TextExpressionSelectorProp,propertyGetTextProp;function SliderEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function AngleEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function ColorEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,1,0,r)}function PointEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,1,0,r)}function LayerIndexEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function MaskIndexEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function CheckboxEffect(t,e,r){this.p=PropertyFactory.getProp(e,t.v,0,0,r)}function NoValueEffect(){this.p={}}function EffectsManager(){}function EffectsManager(t,e){var r=t.ef||[];this.effectElements=[];var i,s,a=r.length;for(i=0;i<a;i++)s=new GroupEffect(r[i],e),this.effectElements.push(s)}function GroupEffect(t,e){this.init(t,e)}TextExpressionSelectorProp=function(){function t(t,e){return this.textIndex=t+1,this.textTotal=e,this.v=this.getValue()*this.mult,this.v}return function(e,r){this.pv=1,this.comp=e.comp,this.elem=e,this.mult=.01,this.propType="textSelector",this.textTotal=r.totalChars,this.selectorValue=100,this.lastValue=[1,1,1],this.k=!0,this.x=!0,this.getValue=ExpressionManager.initiateExpression.bind(this)(e,r,this),this.getMult=t,this.getVelocityAtTime=expressionHelpers.getVelocityAtTime,this.kf?this.getValueAtTime=expressionHelpers.getValueAtTime.bind(this):this.getValueAtTime=expressionHelpers.getStaticValueAtTime.bind(this),this.setGroupProperty=expressionHelpers.setGroupProperty}}(),propertyGetTextProp=TextSelectorProp.getTextSelectorProp,TextSelectorProp.getTextSelectorProp=function(t,e,r){return 1===e.t?new TextExpressionSelectorProp(t,e,r):propertyGetTextProp(t,e,r)},extendPrototype([DynamicPropertyContainer],GroupEffect),GroupEffect.prototype.getValue=GroupEffect.prototype.iterateDynamicProperties,GroupEffect.prototype.init=function(t,e){this.data=t,this.effectElements=[],this.initDynamicPropertyContainer(e);var r,i,s=this.data.ef.length,a=this.data.ef;for(r=0;r<s;r+=1){switch(i=null,a[r].ty){case 0:i=new SliderEffect(a[r],e,this);break;case 1:i=new AngleEffect(a[r],e,this);break;case 2:i=new ColorEffect(a[r],e,this);break;case 3:i=new PointEffect(a[r],e,this);break;case 4:case 7:i=new CheckboxEffect(a[r],e,this);break;case 10:i=new LayerIndexEffect(a[r],e,this);break;case 11:i=new MaskIndexEffect(a[r],e,this);break;case 5:i=new EffectsManager(a[r],e,this);break;default:i=new NoValueEffect(a[r],e,this)}i&&this.effectElements.push(i)}};var lottiejs={},_isFrozen=!1;function setLocationHref(t){locationHref=t}function searchAnimations(){!0===standalone?animationManager.searchAnimations(animationData,standalone,renderer):animationManager.searchAnimations()}function setSubframeRendering(t){subframeEnabled=t}function loadAnimation(t){return!0===standalone&&(t.animationData=JSON.parse(animationData)),animationManager.loadAnimation(t)}function setQuality(t){if("string"==typeof t)switch(t){case"high":defaultCurveSegments=200;break;case"medium":defaultCurveSegments=50;break;case"low":defaultCurveSegments=10}else!isNaN(t)&&t>1&&(defaultCurveSegments=t);roundValues(!(defaultCurveSegments>=50))}function inBrowser(){return void 0!==navigator}function installPlugin(t,e){"expressions"===t&&(expressionsPlugin=e)}function getFactory(t){switch(t){case"propertyFactory":return PropertyFactory;case"shapePropertyFactory":return ShapePropertyFactory;case"matrix":return Matrix}}function checkReady(){"complete"===document.readyState&&(clearInterval(readyStateCheckInterval),searchAnimations())}function getQueryVariable(t){for(var e=queryString.split("&"),r=0;r<e.length;r++){var i=e[r].split("=");if(decodeURIComponent(i[0])==t)return decodeURIComponent(i[1])}}lottiejs.play=animationManager.play,lottiejs.pause=animationManager.pause,lottiejs.setLocationHref=setLocationHref,lottiejs.togglePause=animationManager.togglePause,lottiejs.setSpeed=animationManager.setSpeed,lottiejs.setDirection=animationManager.setDirection,lottiejs.stop=animationManager.stop,lottiejs.searchAnimations=searchAnimations,lottiejs.registerAnimation=animationManager.registerAnimation,lottiejs.loadAnimation=loadAnimation,lottiejs.setSubframeRendering=setSubframeRendering,lottiejs.resize=animationManager.resize,lottiejs.goToAndStop=animationManager.goToAndStop,lottiejs.destroy=animationManager.destroy,lottiejs.setQuality=setQuality,lottiejs.inBrowser=inBrowser,lottiejs.installPlugin=installPlugin,lottiejs.freeze=animationManager.freeze,lottiejs.unfreeze=animationManager.unfreeze,lottiejs.getRegisteredAnimations=animationManager.getRegisteredAnimations,lottiejs.__getFactory=getFactory,lottiejs.version="5.5.7";var standalone="",animationData="__[ANIMATIONDATA]__",renderer="";if(standalone){var scripts=document.getElementsByTagName("script"),index=scripts.length-1,myScript=scripts[index]||{src:""},queryString=myScript.src.replace(/^[^\?]+\??/,"");renderer=getQueryVariable("renderer")}var readyStateCheckInterval=setInterval(checkReady,100);return lottiejs});var _window$lottie=window.lottie,freeze=_window$lottie.freeze,unfreeze=_window$lottie.unfreeze}.call(this,__webpack_require__(2)(module))},function(t,e){t.exports=function(t){if(!t.webpackPolyfill){var e=Object.create(t);e.children||(e.children=[]),Object.defineProperty(e,"loaded",{enumerable:!0,get:function(){return e.l}}),Object.defineProperty(e,"id",{enumerable:!0,get:function(){return e.i}}),Object.defineProperty(e,"exports",{enumerable:!0}),e.webpackPolyfill=1}return e}}]));export default module.exports;
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-lottie/fui-lottie.vue b/components/firstui/fui-lottie/fui-lottie.vue
new file mode 100644
index 0000000..36f420b
--- /dev/null
+++ b/components/firstui/fui-lottie/fui-lottie.vue
@@ -0,0 +1,229 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1  8  614  07 2 5  49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-lottie__wrap">
+		<!-- #ifdef APP-VUE || H5 -->
+		<view ref="lottieRef" id="lottieRef" :prop="options" :change:prop="handler.changeProp" :action="actionVal"
+			:change:action="handler.changeAction" :style="{width:width+'rpx',height:height+'rpx'}"></view>
+		<!-- #endif -->
+		<!-- #ifdef MP -->
+		<canvas :style="{width:lottieW+'px',height:lottieH+'px'}" :class="canvasId" type="2d"></canvas>
+		<!-- #endif -->
+	</view>
+</template>
+
+<!-- #ifdef APP-VUE || H5 -->
+<script module="handler" lang="renderjs">
+	import lottie from './fui-lottie-app.js'
+
+	export default {
+		data() {
+			return {
+				ani: null,
+				prevAction: '',
+				isInit: false
+			}
+		},
+		methods: {
+			changeProp(vals, old) {
+				let appVue3 = false
+				// #ifdef APP-VUE
+				// #ifdef VUE3
+				appVue3 = true;
+				// #endif
+				// #endif
+				if (!this.isInit && !appVue3) return;
+				this.init(vals || old)
+			},
+			changeAction(newVal, oldVal) {
+				const action = newVal || oldVal
+				if (action === this.prevAction) return;
+				this.prevAction = action;
+				try {
+					this.ani && this.ani[action]()
+				} catch (e) {
+					//TODO handle the exception
+				}
+			},
+			init(vals) {
+				if (!vals || (!vals.path && !vals.animationData)) return;
+				this.ani && this.ani.destroy();
+				this.$nextTick(() => {
+					this.ani = lottie.loadAnimation({
+						// #ifndef H5
+						container: document.getElementById('lottieRef'),
+						// #endif
+						// #ifdef H5
+						container: this.$refs.lottieRef.$el,
+						// #endif
+						renderer: 'svg',
+						loop: vals.loop === undefined ? true : vals.loop,
+						autoplay: vals.autoplay === undefined ? true : vals.autoplay,
+						path: vals.path,
+						// 只能加载本地json，优先级高于path
+						animationData: vals.animationData
+					});
+				})
+			}
+		},
+		mounted() {
+			this.init(this.options)
+			setTimeout(() => {
+				this.isInit = true;
+			}, 200)
+		}
+	}
+</script>
+<!-- #endif -->
+
+<script>
+	// #ifdef MP
+	import lottieMp from './fui-lottie-mp.js'
+	// #endif
+	export default {
+		name: "fui-lottie",
+		props: {
+			width: {
+				type: [Number, String],
+				default: 600
+			},
+			height: {
+				type: [Number, String],
+				default: 400
+			},
+			options: {
+				type: Object,
+				default () {
+					return {
+						path: '',
+						animationData: '',
+						autoplay: true,
+						loop: true
+					}
+				}
+			},
+			//动画操作，可取值 play、pause、stop、destroy
+			action: {
+				type: String,
+				default: 'play'
+			}
+		},
+		watch: {
+			// #ifdef MP
+			actionVal() {
+				this.changeMpAction()
+			},
+			options() {
+				if (!this.mpInitFlag) return;
+				this.initMp();
+			},
+			// #endif
+			action(val) {
+				this.actionVal = this.getAction(this.action)
+			}
+		},
+		data() {
+			const canvasId = `fui_lt_${Math.ceil(Math.random() * 10e5).toString(36)}`
+			return {
+				canvasId,
+				// #ifdef MP
+				lottieW: 300,
+				lottieH: 200,
+				// #endif
+				//可取值 play、pause、stop、destroy
+				actionVal: ''
+			};
+		},
+		// #ifdef VUE2
+		beforeDestroy() {
+			this.actionVal = 'destroy'
+		},
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+			this.actionVal = 'destroy'
+		},
+		// #endif
+		// #ifdef MP
+		created() {
+			this.aniMp = null
+			this.mpInitFlag = false
+			this.lottieW = uni.upx2px(Number(this.width))
+			this.lottieH = uni.upx2px(Number(this.height))
+		},
+		// #endif
+		mounted() {
+			this.actionVal = this.getAction(this.action)
+			// #ifdef MP
+			this.$nextTick(()=>{
+				setTimeout(()=> {
+					this.initMp()
+				}, 10);
+			})
+			// #endif
+		},
+		methods: {
+			// #ifdef MP
+			changeMpAction() {
+				try {
+					this.aniMp && this.aniMp[this.actionVal]()
+				} catch (e) {
+					//TODO handle the exception
+				}
+			},
+			initMp() {
+				const options = {
+					...this.options
+				}
+				if (!options.path && !options.animationData) return;
+				this.aniMp && this.aniMp.destroy();
+				this.$nextTick(() => {
+					const query = uni.createSelectorQuery()
+						// #ifndef MP-ALIPAY
+						.in(this)
+					// #endif
+					// #ifndef MP-QQ
+					query.selectAll(`.${this.canvasId}`).node(res => {
+						const canvas = res[0].node;
+						const context = canvas.getContext('2d');
+						const dpr = uni.getSystemInfoSync().pixelRatio;
+						canvas.width = this.lottieW * dpr;
+						canvas.height = this.lottieH * dpr;
+						context.scale(dpr, dpr);
+						lottieMp.setup(canvas)
+
+						this.aniMp = lottieMp.loadAnimation({
+							loop: options.loop === undefined ? true : options.loop,
+							autoplay: options.autoplay === undefined ? true : options.autoplay,
+							//只支持网络地址
+							path: options.path,
+							animationData: options.animationData,
+							rendererSettings: {
+								context,
+							},
+						})
+						this.mpInitFlag = true
+					}).exec()
+					// #endif
+				});
+			},
+			// #endif
+			getAction(action) {
+				const actions = ['play', 'pause', 'stop', 'destroy']
+				let val = 'play'
+				if (~actions.indexOf(action)) {
+					val = action
+				}
+				return val
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	/* #ifndef APP-NVUE */
+	.fui-lottie__wrap {
+		display: inline-flex;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-message/fui-message.vue b/components/firstui/fui-message/fui-message.vue
new file mode 100644
index 0000000..a42d505
--- /dev/null
+++ b/components/firstui/fui-message/fui-message.vue
@@ -0,0 +1,220 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 86  14 07 25  4   9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view ref="fui_message_ani" class="fui-message__wrap"
+		:class="{'fui-message__show':isShow,'fui-message__flex-row':opts_align!=='center'}"
+		:style="{paddingTop:padding[0] || 0,paddingRight:padding[1] || 0,paddingBottom:padding[2] || padding[0] || 0,paddingLeft:padding[3] || padding[1] || 0,top:top+'px',left:left+'rpx',right:right+'rpx',background:opts_bg,borderRadius:ridus+'rpx',zIndex:zIndex}"
+		v-if="!isNvue || isShow">
+		<slot></slot>
+		<text class="fui-message__text" :class="{'fui-message__text-full':opts_align!=='center'}"
+			:style="{color:opts_color,fontSize:opts_size+'rpx',textAlign:opts_align}" v-if="text">{{text}}</text>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	export default {
+		name: "fui-message",
+		props: {
+			padding: {
+				type: Array,
+				default () {
+					return ['24rpx', '32rpx']
+				}
+			},
+			background: {
+				type: String,
+				default: 'rgba(0, 0, 0, 0.6)'
+			},
+			color: {
+				type: String,
+				default: '#fff'
+			},
+			size: {
+				type: [Number, String],
+				default: 30
+			},
+			//left/center/right
+			textAlign: {
+				type: String,
+				default: 'center'
+			},
+			//提示框top值 px
+			top: {
+				type: [Number, String],
+				default: 0
+			},
+			left: {
+				type: [Number, String],
+				default: 0
+			},
+			right: {
+				type: [Number, String],
+				default: 0
+			},
+			ridus: {
+				type: [Number, String],
+				default: 0
+			},
+			zIndex: {
+				type: Number,
+				default: 1001
+			}
+
+		},
+		watch: {
+			color(val) {
+				this.opts_color = val
+			},
+			background(val) {
+				this.opts_bg = val
+			},
+			size(val) {
+				this.opts_size = val
+			},
+			textAlign(val) {
+				this.opts_align = val
+			}
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				text: '',
+				timer: null,
+				isShow: false,
+				isNvue: isNvue,
+				opts_bg: 'rgba(0, 0, 0, 0.6)',
+				opts_color: '#fff',
+				opts_size: 30,
+				opts_align: 'center'
+			};
+		},
+		// #ifndef VUE3
+		beforeDestroy() {
+			this.clearTimer()
+		},
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+			this.clearTimer()
+		},
+		// #endif
+		created() {
+			this.setOptions()
+		},
+		methods: {
+			setOptions(options = {}) {
+				this.opts_color = options.color || this.color
+				this.opts_bg = options.background || this.background
+				this.opts_size = options.size || this.background
+				this.opts_align = options.textAlign || this.textAlign
+			},
+			show(options) {
+				this.clearTimer()
+				this.setOptions(options)
+				this.text = options.text || ''
+				let duration = options.duration || 2000
+				this.isShow = true;
+				// #ifndef APP-NVUE
+				this.timer = setTimeout(() => {
+					this.isShow = false;
+				}, duration)
+				// #endif
+
+				// #ifdef APP-NVUE
+				this.$nextTick(() => {
+					setTimeout(() => {
+						this._animation(true, duration)
+					}, 50);
+				});
+				// #endif
+			},
+			// #ifdef APP-NVUE
+			_animation(type, duration = 2000) {
+				if (!this.$refs['fui_message_ani']) return;
+				animation.transition(
+					this.$refs['fui_message_ani'].ref, {
+						styles: {
+							transform: `translateY(${type ? '0' : '-100%'})`,
+							opacity: type ? 1 : 0
+						},
+						duration: 250, //ms
+						timingFunction: 'ease-in-out',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {
+						if (!type) {
+							this.isShow = false;
+						} else {
+							this.timer = setTimeout(() => {
+								this._animation(false)
+							}, duration);
+						}
+					}
+				);
+			},
+			// #endif
+			clearTimer() {
+				clearTimeout(this.timer)
+				this.timer = null;
+			}
+		},
+	}
+</script>
+
+<style scoped>
+	.fui-message__wrap {
+		position: fixed;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		opacity: 0;
+		/* #ifdef APP-NVUE */
+		transform: translateY(-100%);
+		transition-property: transform, opacity;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		transform: translate3d(0, -100%, 0);
+		visibility: hidden;
+		transition-property: all;
+		/* #endif */
+		transition-duration: 0.25s;
+		transition-delay: 0s;
+		transition-timing-function: ease-in-out;
+	}
+
+	.fui-message__flex-row {
+		flex-direction: row;
+	}
+
+
+	/* #ifndef APP-NVUE */
+	.fui-message__show {
+		visibility: visible;
+		transform: translate3d(0, 0, 0);
+		opacity: 1;
+	}
+
+	/* #endif */
+
+	.fui-message__text {
+		/* #ifndef APP-NVUE */
+		display: block;
+		word-break: break-all;
+		/* #endif */
+		font-weight: normal;
+	}
+
+	.fui-message__text-full {
+		flex: 1;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-modal/fui-modal.vue b/components/firstui/fui-modal/fui-modal.vue
new file mode 100644
index 0000000..cf9e9db
--- /dev/null
+++ b/components/firstui/fui-modal/fui-modal.vue
@@ -0,0 +1,408 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  18 61 407      2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-modal__wrap" :style="{background:maskBackground,zIndex:zIndex}"
+		:class="{'fui-modal__fadein':isShow}" @tap="closeModal" @touchmove.stop.prevent="stop" v-if="isShow || !isNvue"
+		ref="fui_modal_ani">
+		<view class="fui-modal__inner"
+			:style="{width:width+'rpx',background:background,borderRadius:boxRadius+'rpx',paddingTop:padding+'rpx',paddingBottom:padding+'rpx'}"
+			@tap.stop="stop">
+			<text class="fui-modal__title" :style="{fontSize:size+'rpx',color:color}"
+				v-if="title && title!==true">{{title}}</text>
+			<text class="fui-modal__descr" :style="{fontSize:descrSize+'rpx',color:descrColor}"
+				:class="{'fui-modal__descr-pt':!title}" v-if="descr && descr!==true">{{descr}}</text>
+			<slot></slot>
+			<view class="fui-modal__btn-wrap" :style="getWidth" :class="{'fui-modal__btn-row':direction==='row'}"
+				v-if="vals.length>0">
+				<view class="fui-modal__button"
+					:class="{'fui-model__button-full':direction==='row','fui-modal__button-col':direction==='column' && index!==vals.length-1,'fui-modal__button-bg':!entity.plain && !entity.background,'fui-modal__button-border':entity.plain,'fui-modal__button-bc':entity.plain && !entity.background}"
+					:style="{borderRadius:radius+'rpx',background:entity.plain?'transparent':(entity.background || primaryColor),borderColor:entity.plain?(entity.background || primaryColor):'transparent'}"
+					v-for="(entity,index) in vals" :key="index">
+					<text class="fui-modal__button-inner"
+						:class="{'fui-modal__button-color': !entity.color && entity.plain}"
+						:style="{color:entity.color || (entity.plain?primaryColor:'#fff'),borderRadius:radius+'rpx'}"
+						@tap.stop="handleClick($event,index)">{{entity.text}}</text>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+
+	export default {
+		name: 'fui-modal',
+		emits: ['click', 'cancel'],
+		props: {
+			//是否显示
+			show: {
+				type: Boolean,
+				default: false
+			},
+			title: {
+				type: String,
+				default: ''
+			},
+			size: {
+				type: [Number, String],
+				default: 34
+			},
+			color: {
+				type: String,
+				default: '#333'
+			},
+			descr: {
+				type: String,
+				default: ''
+			},
+			descrSize: {
+				type: [Number, String],
+				default: 28
+			},
+			descrColor: {
+				type: String,
+				default: '#7F7F7F'
+			},
+			buttons: {
+				type: Array,
+				default () {
+					return [{
+						text: '取消',
+						plain: true
+					}, {
+						text: '确定'
+					}]
+				}
+			},
+			//row、column
+			direction: {
+				type: String,
+				default: 'row'
+			},
+			radius: {
+				type: [Number, String],
+				default: 16
+			},
+			width: {
+				type: [Number, String],
+				default: 640
+			},
+			background: {
+				type: String,
+				default: '#FFFFFF'
+			},
+			boxRadius: {
+				type: [Number, String],
+				default: 16
+			},
+			//外层上下padding值【1.8.0+】
+			padding: {
+				type: [Number, String],
+				default: 32
+			},
+			maskBackground: {
+				type: String,
+				default: 'rgba(0,0,0,.6)'
+			},
+			maskClosable: {
+				type: Boolean,
+				default: false
+			},
+			zIndex: {
+				type: Number,
+				default: 996
+			}
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				isShow: false,
+				isNvue: isNvue,
+				vals: []
+			};
+		},
+		computed: {
+			getWidth() {
+				return "width:" + (Number(this.width) - 60) + 'rpx'
+			},
+			primaryColor() {
+				const app = uni && uni.$fui && uni.$fui.color;
+				return (app && app.primary) || '#465CFF';
+			}
+		},
+		watch: {
+			show: {
+				handler(newVal) {
+					if (newVal) {
+						this.open();
+					} else {
+						this.close();
+					}
+				},
+				immediate: true
+			},
+			buttons(newVal) {
+				this.initData(newVal)
+			}
+		},
+		created() {
+			this.initData(this.buttons)
+		},
+		methods: {
+			initData(vals) {
+				if (vals && vals.length > 0) {
+					if (typeof vals[0] !== 'object') {
+						vals = vals.map(item => {
+							return {
+								text: item
+							}
+						})
+					}
+					this.vals = vals;
+				}
+			},
+			stop() {},
+			closeModal() {
+				if (!this.maskClosable) return;
+				this.$emit('cancel', {});
+			},
+			handleClick(e, index) {
+				// #ifdef APP-NVUE
+				e.stopPropagation();
+				// #endif
+				if (!this.isShow) return;
+				this.$emit('click', {
+					index: Number(index),
+					...this.vals[index]
+				});
+			},
+			open() {
+				this.isShow = true;
+				// #ifdef APP-NVUE
+				this.$nextTick(() => {
+					setTimeout(() => {
+						this._animation(true);
+					}, 50);
+				});
+				// #endif
+			},
+			close(type) {
+				// #ifndef APP-NVUE
+				this.isShow = false;
+				// #endif
+				// #ifdef APP-NVUE
+				this._animation(false);
+				// #endif
+			},
+			// #ifdef APP-NVUE
+			_animation(type) {
+				let styles = {
+					transform: `scale(${type ? 1 : 1.2}) `,
+					opacity: type ? 1 : 0
+				};
+
+				if (!this.$refs['fui_modal_ani']) return;
+				animation.transition(
+					this.$refs['fui_modal_ani'].ref, {
+						styles,
+						duration: 300, //ms
+						timingFunction: 'ease',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {
+						if (!type) {
+							this.isShow = false;
+						}
+					}
+				);
+			}
+			// #endif
+		}
+	};
+</script>
+
+<style scoped>
+	.fui-modal__wrap {
+		position: fixed;
+		top: 0;
+		bottom: 0;
+		left: 0;
+		right: 0;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		justify-content: center;
+		align-items: center;
+		transition-timing-function: ease;
+		transition-duration: 0.3s;
+		/* #ifdef APP-NVUE */
+		transition-property: transform, opacity;
+		transform: scale(1.2);
+		/* #endif */
+		opacity: 0;
+		/* #ifndef APP-NVUE */
+		transform: scale3d(1.2, 1.2, 1);
+		transition-property: all;
+		visibility: hidden;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-modal__fadein {
+		opacity: 1;
+		transform: scale3d(1, 1, 1);
+		visibility: visible;
+	}
+
+	/* #endif */
+
+	.fui-modal__inner {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: column;
+		justify-content: center;
+		align-items: center;
+		position: relative;
+	}
+
+	.fui-modal__title {
+		text-align: center;
+		font-size: 34rpx;
+		color: #333;
+		font-weight: 600;
+		padding-top: 12rpx;
+		padding-bottom: 24rpx;
+		/* #ifndef APP-NVUE */
+		word-break: break-all;
+		/* #endif */
+	}
+
+	.fui-modal__descr {
+		text-align: center;
+		color: #999;
+		font-size: 28rpx;
+		padding-bottom: 24rpx;
+		font-weight: normal;
+		/* #ifndef APP-NVUE */
+		word-break: break-all;
+		/* #endif */
+	}
+
+	.fui-modal__descr-pt {
+		padding-top: 36rpx;
+	}
+
+	.fui-modal__btn-wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		box-sizing: border-box;
+		/* #endif */
+		padding-top: 12rpx;
+	}
+
+	.fui-modal__btn-row {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	.fui-modal__button {
+		margin-left: 20rpx;
+		margin-right: 20rpx;
+		margin-top: 20rpx;
+		margin-bottom: 20rpx;
+		height: 68rpx;
+		position: relative;
+		/* #ifndef APP-NVUE */
+		overflow: hidden;
+		box-sizing: border-box;
+		/* #endif */
+	}
+
+	.fui-model__button-full {
+		flex: 1;
+	}
+
+	.fui-modal__button-col {
+		margin-bottom: 0 !important;
+	}
+
+	.fui-modal__button-border {
+		/* #ifdef APP-NVUE */
+		border-width: 0.5px;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		border-width: 1rpx;
+		transform: translateZ(0);
+		/* #endif */
+		/* #ifdef H5 */
+		border-width: 1px;
+		/* #endif */
+		border-style: solid;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-modal__button-bg {
+		background: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-modal__button-bc {
+		border-color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-modal__button-color {
+		color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+
+	.fui-modal__button-inner {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		white-space: nowrap;
+		box-sizing: border-box;
+		/* #endif */
+		position: absolute;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		lines: 1;
+		line-height: 64rpx;
+		/* #endif */
+		overflow: hidden;
+		text-overflow: ellipsis;
+		font-size: 26rpx;
+		font-weight: normal;
+		color: #FFFFFF;
+	}
+
+	.fui-modal__button-inner:active {
+		/* #ifdef APP-NVUE */
+		background-color: rgba(0, 0, 0, .2);
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		background-color: var(--fui-bg-color-hover, rgba(0, 0, 0, 0.2));
+		/* #endif */
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-movable-view/bindingx.js b/components/firstui/fui-movable-view/bindingx.js
new file mode 100644
index 0000000..1dfa9ea
--- /dev/null
+++ b/components/firstui/fui-movable-view/bindingx.js
@@ -0,0 +1,103 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18   614  072  5   49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifdef APP-NVUE
+const animation = uni.requireNativePlugin('animation');
+export default {
+	data() {
+		return {
+			startX: 0,
+			startY: 0,
+			lastLeft: 0,
+			lastTop: 0
+		}
+	},
+	created() {
+		this.refFab = null;
+		this.loop = null
+	},
+	mounted() {
+		this.$nextTick(() => {
+			setTimeout(() => {
+				this.refFab = this.getEl(this.$refs['fui-movable__view'])
+			}, 50)
+		})
+	},
+	methods: {
+		getEl(el) {
+			return el.ref || el[0].ref;
+		},
+		_aniMove(x, y) {
+			if (!this.refFab || this.direction === 'none') return
+			animation.transition(this.refFab, {
+				styles: {
+					transform: `translate(${x}px,${y}px)`
+				},
+				duration: 0,
+				timingFunction: 'linear',
+				needLayout: false,
+				delay: 0
+			}, () => {
+				this.change({
+					left: x,
+					top: y
+				})
+			});
+		},
+		touchstart(e) {
+			if (this.direction === 'none') return;
+			var touch = e.touches || e.changedTouches
+			if (this.direction === 'all') {
+				this.startX = touch[0].screenX
+				this.startY = touch[0].screenY
+			} else if (this.direction === 'vertical') {
+				this.startY = touch[0].screenY
+			} else {
+				this.startX = touch[0].screenX
+			}
+		},
+		getLeft(pageX) {
+			var left = pageX - this.startX + this.lastLeft;
+			left = left < -this.eLeft ? -this.eLeft : left;
+			left = left > this.maxWidth ? this.maxWidth : left;
+
+			return left
+		},
+		getTop(pageY) {
+			var top = pageY - this.startY + this.lastTop;
+			top = top < -this.eTop ? -this.eTop : top;
+			top = top > this.maxHeight ? this.maxHeight : top;
+
+			return top
+		},
+		touchmove(e) {
+			if (this.direction === 'none') return;
+			var touch = e.touches || e.changedTouches
+			let pageX = touch[0].screenX,
+				pageY = touch[0].screenY;
+
+			let left = 0,
+				top = 0;
+			if (this.direction === 'all') {
+				left = this.getLeft(pageX)
+				this.startX = pageX
+				top = this.getTop(pageY)
+				this.startY = pageY
+			} else if (this.direction === 'vertical') {
+				top = this.getTop(pageY)
+				this.startY = pageY
+			} else {
+				left = this.getLeft(pageX)
+				this.startX = pageX
+			}
+
+			this.lastLeft = left
+			this.lastTop = top
+			this._aniMove(left, top)
+		}
+	}
+}
+
+// #endif
+
+// #ifndef APP-NVUE
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-movable-view/fui-movable-view.vue b/components/firstui/fui-movable-view/fui-movable-view.vue
new file mode 100644
index 0000000..94b3708
--- /dev/null
+++ b/components/firstui/fui-movable-view/fui-movable-view.vue
@@ -0,0 +1,192 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1  861 40    7   2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view>
+		<!-- #ifdef APP-VUE || H5 -->
+		<view class="fui-movable__view" :class="{'fui-movable__cursor':direction!=='none'}" :data-direction="direction"
+			:data-width="maxWidth" :data-height="maxHeight" :data-left="eLeft" :data-top="eTop"
+			@touchstart="handler.touchstart" @touchmove="handler.touchmove" @mousedown="handler.mousedown"
+			:style="getStyles">
+			<slot></slot>
+		</view>
+		<!-- #endif -->
+
+		<!-- #ifdef MP-WEIXIN -->
+		<view class="fui-movable__view" :class="{'fui-movable__cursor':direction!=='none'}" :data-direction="direction"
+			:data-width="maxWidth" :data-height="maxHeight" :data-left="eLeft" :data-top="eTop"
+			@touchstart="handler.touchstart" :catchtouchmove="handler.touchmove" :style="getStyles">
+			<slot></slot>
+		</view>
+		<!-- #endif -->
+
+		<!-- #ifdef APP-NVUE -->
+		<view class="fui-movable__view" @touchstart="touchstart" @touchmove.stop.prevent="touchmove"
+			ref="fui-movable__view" :style="getStyles">
+			<slot></slot>
+		</view>
+		<!-- #endif -->
+
+		<!-- #ifndef APP-PLUS || MP-WEIXIN || H5 -->
+		<view class="fui-movable__view" @touchstart="touchstart" @touchmove.stop.prevent="touchmove" :style="getStyles">
+			<slot></slot>
+		</view>
+		<!-- #endif -->
+	</view>
+</template>
+<!-- #ifdef APP-VUE || MP-WEIXIN || H5-->
+<script src="./index.wxs" module="handler" lang="wxs"></script>
+<!-- #endif -->
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	const dom = uni.requireNativePlugin('dom');
+	// #endif
+	import mpjs from './mpjs.js'
+	import bindingx from './bindingx.js'
+	export default {
+		name: "fui-movable-view",
+		emits: ['change'],
+		mixins: [mpjs, bindingx],
+		props: {
+			//left值,设置大于-1的值则right失效
+			left: {
+				type: [Number, String],
+				default: -1
+			},
+			right: {
+				type: [Number, String],
+				default: 80
+			},
+			//top值,设置大于-1的值则bottom失效
+			top: {
+				type: [Number, String],
+				default: -1
+			},
+			bottom: {
+				type: [Number, String],
+				default: 120
+			},
+			zIndex: {
+				type: [Number, String],
+				default: 10
+			},
+			//移动方向，属性值有all、vertical、horizontal、none
+			direction: {
+				type: String,
+				default: 'all'
+			}
+		},
+		data() {
+			return {
+				maxWidth: 0,
+				maxHeight: 0,
+				eLeft: 0,
+				eTop: 0,
+			};
+		},
+		watch: {
+			position(val) {
+				this.$nextTick(() => {
+					setTimeout(() => {
+						this._getSize()
+					}, 50);
+				})
+			}
+		},
+		mounted() {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this._getSize()
+				}, 50);
+			})
+		},
+		computed: {
+			position() {
+				return `${this.left}_${this.right}_${this.top}_${this.bottom}`
+			},
+			getStyles() {
+				let styles = `z-index:${this.zIndex};`
+				if (this.left != -1) {
+					styles += `left:${this.left}rpx;`
+				} else {
+					styles += `right:${this.right}rpx;`
+				}
+				if (this.top != -1) {
+					styles += `top:${this.top}rpx;`
+				} else {
+					styles += `bottom:${this.bottom}rpx;`
+				}
+				// #ifndef APP-PLUS || MP-WEIXIN || H5
+				if (this.direction !== 'none') {
+					styles += `transform:${this.transform};`
+				}
+				// #endif
+				return styles;
+			}
+		},
+		methods: {
+			_getSize() {
+				const sys = uni.getSystemInfoSync()
+				// #ifndef APP-NVUE
+				uni.createSelectorQuery()
+					// #ifndef MP-ALIPAY
+					.in(this)
+					// #endif
+					.select('.fui-movable__view')
+					.boundingClientRect()
+					.exec(ret => {
+						if (ret) {
+							this.maxWidth = sys.windowWidth - ret[0].width - ret[0].left;
+							this.maxHeight = sys.windowHeight - ret[0].height - ret[0].top;
+							this.eLeft = ret[0].left || 0;
+							this.eTop = ret[0].top || 0;
+							this.change({
+								left: 0,
+								top: 0
+							})
+						}
+					})
+				// #endif
+				// #ifdef APP-NVUE
+				dom.getComponentRect(this.$refs['fui-movable__view'], (ret) => {
+					const size = ret.size
+					if (size) {
+						this.maxWidth = sys.windowWidth - size.width - size.left;
+						this.maxHeight = sys.windowHeight - size.height - size.top;
+						this.eLeft = size.left || 0;
+						this.eTop = size.top || 0;
+						this.change({
+							left: 0,
+							top: 0
+						})
+					}
+				})
+				// #endif
+			},
+			reset() {
+				setTimeout(() => {
+					this._getSize()
+				}, 50);
+			},
+			change(e) {
+				this.$emit('change', {
+					x: e.left + this.eLeft,
+					y: e.top + this.eTop
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-movable__view {
+		position: fixed;
+	}
+
+	/* #ifdef H5 */
+	.fui-movable__cursor {
+		cursor: grab;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-movable-view/index.wxs b/components/firstui/fui-movable-view/index.wxs
new file mode 100644
index 0000000..d66f795
--- /dev/null
+++ b/components/firstui/fui-movable-view/index.wxs
@@ -0,0 +1,139 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186140 7  2 5      49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+var movable = {
+	width: 100,
+	height: 100,
+	direction: '',
+	left: 0,
+	top: 0
+}
+
+function isPC() {
+	if (typeof navigator !== 'object') return false;
+	var userAgentInfo = navigator.userAgent;
+	var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
+	var flag = true;
+	for (var v = 0; v < Agents.length - 1; v++) {
+		if (userAgentInfo.indexOf(Agents[v]) > 0) {
+			flag = false;
+			break;
+		}
+	}
+	return flag;
+}
+var isH5 = false
+if (typeof window === 'object') isH5 = true
+
+function setInitValue(dataset, isChange) {
+	movable.width = +dataset.width
+	movable.height = +dataset.height
+	movable.top = +dataset.top
+	movable.left = +dataset.left
+	movable.direction = dataset.direction
+}
+
+function touchstart(e, ins) {
+	var state = e.instance.getState()
+	var touch = e.touches[0] || e.changedTouches[0];
+	if (isH5 && isPC()) {
+		touch = e;
+	}
+	var dataset = e.instance.getDataset()
+	if (dataset.direction == 'all') {
+		state.startX = touch.clientX
+		state.startY = touch.clientY
+	} else if (dataset.direction == 'vertical') {
+		state.startY = touch.clientY
+	} else {
+		state.startX = touch.clientX
+	}
+	setInitValue(dataset)
+}
+
+function styleChange(left, top, ins) {
+	if (!ins) return;
+	var mview = ins.selectComponent('.fui-movable__view');
+	if (!mview) return;
+	mview.setStyle({
+		transform: 'translate3d(' + left + 'px,' + top + 'px,0)'
+	})
+	ins.callMethod('change', {
+		left: left,
+		top: top
+	})
+}
+
+function getLeft(pageX, state) {
+	var left = pageX - state.startX + (state.lastLeft || 0);
+	left = left < -movable.left ? -movable.left : left;
+	left = left > movable.width ? movable.width : left;
+
+	return left
+}
+
+function getTop(pageY, state) {
+	var top = pageY - state.startY + (state.lastTop || 0);
+	top = top < -movable.top ? -movable.top : top;
+	top = top > movable.height ? movable.height : top;
+
+	return top
+}
+
+function touchmove(e, ins, event) {
+	if (movable.direction == 'none') return;
+	if (e.preventDefault) {
+		// 阻止页面滚动
+		e.preventDefault()
+	}
+	var state = {}
+	var touch = {}
+	if (isH5 && isPC()) {
+		touch = e;
+		state = event.instance.getState()
+	} else {
+		touch = e.touches[0] || e.changedTouches[0]
+		state = e.instance.getState()
+	}
+	var pageX = touch.clientX;
+	var pageY = touch.clientY;
+	var left = 0,
+		top = 0;
+	if (movable.direction == 'all') {
+		left = getLeft(pageX, state)
+		state.startX = pageX
+		top = getTop(pageY, state)
+		state.startY = pageY
+	} else if (movable.direction == 'vertical') {
+		top = getTop(pageY, state)
+		state.startY = pageY
+	} else {
+		left = getLeft(pageX, state)
+		state.startX = pageX
+	}
+
+	state.lastLeft = left
+	state.lastTop = top
+	styleChange(left, top, ins)
+}
+
+var _movable = false;
+
+function mousedown(e, ins) {
+	if (!isH5 || !isPC()) return
+	touchstart(e, ins)
+	_movable = true
+	window.onmousemove = function(event) {
+		if (!isH5 || !isPC() || !_movable) return
+		touchmove(event, ins, e)
+	}
+	window.onmouseup = function(event) {
+		if (!isH5 || !isPC() || !_movable) return
+		_movable = false
+	}
+}
+
+
+module.exports = {
+	touchstart: touchstart,
+	touchmove: touchmove,
+	mousedown: mousedown
+}
\ No newline at end of file
diff --git a/components/firstui/fui-movable-view/mpjs.js b/components/firstui/fui-movable-view/mpjs.js
new file mode 100644
index 0000000..bfa0489
--- /dev/null
+++ b/components/firstui/fui-movable-view/mpjs.js
@@ -0,0 +1,76 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18 6  1 4  0 7 25 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifndef APP-PLUS || MP-WEIXIN || H5
+export default {
+	data() {
+		return {
+			startX: 0,
+			startY: 0,
+			lastLeft: 0,
+			lastTop: 0,
+			transform: ''
+		}
+	},
+	methods: {
+		touchstart(e) {
+			if (this.direction === 'none') return;
+			const touch = e.touches || e.changedTouches
+			if (this.direction === 'all') {
+				this.startX = touch[0].clientX
+				this.startY = touch[0].clientY
+			} else if (this.direction === 'vertical') {
+				this.startY = touch[0].clientY
+			} else {
+				this.startX = touch[0].clientX
+			}
+
+		},
+		getLeft(pageX) {
+			var left = pageX - this.startX + this.lastLeft;
+			left = left < -this.eLeft ? -this.eLeft : left;
+			left = left > this.maxWidth ? this.maxWidth : left;
+
+			return left
+		},
+		getTop(pageY, state) {
+			var top = pageY - this.startY + this.lastTop;
+			top = top < -this.eTop ? -this.eTop : top;
+			top = top > this.maxHeight ? this.maxHeight : top;
+
+			return top
+		},
+		touchmove(e) {
+			if (this.direction == 'none') return;
+			const touch = e.touches || e.changedTouches
+			let pageX = touch[0].clientX,
+				pageY = touch[0].clientY;
+
+			let left = 0,
+				top = 0;
+			if (this.direction === 'all') {
+				left = this.getLeft(pageX)
+				this.startX = pageX
+				top = this.getTop(pageY)
+				this.startY = pageY
+			} else if (this.direction === 'vertical') {
+				top = this.getTop(pageY)
+				this.startY = pageY
+			} else {
+				left = this.getLeft(pageX)
+				this.startX = pageX
+			}
+			this.lastLeft = left
+			this.lastTop = top
+			this.transform = `translate3d(${left}px,${top}px,0)`
+			this.change({
+				left,
+				top
+			})
+		}
+	}
+}
+
+// #endif
+
+// #ifdef APP-PLUS|| MP-WEIXIN || H5
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-nav-bar/fui-nav-bar.vue b/components/firstui/fui-nav-bar/fui-nav-bar.vue
new file mode 100644
index 0000000..fbbaf0d
--- /dev/null
+++ b/components/firstui/fui-nav-bar/fui-nav-bar.vue
@@ -0,0 +1,291 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186 1   4 07 2 5 4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view :style="getStyle">
+		<view class="fui-nav__bar"
+			:class="{'fui-nav__bar-line':splitLine,'fui-nva__bar-bg':!background,'fui-nav__bar-fixed':isFixed}"
+			:style="{background:background,'border-bottom-color':lineColor,paddingLeft:padding+'px',paddingRight:padding+'px',zIndex:zIndex}">
+			<view class="fui-nav__status-bar" :style="{height:statusBarHeight+'px'}" v-if="statusBar"></view>
+			<view class="fui-nav__header" v-if="!custom">
+				<view class="fui-nav__left" @tap="leftClick">
+					<slot></slot>
+				</view>
+				<view class="fui-nav__title" v-if="title" @tap="titleClick">
+					<text class="fui-nav__title-text"
+						:style="{fontSize:size+'px',color:color,fontWeight:fontWeight}">{{title}}</text>
+				</view>
+				<view class="fui-nav__right" @tap="rightClick">
+					<slot name="right"></slot>
+				</view>
+			</view>
+			<view class="fui-nav__header" v-if="custom">
+				<slot></slot>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	var sys = uni.getSystemInfoSync();
+	export default {
+		name: "fui-nav-bar",
+		emits: ['init', 'leftClick', 'rightClick', 'titleClick'],
+		props: {
+			//navbar左右padding值，单位px
+			padding: {
+				type: [Number, String],
+				default: 8
+			},
+			//标题
+			title: {
+				type: String,
+				default: ''
+			},
+			//标题字体大小，单位px
+			size: {
+				type: [Number, String],
+				// #ifdef H5
+				default: 16
+				// #endif
+				// #ifndef H5
+				default: 17
+				// #endif
+			},
+			//标题颜色
+			color: {
+				type: String,
+				// #ifdef APP-NVUE
+				default: '#181818'
+				// #endif
+				// #ifndef APP-NVUE
+				default: ''
+				// #endif
+			},
+			fontWeight: {
+				type: [Number, String],
+				default: 500
+			},
+			//背景颜色
+			background: {
+				type: String,
+				// #ifdef APP-NVUE
+				default: '#fff'
+				// #endif
+				// #ifndef APP-NVUE
+				default: ''
+				// #endif
+			},
+			//是否需要底部分割线
+			splitLine: {
+				type: Boolean,
+				default: false
+			},
+			//分割线颜色，仅Nvue生效
+			lineColor: {
+				type: String,
+				default: '#eee'
+			},
+			//是否包含状态栏
+			statusBar: {
+				type: Boolean,
+				default: true
+			},
+			//是否固定在顶部
+			isFixed: {
+				type: Boolean,
+				default: false
+			},
+			//z-index
+			zIndex: {
+				type: [Number, String],
+				default: 996
+			},
+			//自定义navbar内容，title、右插槽失效
+			custom: {
+				type: Boolean,
+				default: false
+			},
+			//v1.9.9+
+			isOccupy: {
+				type: Boolean,
+				default: false
+			}
+		},
+		computed: {
+			getStyle() {
+				let style = ''
+				if (this.isOccupy) {
+					let height = this.statusBar ? (this.statusBarHeight + 44) : 44
+					style += `height:${height}px;`
+				}
+				return style
+			}
+		},
+		data() {
+			return {
+				statusBarHeight: sys.statusBarHeight
+			};
+		},
+		created() {
+			let obj = {};
+			// #ifdef MP-WEIXIN || MP-QQ || MP-BAIDU || MP-TOUTIAO
+			obj = uni.getMenuButtonBoundingClientRect();
+			// #endif
+			// #ifdef MP-ALIPAY
+			my.hideAddToDesktopMenu();
+			// #endif
+			this.$emit('init', {
+				windowWidth: sys.windowWidth,
+				//不包含状态栏高度固定为：44px
+				height: 44,
+				statusBarHeight: this.statusBarHeight,
+				//小程序右上角悬浮按钮左边界坐标，单位：px
+				left: obj.left || -1,
+				//小程序右上角悬浮按钮宽度，单位：px
+				btnWidth: obj.width || 0,
+				//小程序右上角悬浮按钮高度，单位：px
+				btnHeight: obj.height || 0
+			})
+		},
+		methods: {
+			leftClick() {
+				this.$emit("leftClick");
+			},
+			rightClick() {
+				this.$emit("rightClick");
+			},
+			titleClick() {
+				this.$emit("titleClick");
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-nav__status-bar {
+		/* #ifdef APP-NVUE */
+		width: 750rpx;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		box-sizing: border-box;
+		/* #endif */
+	}
+
+	.fui-nav__header {
+		height: 44px;
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+		overflow: hidden;
+	}
+
+	.fui-nav__bar {
+		flex: 1;
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		box-sizing: border-box;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-nva__bar-bg {
+		background: var(--fui-bg-color, #fff) !important;
+	}
+
+	/* #endif */
+	.fui-nav__bar-line {
+		position: relative;
+		/* #ifdef APP-NVUE */
+		border-bottom: 0.5px;
+		border-bottom-style: solid;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		border-bottom: 0;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-nav__bar-line::after {
+		content: '';
+		position: absolute;
+		border-bottom: 1px solid var(--fui-color-border, #EEEEEE) !important;
+		-webkit-transform: scaleY(0.5);
+		transform: scaleY(0.5);
+		transform-origin: 0 100%;
+		bottom: 0;
+		right: 0;
+		left: 0;
+	}
+
+	/* #endif */
+	.fui-nav__left {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		width: 150rpx;
+		justify-content: flex-start;
+		align-items: center;
+	}
+
+	.fui-nav__right {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		width: 150rpx;
+		justify-content: flex-end;
+		align-items: center;
+	}
+
+	.fui-nav__title {
+		flex: 1;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		overflow: hidden;
+		padding: 0 30rpx;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-nav__title-color {
+		color: var(--fui-color-title, #181818) !important;
+	}
+
+	/* #endif */
+
+	.fui-nav__title-text {
+		/* #ifdef APP-NVUE */
+		lines: 1;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		display: block;
+		overflow: hidden;
+		white-space: nowrap;
+		/* #endif */
+
+		text-overflow: ellipsis;
+	}
+
+	.fui-nav__bar-fixed {
+		position: fixed;
+		/* #ifdef H5 */
+		left: var(--window-left);
+		right: var(--window-right);
+		/* #endif */
+		/* #ifndef H5 */
+		left: 0;
+		right: 0;
+		/* #endif */
+		top: 0;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-notice-bar/fui-notice-bar.vue b/components/firstui/fui-notice-bar/fui-notice-bar.vue
new file mode 100644
index 0000000..848e9be
--- /dev/null
+++ b/components/firstui/fui-notice-bar/fui-notice-bar.vue
@@ -0,0 +1,405 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 8    6  1 407254 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-notice__bar"
+		:style="{background:background,paddingTop:padding[0] || 0,paddingRight:padding[1]||0,paddingBottom:padding[2] || padding[0]||0,paddingLeft:padding[3] || padding[1]||0,height:scrollable || single?height+'rpx':'auto'}"
+		@click="onClick">
+		<view class="fui-notice__shrink" @tap.stop="leftClick">
+			<slot></slot>
+		</view>
+		<view class="fui-notice__wrap" :class="{'fui-notice__wrap-scroll':scrollable}"
+			:style="{height:scrollable&& !isNvue?size+'rpx':'auto'}" ref="fui_notice_box">
+			<view :id="elId_box"
+				:class="{'fui-notice__content':scrollable,'fui-notice__content-single':!scrollable && single}">
+				<text ref="animationEle" class="fui-notice__text" :id="elId"
+					:style="{color:getColor,fontSize:size+'rpx',lineHeight:scrollable && !isNvue?size+'rpx':'normal',fontWeight:bold?'bold':'normal',width:wrapWidth+'px', 'animationDuration': animationDuration,'-webkit-animationDuration': animationDuration,animationPlayState: webviewHide?'paused':animationPlayState,'-webkit-animationPlayState':webviewHide?'paused':animationPlayState, animationDelay: animationDelay, '-webkit-animationDelay':animationDelay}"
+					:class="{'fui-notice__single':!scrollable && single,'fui-notice__scrollable':scrollable,'fui-notice__text-color':!color && !isNvue}">{{content}}</text>
+			</view>
+		</view>
+		<view class="fui-notice__shrink" @tap.stop="rightClick">
+			<slot name="right"></slot>
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const dom = weex.requireModule('dom');
+	const animation = weex.requireModule('animation');
+	// #endif
+	export default {
+		name: "fui-notice-bar",
+		emits: ['click', 'leftClick', 'rightClick'],
+		props: {
+			height: {
+				type: [Number, String],
+				default: 72
+			},
+			content: {
+				type: String,
+				default: ''
+			},
+			size: {
+				type: [Number, String],
+				default: 28
+			},
+			color: {
+				type: String,
+				default: ''
+			},
+			bold: {
+				type: Boolean,
+				default: false
+			},
+			background: {
+				type: String,
+				default: 'rgba(255, 43, 43, .05)'
+			},
+			padding: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			single: {
+				type: Boolean,
+				default: false
+			},
+			scrollable: {
+				type: Boolean,
+				default: false
+			},
+			speed: {
+				type: [Number, String],
+				default: 100
+			},
+			activeMode: {
+				type: String,
+				default: 'backwards'
+			},
+			param: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		computed: {
+			getColor() {
+				let color = this.color;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.danger) || '#FF2B2B';
+				}
+				// #endif
+				return color;
+			}
+		},
+		data() {
+			const elId = `fui_${Math.ceil(Math.random() * 10e5).toString(36)}`
+			const elId_box = `fui_${Math.ceil(Math.random() * 10e5).toString(36)}`
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				elId: elId,
+				elId_box: elId_box,
+				noticeWidth: 0,
+				boxWidth: 0,
+				wrapWidth: '',
+				webviewHide: false,
+				// #ifdef APP-NVUE
+				stopAnimation: false,
+				// #endif
+				isNvue: isNvue,
+				animationDuration: 'none',
+				animationPlayState: 'paused',
+				animationDelay: '0s'
+			};
+		},
+		mounted() {
+			// #ifdef APP-PLUS
+			let pages = getCurrentPages();
+			let page = pages[pages.length - 1];
+			let currentWebview = page.$getAppWebview();
+			currentWebview.addEventListener('hide', () => {
+				this.webviewHide = true
+			})
+			currentWebview.addEventListener('show', () => {
+				this.webviewHide = false
+			})
+			// #endif
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this.initAnimation()
+				}, 10)
+			})
+		},
+		watch: {
+			scrollable(val) {
+				if (val) {
+					this.$nextTick(() => {
+						this.initAnimation()
+					})
+				}
+			},
+			content(val) {
+				this.$nextTick(() => {
+					this.initAnimation()
+				})
+			}
+		},
+		//APP-NVUE
+		// #ifdef APP-NVUE
+		// #ifndef VUE3
+		beforeDestroy() {
+			this.stopAnimation = true
+		},
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+			this.stopAnimation = true
+		},
+		// #endif
+		// #endif
+		methods: {
+			initAnimation() {
+				if (!this.content || this.content == '') return;
+				if (this.scrollable) {
+					// #ifndef APP-NVUE
+					let query = [],
+						boxWidth = 0,
+						noticeWidth = 0;
+					let noticeQuery = new Promise((resolve, reject) => {
+						uni.createSelectorQuery()
+							// #ifndef MP-ALIPAY
+							.in(this)
+							// #endif
+							.select(`#${this.elId}`)
+							.boundingClientRect()
+							.exec(ret => {
+								this.noticeWidth = ret[0].width
+								resolve()
+							})
+					})
+					if (this.activeMode === 'forwards') {
+						let boxQuery = new Promise((resolve, reject) => {
+							uni.createSelectorQuery()
+								// #ifndef MP-ALIPAY
+								.in(this)
+								// #endif
+								.select(`#${this.elId_box}`)
+								.boundingClientRect()
+								.exec(ret => {
+									this.boxWidth = ret[0].width
+									resolve()
+								})
+						})
+						query.push(boxQuery)
+					}
+					query.push(noticeQuery)
+					Promise.all(query).then(() => {
+						this.animationDuration = `${this.noticeWidth / Number(this.speed)}s`
+						if (this.activeMode === 'forwards') {
+							this.animationDelay = `-${this.boxWidth / Number(this.speed)}s`
+						}
+						setTimeout(() => {
+							this.animationPlayState = 'running'
+						}, 1000)
+					})
+					// #endif
+					// #ifdef APP-NVUE
+					dom.getComponentRect(this.$refs['animationEle'], (res) => {
+						let winWidth = uni.getSystemInfoSync().windowWidth
+						this.noticeWidth = res.size.width
+						animation.transition(this.$refs['animationEle'], {
+							styles: {
+								transform: this.activeMode === 'backwards' ? `translateX(0)` :
+									`translateX(-${winWidth}px)`
+							},
+							duration: 0,
+							timingFunction: 'linear',
+							delay: 0
+						}, () => {
+							if (!this.stopAnimation) {
+								animation.transition(this.$refs['animationEle'], {
+									styles: {
+										transform: `translateX(-${this.noticeWidth}px)`
+									},
+									timingFunction: 'linear',
+									duration: (this.noticeWidth - winWidth) / Number(this.speed) *
+										1000,
+									delay: 1000
+								}, () => {
+									if (!this.stopAnimation) {
+										this.loopAnimation()
+									}
+								});
+							}
+						});
+					})
+					// #endif
+				}
+				// #ifdef APP-NVUE
+				if (!this.scrollable && this.single) {
+					dom.getComponentRect(this.$refs['fui_notice_box'], (res) => {
+						this.wrapWidth = res.size.width
+					})
+				}
+				// #endif
+			},
+			loopAnimation() {
+				// #ifdef APP-NVUE
+				animation.transition(this.$refs['animationEle'], {
+					styles: {
+						transform: `translateX(0)`
+					},
+					duration: 0
+				}, () => {
+					if (!this.stopAnimation) {
+						animation.transition(this.$refs['animationEle'], {
+							styles: {
+								transform: `translateX(-${this.noticeWidth}px)`
+							},
+							duration: this.noticeWidth / Number(this.speed) * 1000,
+							timingFunction: 'linear',
+							delay: 0
+						}, () => {
+							if (!this.stopAnimation) {
+								this.loopAnimation()
+							}
+						});
+					}
+				});
+				// #endif
+			},
+			onClick() {
+				this.$emit('click', {
+					param: this.param
+				})
+			},
+			leftClick() {
+				this.$emit('leftClick', {
+					param: this.param
+				})
+			},
+			rightClick() {
+				this.$emit('rightClick', {
+					param: this.param
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-notice__bar {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		width: 100%;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+	}
+
+	.fui-notice__shrink {
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		/* #endif */
+
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-notice__wrap {
+		flex: 1;
+		flex-direction: column;
+		overflow: hidden;
+	}
+
+	.fui-notice__wrap-scroll {
+		flex-direction: row;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-notice__wrap-scroll {
+		position: relative;
+	}
+
+	/* #endif */
+
+	.fui-notice__content {
+		/* #ifdef APP-NVUE */
+		flex: 0;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		flex: 1;
+		display: block;
+		overflow: hidden;
+		/* #endif */
+
+	}
+
+	.fui-notice__text {
+		/* #ifndef APP-NVUE */
+		word-break: break-all;
+		/* #endif */
+	}
+
+	.fui-notice__content-single {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		flex: none;
+		width: 100%;
+		justify-content: center;
+		/* #endif */
+	}
+
+	.fui-notice__single {
+		/* #ifdef APP-NVUE */
+		lines: 1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		display: block;
+		width: 100%;
+		white-space: nowrap;
+		/* #endif */
+		flex-direction: row;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.fui-notice__scrollable {
+		/* #ifdef APP-NVUE */
+		lines: 1;
+		padding-left: 750rpx;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		position: absolute;
+		display: block;
+		white-space: nowrap;
+		padding-left: 101%;
+		animation: notice_ani 10s 0s linear infinite both;
+		animation-play-state: paused;
+		-webkit-backface-visibility: hidden;
+		-webkit-perspective: 1000;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	@keyframes notice_ani {
+		100% {
+			transform: translate3d(-100%, 0, 0);
+		}
+	}
+
+	.fui-notice__text-color {
+		color: var(--fui-color-danger, #FF2B2B) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-overflow-hidden/fui-overflow-hidden.vue b/components/firstui/fui-overflow-hidden/fui-overflow-hidden.vue
new file mode 100644
index 0000000..002c632
--- /dev/null
+++ b/components/firstui/fui-overflow-hidden/fui-overflow-hidden.vue
@@ -0,0 +1,157 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18   6   14 0  72 549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view :key="visible" class="fui-overflow__hidden-wrap"
+		:class="{'fui-overflow__hidden':type==1,'fui-gradient__hidden':type==2 && !visible,'fui-text__nowrap':type==1 && rows==1}"
+		:style="{width:width,height:type==1 || visible?'auto':height,paddingTop:type==2?padding[0]:'0',paddingRight:type==2?padding[1]:0,paddingBottom:type==2?(padding[2] || padding[0]):0,paddingLeft:type==2?(padding[3] || padding[1]):0,background:background,fontSize:size+'rpx',color:color,fontWeight:fontWeight,'-webkit-line-clamp':type==1?rows:'none',textOverflow:overflow,textAlign:align}"
+		@tap="handleTap">
+		<!-- #ifdef APP-NVUE -->
+		<text :key="visible"
+			:style="{width:width,height:type==1 || visible?'auto':height,fontSize:size+'rpx',color:color,fontWeight:fontWeight,lines:type==1?rows:0,textOverflow:overflow,textAlign:align}"
+			v-if="text">{{text}}</text>
+		<!-- #endif -->
+		<!-- #ifndef APP-NVUE -->
+		{{text}}
+		<!-- #endif -->
+		<slot></slot>
+		<view class="fui-oh__gradient-wrap" :style="{background:getGradientBgColor}" v-if="type==2 && !visible"></view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-overflow-hidden",
+		emits: ['click'],
+		props: {
+			text: {
+				type: String,
+				default: ''
+			},
+			type: {
+				type: [Number, String],
+				default: 1
+			},
+			rows: {
+				type: [Number, String],
+				default: 1
+			},
+			width: {
+				type: String,
+				default: '100%'
+			},
+			height: {
+				type: String,
+				default: 'auto'
+			},
+			padding: {
+				type: Array,
+				default () {
+					return ['0', '0']
+				}
+			},
+			align: {
+				type: String,
+				default: 'left'
+			},
+			background: {
+				type: String,
+				default: 'transparent'
+			},
+			size: {
+				type: [Number, String],
+				default: 32
+			},
+			color: {
+				type: String,
+				default: '#333333'
+			},
+			fontWeight: {
+				type: [Number, String],
+				default: 'normal'
+			},
+			overflow: {
+				type: String,
+				default: 'ellipsis'
+			},
+			gradientColor: {
+				type: String,
+				default: '#FFFFFF'
+			},
+			visible: {
+				type: Boolean,
+				default: false
+			},
+			param: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		computed: {
+			getGradientBgColor() {
+				// #ifdef APP-NVUE
+				return `linear-gradient(to bottom, rgba(255,255,255,0), ${this.gradientColor})`
+				// #endif
+
+				// #ifndef APP-NVUE
+				return `-webkit-linear-gradient(top, rgba(255,255,255,0), ${this.gradientColor})`
+				// #endif
+			}
+		},
+		methods: {
+			handleTap(e) {
+				this.$emit('click', {
+					param: this.param
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-overflow__hidden-wrap {
+		position: relative;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		flex-shrink: 0;
+		/* #endif */
+		flex: 1;
+	}
+
+	.fui-overflow__hidden {
+		/* #ifndef APP-NVUE */
+		display: -webkit-box;
+		word-break: break-all;
+		white-space: normal;
+		-webkit-box-orient: vertical;
+		/* #endif */
+		overflow: hidden;
+	}
+
+	.fui-gradient__hidden {
+		/* #ifndef APP-NVUE */
+		display: block;
+		word-break: break-all;
+		/* #endif */
+		overflow: hidden;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-text__nowrap {
+		display: inline-block !important;
+		word-break: normal !important;
+		white-space: nowrap !important;
+	}
+
+	/* #endif */
+	.fui-oh__gradient-wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		z-index: 2;
+		/* #endif */
+		flex: 1;
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-pagination/fui-pagination.vue b/components/firstui/fui-pagination/fui-pagination.vue
new file mode 100644
index 0000000..816ff44
--- /dev/null
+++ b/components/firstui/fui-pagination/fui-pagination.vue
@@ -0,0 +1,416 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18  6   14  0  725 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-pagination__wrap">
+		<view class="fui-pagination__btn"
+			:class="{'fui-pagination__disabled':currentIndex === 1,'fui-pagination__btn-ac':currentIndex !== 1 && highlight,'fui-pagination__color':!color}"
+			:style="{width:width+'rpx',height:height+'rpx',borderColor:borderColor,background:background,borderRadius:radius+'rpx'}"
+			@click="clickPrev">
+			<text :class="{'fui-pagination__color':!color}" :style="{color:color,fontSize:size+'rpx'}"
+				v-if="!custom">{{prevText}}</text>
+			<slot name="prev"></slot>
+		</view>
+		<view class="fui-pagination__num" v-if="isPage && pageType==1">
+			<text :class="{'fui-pagination__active-color':!currentColor}"
+				:style="{color:getCurrentColor,fontSize:pageFontSize+'rpx'}">{{currentIndex}}</text>
+			<text :class="{'fui-pagination__color':!pageColor}"
+				:style="{color:pageColor,fontSize:pageFontSize+'rpx'}">/{{maxPage || 0}}</text>
+		</view>
+
+		<view class="fui-page__number" v-if="isPage && pageType==2">
+			<view class="fui-page__num-item"
+				:class="{'fui-pagination__bg':!activeBgColor && currentIndex===item,'fui-page__num-width':item==='...' || (item!='...' && item<1000),'fui-page__num-padding':item!='...' && item>999}"
+				v-for="(item,index) in pageNumber" :key="index"
+				:style="{background:currentIndex===item?getActiveBgColor:pageBgColor,borderRadius:radius+'rpx'}"
+				@tap.stop="handleClick(item,index)">
+				<text class="fui-page__num-text" :class="{'fui-pagination__color':!color && currentIndex!==item}"
+					:style="{color:currentIndex===item?activeColor:pageColor}">{{item}}</text>
+			</view>
+		</view>
+
+		<view class="fui-pagination__btn"
+			:class="{'fui-pagination__disabled':currentIndex === maxPage,'fui-pagination__btn-ac':currentIndex !== maxPage && highlight,'fui-pagination__color':!color}"
+			:style="{width:width+'rpx',height:height+'rpx',borderColor:borderColor,background:background,borderRadius:radius+'rpx'}"
+			@click="clickNext">
+			<text :class="{'fui-pagination__color':!color }" :style="{color:color,fontSize:size+'rpx'}"
+				v-if="!custom">{{nextText}}</text>
+			<slot name="next"></slot>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-pagination",
+		emits: ['change'],
+		props: {
+			prevText: {
+				type: String,
+				default: '上一页'
+			},
+			nextText: {
+				type: String,
+				default: '下一页'
+			},
+			width: {
+				type: [Number, String],
+				default: 128
+			},
+			height: {
+				type: [Number, String],
+				default: 60
+			},
+			borderColor: {
+				type: String,
+				default: 'transparent'
+			},
+			background: {
+				type: String,
+				default: '#fff'
+			},
+			color: {
+				type: String,
+				// #ifdef APP-NVUE
+				default: '#333'
+				// #endif
+				// #ifndef APP-NVUE
+				default: ''
+				// #endif
+			},
+			size: {
+				type: [Number, String],
+				default: 28
+			},
+			radius: {
+				type: [Number, String],
+				default: 12
+			},
+			//是否有点击效果
+			highlight: {
+				type: Boolean,
+				default: true
+			},
+			//是否自定义按钮显示内容
+			custom: {
+				type: Boolean,
+				default: false
+			},
+			//当前页码
+			current: {
+				type: [Number, String],
+				default: 1
+			},
+			//当前页码字体颜色
+			currentColor: {
+				type: String,
+				default: ''
+			},
+			//页码字体颜色
+			// #ifdef APP-NVUE
+			pageColor: {
+				type: String,
+				default: '#333',
+			},
+			// #endif
+			// #ifndef APP-NVUE
+			pageColor: {
+				type: String,
+				default: ''
+			},
+			// #endif
+			//页码字体大小
+			pageFontSize: {
+				type: [Number, String],
+				default: 36
+			},
+			//是否需要展示页码
+			isPage: {
+				type: Boolean,
+				default: true
+			},
+			//页码展示类型 1-简约型 2-展开型
+			pageType: {
+				type: [Number, String],
+				default: 1
+			},
+			pageBgColor: {
+				type: String,
+				default: 'rgba(0,0,0,0)'
+			},
+			activeBgColor: {
+				type: String,
+				default: ''
+			},
+			activeColor: {
+				type: String,
+				default: '#fff'
+			},
+			//数据总量
+			total: {
+				type: [Number, String],
+				default: 0
+			},
+			//每页数据量
+			pageSize: {
+				type: [Number, String],
+				default: 10
+			}
+		},
+		computed: {
+			maxPage() {
+				let maxPage = 1
+				let total = Number(this.total)
+				let pageSize = Number(this.pageSize)
+				if (total && pageSize) {
+					maxPage = Math.ceil(total / pageSize)
+				}
+				return maxPage
+			},
+			getCurrentColor() {
+				let color = this.currentColor;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color;
+			},
+			getActiveBgColor() {
+				let color = this.activeBgColor;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color;
+			}
+		},
+		watch: {
+			current(val) {
+				this.currentIndex = +val
+			},
+			total(val) {
+				if (this.pageType == 2) {
+					this.getPageNumber()
+				}
+			},
+			pageSize(val) {
+				if (this.pageType == 2) {
+					this.getPageNumber()
+				}
+			}
+		},
+		created() {
+			this.currentIndex = +this.current
+			if (this.pageType == 2) {
+				this.getPageNumber()
+			}
+		},
+		data() {
+			return {
+				currentIndex: 1,
+				pageNumber: [],
+				pagerCount: 0
+			};
+		},
+		methods: {
+			toArray(start, end) {
+				return Array.from(new Array(end + 1).keys()).slice(start);
+			},
+			getPageNumber() {
+				const num = this.currentIndex
+				const total = this.total
+				const pageSize = this.pageSize
+				// TODO 最大展示页数，移动端宽度有限，暂时固定
+				let pagerCount = this.pagerCount
+				if (!pagerCount) {
+					pagerCount = 6
+					const width = Number(this.width)
+					if (!isNaN(width) && width <= 60) {
+						pagerCount = 8;
+					}
+					this.pagerCount = pagerCount;
+				}
+				let showPagerArr = this.toArray(1, pagerCount)
+				let pagerNum = Math.ceil(total / pageSize)
+				if (pagerNum <= 1) {
+					showPagerArr = [1]
+				} else if (pagerNum <= pagerCount) {
+					showPagerArr = this.toArray(1, pagerNum)
+				} else {
+					showPagerArr[pagerCount - 1] = pagerNum;
+					if (num < pagerCount - 1) {
+						showPagerArr[pagerCount - 2] = '...'
+					} else if (num >= pagerNum - (pagerCount - 3)) {
+						showPagerArr[1] = '...';
+						showPagerArr.forEach((item, index) => {
+							if (index > 1) {
+								showPagerArr[index] = pagerNum - (pagerCount - 3) + (index - 2)
+							}
+						})
+					} else {
+						showPagerArr[1] = '...';
+						for (let i = 0; i < pagerCount - 3; i++) {
+							showPagerArr[i + 2] = num + i
+						}
+						showPagerArr[pagerCount - 2] = '...'
+					}
+				}
+				this.pageNumber = showPagerArr
+			},
+			clickPrev() {
+				if (Number(this.currentIndex) === 1) return;
+				this.currentIndex -= 1
+				this.change('prev')
+			},
+			clickNext() {
+				if (Number(this.currentIndex) === this.maxPage) return;
+				this.currentIndex += 1
+				this.change('next')
+			},
+			handleClick(item, index) {
+				let pageNo = Number(item)
+				const idx = this.pagerCount === 6 ? 4 : 6;
+				if (isNaN(pageNo)) {
+					if (index === 1) {
+						pageNo = this.pageNumber[index + 1] - (this.pagerCount - 4)
+					} else if (index === idx) {
+						pageNo = this.pageNumber[index - 1] + 1
+					}
+				} else {
+					if (Number(this.currentIndex) === pageNo) return;
+				}
+				this.currentIndex = pageNo;
+				this.change('pageNumber')
+			},
+			change(e) {
+				this.getPageNumber()
+				this.$emit('change', {
+					type: e,
+					current: this.currentIndex
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-pagination__wrap {
+		flex: 1;
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+		position: relative;
+		overflow: hidden;
+		flex-direction: row;
+		justify-content: space-between;
+		align-items: center;
+	}
+
+	.fui-pagination__btn {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		position: relative;
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+		text-align: center;
+		/* #ifdef APP-NVUE */
+		border-width: 0.5px;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		border-width: 1px;
+		flex-shrink: 0;
+		/* #endif */
+		border-style: solid;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-pagination__btn-ac:active {
+		opacity: 0.5;
+	}
+
+	.fui-pagination__num {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-pagination__active-color {
+		color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-pagination__bg {
+		background: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-pagination__color {
+		color: var(--fui-color-section, #333) !important;
+	}
+
+	/* #endif */
+
+	.fui-pagination__disabled {
+		opacity: 0.3;
+		/* #ifdef H5 */
+		cursor: not-allowed;
+		/* #endif */
+	}
+
+	.fui-page__number {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+	.fui-page__num-item {
+		/* #ifndef APP-NVUE */
+		min-width: 60rpx;
+		display: flex;
+		transform: translateZ(0);
+		/* #endif */
+		height: 60rpx;
+		align-items: center;
+		justify-content: center;
+		margin: 0 4rpx;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-page__num-width {
+		width: 60rpx;
+	}
+
+	.fui-page__num-padding {
+		padding: 0 8rpx;
+	}
+
+	/* #endif */
+
+	.fui-page__num-item:active {
+		opacity: .5;
+	}
+
+	.fui-page__num-text {
+		font-size: 24rpx;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-panel/fui-panel.vue b/components/firstui/fui-panel/fui-panel.vue
new file mode 100644
index 0000000..ef5b113
--- /dev/null
+++ b/components/firstui/fui-panel/fui-panel.vue
@@ -0,0 +1,537 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1  8   6 140  72 5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-panel__wrap"
+		:style="{background:background,'border-top-color':borderColor,'border-bottom-color':borderColor,marginTop:marginTop+'rpx',marginBottom:marginBottom+'rpx'}"
+		:class="{'fui-panel__unlined':!isBorder,'fui-panel__background':!background}">
+		<view class="fui-panel__hd"
+			:style="{background:hdBackground,paddingLeft:padding+'rpx',paddingRight:padding+'rpx'}"
+			v-if="panelData[head]">
+			<text :class="{'fui-panel__title-color':!headColor}"
+				:style="{fontSize:headSize+'rpx',color:headColor+'rpx'}">{{panelData[head] || ''}}</text>
+			<view v-if="hdBorder" :style="{background:borderColor,left:hdLeft+'rpx',right:hdRight+'rpx'}"
+				class="fui-panel__border" :class="{'fui-panel__border-color':!borderColor}"></view>
+		</view>
+		<view class="fui-panel__mediabox" :style="{paddingLeft:padding+'rpx',paddingRight:padding+'rpx'}"
+			:class="{'fui-mediabox__center':!flexStart,'fui-panel__hover-weex':highlight}" v-for="(item,index) in listData"
+			:key="index" :hover-class="highlight?'fui-panel__hover':''" :hover-stay-time="150"
+			@tap="handleClick(index)">
+			<view class="fui-panel__mb-hd" v-if="item[src]" :style="{width:width+'rpx',height:height+'rpx'}">
+				<image class="fui-panel__mb-thumb" :src="item[src]" mode="widthFix"
+					:style="{width:width+'rpx',height:height+'rpx',borderRadius:radius+'rpx'}" />
+			</view>
+			<view class="fui-panel__mb-bd">
+				<text class="fui-panel__mb-title" v-if="item[title]" :class="{'fui-panel__title-color':!color}"
+					:style="{color:color,fontSize:size+'rpx',fontWeight:fontWeight}">{{item[title] || ''}}</text>
+				<text class="fui-panel__mb-desc" v-if="item[desc]" :class="{'fui-panel__sub-color':!descColor}"
+					:style="{color:descColor,fontSize:descSize+'rpx'}">{{item[desc] || ''}}</text>
+				<view class="fui-panel__mb-info" v-if="item[source] || item[time] || item[extra]">
+					<text class="fui-panel__info-meta" :class="{'fui-panel__info-color':!infoColor}"
+						:style="{color:infoColor,fontSize:infoSize+'rpx'}"
+						v-if="item[source]">{{item[source] || ''}}</text>
+					<text class="fui-panel__info-meta" :class="{'fui-panel__info-color':!infoColor}"
+						:style="{color:infoColor,fontSize:infoSize+'rpx'}" v-if="item[time]">{{item[time] || ''}}</text>
+					<text class="fui-panel__info-extra"
+						:class="{'fui-panel__info-color':!infoColor,'fui-panel__extra-bcolor':!infoColor}"
+						:style="{color:infoColor,fontSize:infoSize+'rpx','border-left-color':infoColor}"
+						v-if="item[extra]">{{item[extra] || ''}}</text>
+				</view>
+			</view>
+			<view v-if="bdBorder && index!==listData.length-1"
+				:style="{background:borderColor,left:bdLeft+'rpx',right:bdRight+'rpx'}" class="fui-panel__border"
+				:class="{'fui-panel__border-color':!borderColor}"></view>
+		</view>
+		<slot></slot>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-panel",
+		emits: ['click'],
+		props: {
+			//面板数据，键名可通过 fields属性配置
+			panelData: {
+				type: Object,
+				default () {
+					return {}
+				}
+			},
+			//面板数据源键名（key）
+			fields: {
+				type: Object,
+				default () {
+					return {}
+				}
+			},
+			background: {
+				type: String,
+				// #ifdef APP-NVUE
+				default: '#fff'
+				// #endif
+				// #ifndef APP-NVUE
+				default: ''
+				// #endif
+			},
+			//是否有点击效果
+			highlight: {
+				type: Boolean,
+				default: true
+			},
+			flexStart: {
+				type: Boolean,
+				default: false
+			},
+			marginTop: {
+				type: [Number, String],
+				default: 0
+			},
+			marginBottom: {
+				type: [Number, String],
+				default: 0
+			},
+			//左右间距
+			padding: {
+				type: [Number, String],
+				default: 32
+			},
+			hdBorder: {
+				type: Boolean,
+				default: true
+			},
+			hdLeft: {
+				type: [Number, String],
+				default: 32
+			},
+			hdRight: {
+				type: [Number, String],
+				default: 0
+			},
+			hdBackground: {
+				type: String,
+				default: '#fff'
+			},
+			headSize: {
+				type: [Number, String],
+				default: 32
+			},
+			headColor: {
+				type: String,
+				// #ifdef APP-NVUE
+				default: '#181818'
+				// #endif
+				// #ifndef APP-NVUE
+				default: ''
+				// #endif
+			},
+			bdBorder: {
+				type: Boolean,
+				default: true
+			},
+			bdLeft: {
+				type: [Number, String],
+				default: 32
+			},
+			bdRight: {
+				type: [Number, String],
+				default: 0
+			},
+			//图片宽度
+			width: {
+				type: [Number, String],
+				default: 120
+			},
+			//图片高度
+			height: {
+				type: [Number, String],
+				default: 120
+			},
+			radius: {
+				type: [Number, String],
+				default: 0
+			},
+			size: {
+				type: [Number, String],
+				default: 32
+			},
+			color: {
+				type: String,
+				// #ifdef APP-NVUE
+				default: '#181818'
+				// #endif
+				// #ifndef APP-NVUE
+				default: ''
+				// #endif
+			},
+			fontWeight: {
+				type: [Number, String],
+				default: 'normal'
+			},
+			descSize: {
+				type: [Number, String],
+				default: 28
+			},
+			descColor: {
+				type: String,
+				// #ifdef APP-NVUE
+				default: '#7F7F7F'
+				// #endif
+				// #ifndef APP-NVUE
+				default: ''
+				// #endif
+			},
+			infoSize: {
+				type: [Number, String],
+				default: 24
+			},
+			infoColor: {
+				type: String,
+				// #ifdef APP-NVUE
+				default: '#b2b2b2'
+				// #endif
+				// #ifndef APP-NVUE
+				default: ''
+				// #endif
+			},
+			//是否需要panel外层上下线条
+			isBorder: {
+				type: Boolean,
+				default: true
+			},
+			borderColor: {
+				type: String,
+				// #ifdef APP-NVUE
+				default: '#eee'
+				// #endif
+				// #ifndef APP-NVUE
+				default: ''
+				// #endif
+			}
+
+		},
+		data() {
+			return {
+				listData: [],
+				head: 'head',
+				list: 'list',
+				src: 'src',
+				title: 'title',
+				desc: 'desc',
+				source: 'source',
+				time: 'time',
+				extra: 'extra'
+			};
+		},
+		watch: {
+			panelData: {
+				handler(val) {
+					this.initData(val)
+				},
+				deep: true
+			},
+			//未做深度监听
+			fields(val){
+				this.handleFileds()
+			}
+		},
+		created() {
+			this.initData(this.panelData)
+		},
+		methods: {
+			handleFileds() {
+				if (this.fields && typeof this.fields === 'object') {
+					this.head = this.fields.head || 'head';
+					this.list = this.fields.list || 'list';
+					this.src = this.fields.src || 'src';
+					this.title = this.fields.title || 'title';
+					this.desc = this.fields.desc || 'desc';
+					this.source = this.fields.source || 'source';
+					this.time = this.fields.time || 'time';
+					this.extra = this.fields.extra || 'extra';
+				}
+			},
+			initData(val) {
+				this.handleFileds()
+				val = val || {};
+				let list = val[this.list] && [...val[this.list]]
+				if (val[this.list] && Array.isArray(list)) {
+					this.listData = list;
+				} else {
+					this.listData = [val];
+				}
+			},
+			handleClick(index) {
+				this.$emit('click', {
+					index: index,
+					...this.listData[index]
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-panel__wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		border-top-width: 0;
+		border-bottom-width: 0;
+		/* #endif */
+		flex: 1;
+		position: relative;
+		overflow: hidden;
+
+		/* #ifdef APP-NVUE */
+		border-top-width: 0.5px;
+		border-top-style: solid;
+		border-bottom-width: 0.5px;
+		border-bottom-style: solid;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-panel__background {
+		background: var(--fui-bg-color, #FFFFFF);
+	}
+
+	/* #endif */
+	.fui-panel__unlined {
+		border-top-width: 0 !important;
+		border-bottom-width: 0 !important;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-panel__wrap::before {
+		top: 0;
+		border-top: 1px solid var(--fui-color-border, #EEEEEE);
+		-webkit-transform-origin: 0 0;
+		transform-origin: 0 0;
+		-webkit-transform: scaleY(.5);
+		transform: scaleY(.5)
+	}
+
+	.fui-panel__wrap:after{
+		content: " ";
+		position: absolute;
+		left: 0;
+		right: 0;
+		height: 1px;
+	}
+	.fui-panel__wrap::before {
+		content: " ";
+		position: absolute;
+		left: 0;
+		right: 0;
+		height: 1px;
+	}
+
+	.fui-panel__wrap::after {
+		bottom: 0;
+		border-bottom: 1px solid var(--fui-color-border, #EEEEEE);
+		-webkit-transform-origin: 0 100%;
+		transform-origin: 0 100%;
+		-webkit-transform: scaleY(.5);
+		transform: scaleY(.5)
+	}
+
+	.fui-panel__unlined::before{
+		border-top-width: 0 !important;
+		border-bottom-width: 0 !important;
+	}
+	.fui-panel__unlined::after {
+		border-top-width: 0 !important;
+		border-bottom-width: 0 !important;
+	}
+
+	/* #endif */
+
+	.fui-panel__hd {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		word-break: break-all;
+		box-sizing: border-box;
+		/* #endif */
+		flex: 1;
+		padding-top: 26rpx;
+		padding-bottom: 26rpx;
+		font-weight: 700;
+		position: relative;
+		flex-direction: row;
+		align-items: center;
+	}
+
+	.fui-panel__border {
+		position: absolute;
+		bottom: 0;
+		/* #ifdef APP-NVUE */
+		height: 0.5px;
+		z-index: -1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		height: 1px;
+		-webkit-transform: scaleY(0.5);
+		transform: scaleY(0.5);
+		transform-origin: 0 100%;
+		z-index: 1;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-panel__border-color {
+		background: var(--fui-color-border, #EEEEEE) !important;
+	}
+
+	/* #endif */
+
+	.fui-panel__mediabox {
+		padding-top: 32rpx;
+		padding-bottom: 32rpx;
+		position: relative;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+	}
+
+	.fui-mediabox__center {
+		align-items: center;
+	}
+
+	.fui-panel__mb-hd {
+		margin-right: 32rpx;
+		overflow: hidden;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+	}
+
+	.fui-panel__mb-thumb {
+		/* #ifndef APP-NVUE */
+		display: block;
+		/* #endif */
+	}
+
+	.fui-panel__mb-bd {
+		flex: 1;
+		overflow: hidden;
+	}
+
+	/* 暂不使用 */
+	.fui-panel__mb-between {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: column;
+		justify-content: space-between;
+	}
+
+	/* 暂不使用 */
+	/* #ifndef APP-NVUE */
+	.fui-panel__bd-height {
+		min-height: var(--fui-img-base, 60px);
+	}
+
+	/* #endif */
+
+	.fui-panel__mb-title {
+		font-weight: normal;
+		/* #ifdef APP-NVUE */
+		lines: 1;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		white-space: nowrap;
+		line-height: 1.2;
+		display: block;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-panel__title-color {
+		color: var(--fui-color-title, #181818) !important;
+	}
+
+	/* #endif */
+
+	.fui-panel__mb-desc,
+	.fui-panel__mb-title {
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.fui-panel__mb-desc {
+		padding-top: 12rpx;
+		font-weight: 400;
+		font-size: 28rpx;
+		/* #ifndef APP-NVUE */
+		line-height: 1.4;
+		word-break: break-all;
+		display: -webkit-box;
+		-webkit-box-orient: vertical;
+		-webkit-line-clamp: 2;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		lines: 2;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-panel__sub-color {
+		color: var(--fui-color-subtitle, #7F7F7F) !important;
+	}
+
+	/* #endif */
+
+	.fui-panel__mb-info {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		align-items: center;
+		flex-direction: row;
+		margin-top: 32rpx;
+		padding-bottom: 8rpx;
+		font-weight: 400;
+		line-height: 1;
+		overflow: hidden;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-panel__info-color {
+		color: var(--fui-color-label, #B2B2B2) !important;
+	}
+
+	/* #endif */
+
+	.fui-panel__info-meta {
+		padding-right: 32rpx;
+	}
+
+	.fui-panel__info-extra {
+		padding-left: 32rpx;
+		border-left-width: 1rpx;
+		border-left-style: solid;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-panel__extra-bcolor {
+		border-left-color: var(--fui-color-label, #B2B2B2) !important;
+	}
+
+	/* #endif */
+	/* #ifndef APP-NVUE */
+	.fui-panel__hover {
+		background-color: var(--fui-bg-color-hover, rgba(0, 0, 0, 0.2)) !important;
+	}
+
+	/* #endif */
+
+	/* #ifdef APP-NVUE */
+	.fui-panel__hover-weex:active {
+		background: rgba(0, 0, 0, 0.2) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-picker/fui-picker.vue b/components/firstui/fui-picker/fui-picker.vue
new file mode 100644
index 0000000..c62ec44
--- /dev/null
+++ b/components/firstui/fui-picker/fui-picker.vue
@@ -0,0 +1,1059 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：      186 1  40 72549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-picker__wrap" @touchend="stop">
+		<view class="fui-picker__mask" @touchmove.stop.prevent="stop" :class="{'fui-picker__mask-show':isShow}"
+			:style="maskStyl" ref="fui_pkm_ani" @tap.stop="maskClick"></view>
+		<view :key="theme" class="fui-picker__content"
+			:class="{'fui-picker__content-dark':theme==='dark','fui-picker__content-show':isShow,'fui-picker__radius':radius}"
+			:style="{zIndex:zIndex}" ref="fui_pk_ani">
+			<view class="fui-picker__header"
+				:class="{'fui-picker__header-dark':theme==='dark','fui-picker__radius':radius}" :style="headerStyl">
+				<text class="fui-picker__btn-cancel"
+					:class="[theme==='dark'?'fui-pk__cancel-color_dark':'fui-pk__cancel-color']" :style="cancelStyl"
+					@tap.stop="btnCancel">取消</text>
+				<text class="fui-picker__title"
+					:class="[theme==='dark'?'fui-pk__title-color_dark':'fui-pk__title-color']"
+					:style="titleStyl">{{title}}</text>
+				<text class="fui-picker__btn-sure fui-pk__sure-color" :style="confrimStyl"
+					@tap.stop="btnConfirm">确定</text>
+			</view>
+			<view @touchstart.stop="pickerstart">
+				<!--支付宝小程序不支持动态切换 picker-view-column ... 设置高度也不行-->
+				<!-- #ifdef MP-ALIPAY -->
+				<picker-view :mask-style="theme==='dark'?darkStyle:''"
+					:indicator-class="theme==='dark'?'fui-picker__indicator':''" class="fui-picker__view"
+					:style="{height:height+'rpx'}" :value="vals" @change="pickerChange" v-if="layer==1">
+					<picker-view-column>
+						<view :style="contentStyl" class="fui-picker__text"
+							:class="{'fui-picker__color-dark':theme==='dark'}" v-for="(item,index) in firstArr"
+							:key="index">{{item}}</view>
+					</picker-view-column>
+				</picker-view>
+
+				<picker-view :mask-style="theme==='dark'?darkStyle:''"
+					:indicator-class="theme==='dark'?'fui-picker__indicator':''" class="fui-picker__view"
+					:style="{height:height+'rpx'}" :value="vals" @change="pickerChange" v-if="layer==2">
+					<picker-view-column>
+						<view :style="contentStyl" class="fui-picker__text"
+							:class="{'fui-picker__color-dark':theme==='dark'}" v-for="(item,index) in firstArr"
+							:key="index">{{item}}</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view :style="contentStyl" class="fui-picker__text"
+							:class="{'fui-picker__color-dark':theme==='dark'}" v-for="(item,index) in secondArr"
+							:key="index">{{item}}</view>
+					</picker-view-column>
+				</picker-view>
+
+
+				<picker-view :mask-style="theme==='dark'?darkStyle:''"
+					:indicator-class="theme==='dark'?'fui-picker__indicator':''" class="fui-picker__view"
+					:style="{height:height+'rpx'}" :value="vals" @change="pickerChange" v-if="layer==3">
+					<picker-view-column>
+						<view :style="contentStyl" class="fui-picker__text"
+							:class="{'fui-picker__color-dark':theme==='dark'}" v-for="(item,index) in firstArr"
+							:key="index">{{item}}</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view :style="contentStyl" class="fui-picker__text"
+							:class="{'fui-picker__color-dark':theme==='dark'}" v-for="(item,index) in secondArr"
+							:key="index">{{item}}</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view :style="contentStyl" class="fui-picker__text"
+							:class="{'fui-picker__color-dark':theme==='dark'}" v-for="(item,index) in thirdArr"
+							:key="index">{{item}}</view>
+					</picker-view-column>
+				</picker-view>
+
+
+				<picker-view :mask-style="theme==='dark'?darkStyle:''"
+					:indicator-class="theme==='dark'?'fui-picker__indicator':''" class="fui-picker__view"
+					:style="{height:height+'rpx'}" :value="vals" @change="pickerChange" v-if="layer==4">
+					<picker-view-column>
+						<view :style="contentStyl" class="fui-picker__text"
+							:class="{'fui-picker__color-dark':theme==='dark'}" v-for="(item,index) in firstArr"
+							:key="index">{{item}}</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view :style="contentStyl" class="fui-picker__text"
+							:class="{'fui-picker__color-dark':theme==='dark'}" v-for="(item,index) in secondArr"
+							:key="index">{{item}}</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view :style="contentStyl" class="fui-picker__text"
+							:class="{'fui-picker__color-dark':theme==='dark'}" v-for="(item,index) in thirdArr"
+							:key="index">{{item}}</view>
+					</picker-view-column>
+					<picker-view-column>
+						<view :style="contentStyl" class="fui-picker__text" v-for="(item,index) in fourthArr"
+							:key="index" :class="{'fui-picker__color-dark':theme==='dark'}">{{item}}</view>
+					</picker-view-column>
+				</picker-view>
+				<!-- #endif -->
+
+				<!-- #ifndef MP-ALIPAY -->
+				<picker-view :mask-top-style="theme==='dark'?darkStyle:''"
+					:mask-bottom-style="theme==='dark'?darkBottomStyle:''" :mask-style="theme==='dark'?darkStyle:''"
+					:indicator-style="theme==='dark'?indicatorStyl:'height: 44px;border-top-width:0.5px;border-bottom-width:0.5px;'"
+					:indicator-class="theme==='dark'?'fui-picker__indicator':''" class="fui-picker__view"
+					:style="{height:height+'rpx'}" :key="theme+layer" :value="vals" :immediate-change="immediate"
+					@change="pickerChange">
+					<picker-view-column>
+						<text :style="contentStyl" class="fui-picker__text"
+							:class="{'fui-picker__color-dark':theme==='dark'}" v-for="(item,index) in firstArr"
+							:key="index">{{item}}</text>
+					</picker-view-column>
+					<picker-view-column v-if="layer==2 || layer==3  || layer==4">
+						<text :style="contentStyl" class="fui-picker__text"
+							:class="{'fui-picker__color-dark':theme==='dark'}" v-for="(item,index) in secondArr"
+							:key="index">{{item}}</text>
+					</picker-view-column>
+					<picker-view-column v-if="layer==3  || layer==4">
+						<text :style="contentStyl" class="fui-picker__text"
+							:class="{'fui-picker__color-dark':theme==='dark'}" v-for="(item,index) in thirdArr"
+							:key="index">{{item}}</text>
+					</picker-view-column>
+					<picker-view-column v-if="layer==4">
+						<text :style="contentStyl" class="fui-picker__text" v-for="(item,index) in fourthArr"
+							:key="index" :class="{'fui-picker__color-dark':theme==='dark'}">{{item}}</text>
+					</picker-view-column>
+				</picker-view>
+				<!-- #endif -->
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	export default {
+		name: "fui-picker",
+		emits: ['change', 'cancel'],
+		props: {
+			options: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			layer: {
+				type: [Number, String],
+				default: 1
+			},
+			show: {
+				type: Boolean,
+				default: false
+			},
+			value: {
+				type: [Array, String, Number],
+				default () {
+					return []
+				}
+			},
+			linkage: {
+				type: Boolean,
+				default: false
+			},
+			fields: {
+				type: Array,
+				default () {
+					return ['text', 'value', 'children']
+				}
+			},
+			radius: {
+				type: Boolean,
+				default: false
+			},
+			height: {
+				type: [Number, String],
+				default: 520
+			},
+			size: {
+				type: [Number, String],
+				default: 16
+			},
+			color: {
+				type: String,
+				default: ''
+			},
+			title: {
+				type: String,
+				default: ''
+			},
+			titleSize: {
+				type: [Number, String],
+				default: 28
+			},
+			titleColor: {
+				type: String,
+				default: ''
+			},
+			confirmText: {
+				type: String,
+				default: '确定'
+			},
+			confirmColor: {
+				type: String,
+				default: ''
+			},
+			cancelText: {
+				type: String,
+				default: '取消'
+			},
+			cancelColor: {
+				type: String,
+				default: ''
+			},
+			btnSize: {
+				type: [Number, String],
+				default: 32
+			},
+			background: {
+				type: String,
+				default: ''
+			},
+			theme: {
+				type: String,
+				default: 'light'
+			},
+			maskClosable: {
+				type: Boolean,
+				default: true
+			},
+			maskBackground: {
+				type: String,
+				default: 'rgba(0,0,0,.6)'
+			},
+			zIndex: {
+				type: [Number, String],
+				default: 996
+			},
+			isClose: {
+				type: Boolean,
+				default: true
+			},
+			//自定义参数
+			param: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		created() {
+			this.initialize()
+			this.isShow = this.show
+		},
+		// #ifdef APP-NVUE
+		mounted() {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this.hiddenNvuePicker()
+				}, 50)
+			})
+		},
+		// #endif
+		computed: {
+			cancelStyl() {
+				let styles = `fontSize:${this.btnSize}rpx;`
+				if (this.cancelColor) {
+					styles += `color:${this.cancelColor};`
+				}
+				return styles
+			},
+			confrimStyl() {
+				let styles = `font-size:${this.btnSize}rpx;`
+				let color = this.confirmColor;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				if (color) {
+					styles += `color:${color};`
+				}
+				return styles
+			},
+			titleStyl() {
+				let styles = `font-size:${this.titleSize}rpx;`
+				if (this.titleColor) {
+					styles += `color:${this.titleColor};`
+				}
+				return styles
+			},
+			contentStyl() {
+				let styles = `font-size:${this.size}px;`
+				if (this.color) {
+					styles += `color:${this.color};`
+				} else {
+					// #ifdef MP-ALIPAY
+					styles += `color:${this.theme==='dark'?'#d1d1d1':'#181818'};`
+					// #endif
+				}
+				return styles
+			},
+			headerStyl() {
+				let styles = ''
+				if (this.background) {
+					styles += `background:${this.background};`
+				}
+				return styles
+			},
+			maskStyl() {
+				return `background:${this.maskBackground};z-index:${Number(this.zIndex-10)};`
+			}
+		},
+		watch: {
+			layer(val) {
+				this.reset();
+			},
+			value(val) {
+				if (val) {
+					this.setDefaultOptions()
+				}
+			},
+			options(val) {
+				setTimeout(() => {
+					this.initialize()
+				}, 50)
+			},
+			fields(val) {
+				setTimeout(() => {
+					this.initialize()
+				}, 50)
+			},
+			isShow: {
+				handler(newVal) {
+					if (newVal) {
+						this.isInitShow = true;
+						// #ifdef APP-NVUE
+						this.openPicker();
+						// #endif
+					} else {
+						// #ifdef APP-NVUE
+						this.closePicker();
+						// #endif
+					}
+				},
+				immediate: true
+			},
+			show(val) {
+				this.isShow = val;
+			}
+		},
+		data() {
+			//抖音小程序此属性有问题，设置为true,change事件可能不触发
+			let immediate = true;
+			// #ifdef MP-TOUTIAO
+			immediate = false
+			// #endif
+			return {
+				immediate,
+				firstArr: [],
+				secondArr: [],
+				thirdArr: [],
+				fourthArr: [],
+				vals: [],
+				nvueVals: [],
+				// #ifndef APP-NVUE
+				darkStyle: 'background-image: -webkit-linear-gradient(top, rgba(35, 35, 35, .95), rgba(35, 35, 35, .6)), -webkit-linear-gradient(bottom, rgba(35, 35, 35, .95), rgba(35, 35, 35, .6));',
+				indicatorStyl: 'border-color: #333;height: 44px;',
+				darkBottomStyle: '',
+				// #endif
+				// #ifdef APP-NVUE
+				darkStyle: 'background: linear-gradient(to bottom, rgba(35, 35, 35, .95), rgba(35, 35, 35, .6));',
+				darkBottomStyle: 'background: linear-gradient(to top, rgba(35, 35, 35, .95), rgba(35, 35, 35, .6));',
+				indicatorStyl: 'border-color: #333;height: 44px;border-top-width:0.5px;border-bottom-width:0.5px',
+				// #endif
+				tKey: 'text',
+				vKey: 'value',
+				cKey: 'children',
+				isEnd: true,
+				isShow: false,
+				isInitShow: false
+			};
+		},
+		methods: {
+			// #ifdef APP-NVUE
+			hiddenNvuePicker() {
+				if (!this.$refs['fui_pkm_ani'] || !this.$refs['fui_pk_ani']) return;
+				this._transtion('fui_pkm_ani', {
+					transform: 'translateX(-100%)'
+				}, 0)
+				this._transtion('fui_pk_ani', {
+					transform: 'translateY(100%)'
+				}, 0)
+			},
+			// #endif
+			initialize() {
+				if (this.linkage) {
+					this.getFields(this.fields)
+					this.setLayerData(-1, 0, 0, 0);
+				} else {
+					this.initData()
+				}
+				this.$nextTick(() => {
+					setTimeout(() => {
+						this.setDefaultOptions()
+					}, 50)
+				})
+			},
+			getFields(vals) {
+				if (!vals || vals.length === 0) return;
+				this.tKey = vals[0] || 'text';
+				this.vKey = vals[1] || 'value';
+				this.cKey = vals[2] || 'children';
+			},
+			btnCancel(e) {
+				// #ifdef APP-NVUE
+				e.stopPropagation();
+				// #endif
+				this.isShow = false;
+				this.$emit('cancel', {
+					param: this.param
+				})
+			},
+			maskClick(e) {
+				if (!this.maskClosable) return;
+				this.btnCancel(e)
+			},
+			getValue(layer = 1) {
+				let vals = this.vals;
+				let result = {}
+				if (this.linkage) {
+					let data = this.options;
+					const cKey = this.cKey;
+					if (layer == 1) {
+						result = data[vals[0]]
+					} else if (layer == 2) {
+						if (data[vals[0]][cKey])
+							result = data[vals[0]][cKey][vals[1]]
+
+					} else if (layer == 3) {
+						if (data[vals[0]][cKey] && data[vals[0]][cKey][vals[1]][cKey])
+							result = data[vals[0]][cKey][vals[1]][cKey][vals[2]]
+
+					} else {
+						if (data[vals[0]][cKey] && data[vals[0]][cKey][vals[1]][cKey] && data[vals[0]][cKey][vals[1]][cKey]
+							[vals[2]][cKey])
+							result = data[vals[0]][cKey][vals[1]][cKey][vals[2]][cKey][vals[3]]
+					}
+				} else {
+					if (layer == 1) {
+						result = this.firstArr[vals[0]] || ''
+					} else if (layer == 2) {
+						result = this.secondArr[vals[1]] || ''
+					} else if (layer == 3) {
+						result = this.thirdArr[vals[2]] || ''
+					} else {
+						result = this.fourthArr[vals[3]] || ''
+					}
+				}
+
+				return result;
+			},
+			checkChildrenData(data, layer, first, second, third) {
+				let arr = [];
+				const children = this.cKey;
+				if (layer == 1) {
+					if (data[first])
+						arr = data[first][children] || [];
+				} else if (layer == 2) {
+					if (data[first] && data[first][children] && data[first][children][second])
+						arr = data[first][children][second][children] || [];
+				} else {
+					if (data[first] && data[first][children] && data[first][children][second] && data[first][children][
+							second
+						][children] && data[first][children][second][children][third])
+						arr = data[first][children][second][children][third][children] || [];
+				}
+				return arr;
+			},
+			handleData(data, tKey) {
+				tKey = tKey || this.tKey;
+				let arr = [];
+				if (data && data.length > 0) {
+					for (let item of data) {
+						arr.push(item[tKey]);
+					}
+				}
+				return arr;
+			},
+			initData() {
+				let data = this.options;
+				if (!data || data.length === 0) {
+					this.firstArr = [];
+					this.secondArr = [];
+					this.thirdArr = [];
+					this.fourthArr = [];
+					return;
+				}
+				if (this.layer == 1 && !Array.isArray(data[0])) {
+					this.firstArr = data
+				} else {
+					this.firstArr = data[0]
+				}
+				if (this.layer == 2) {
+					this.secondArr = data[1]
+				} else if (this.layer == 3) {
+					this.secondArr = data[1]
+					this.thirdArr = data[2]
+				} else if (this.layer == 4) {
+					this.secondArr = data[1]
+					this.thirdArr = data[2]
+					this.fourthArr = data[3]
+				}
+			},
+			setLayerData(reset, first, second, third) {
+				let data = this.options;
+				if (!data || data.length === 0) return;
+				if (this.layer == 1) {
+					this.firstArr = this.handleData(data)
+				} else if (this.layer == 2) {
+					if (reset == -1)
+						this.firstArr = this.handleData(data)
+
+					this.secondArr = this.handleData(this.checkChildrenData(data, 1, first))
+				} else if (this.layer == 3) {
+					if (reset == -1)
+						this.firstArr = this.handleData(data)
+
+					if (reset == 1 || reset == -1)
+						this.secondArr = this.handleData(this.checkChildrenData(data, 1, first))
+
+					this.thirdArr = this.handleData(this.checkChildrenData(data, 2, first, second))
+				} else {
+					if (reset == -1)
+						this.firstArr = this.handleData(data)
+
+					if (reset == 1 || reset == -1)
+						this.secondArr = this.handleData(this.checkChildrenData(data, 1, first))
+
+					if (reset == 1 || reset == -1 || reset == 2)
+						this.thirdArr = this.handleData(this.checkChildrenData(data, 2, first, second))
+
+					this.fourthArr = this.handleData(this.checkChildrenData(data, 3, first, second, third))
+				}
+			},
+			reset() {
+				const vals = [
+					[0],
+					[0, 0],
+					[0, 0, 0],
+					[0, 0, 0, 0]
+				][Number(this.layer) - 1]
+				this.vals = [...vals];
+				// #ifdef APP-NVUE
+				this.nvueVals = [...vals]
+				// #endif
+			},
+			open() {
+				this.isShow = true;
+			},
+			//手动关闭弹框
+			close() {
+				this.isShow = false;
+			},
+			setDefaultOptions() {
+				let values = this.value;
+				if (this.layer == 1 && !Array.isArray(values)) {
+					values = values ? [values] : []
+				}
+				let vals = [];
+				let txtArr = this.firstArr;
+				const len = values.length;
+				const index = txtArr.indexOf(values[0])
+				if (len > 0 && index !== -1) {
+					vals.push(index)
+					for (let i = 1; i < len; i++) {
+						if (i === 1) {
+							if (this.linkage) {
+								this.secondArr = this.handleData(this.checkChildrenData(this.options, 1, vals[0]))
+							}
+							vals.push(this.secondArr.indexOf(values[i]))
+						} else if (i === 2) {
+							if (this.linkage) {
+								this.thirdArr = this.handleData(this.checkChildrenData(this.options, 2, vals[0],
+									vals[1]))
+							}
+							vals.push(this.thirdArr.indexOf(values[i]))
+						} else {
+							if (this.linkage) {
+								this.fourthArr = this.handleData(this.checkChildrenData(this.options, 3, vals[0],
+									vals[1], vals[2]))
+							}
+							vals.push(this.fourthArr.indexOf(values[i]))
+						}
+					}
+					this.vals = []
+					this.$nextTick(() => {
+						setTimeout(() => {
+							this.vals = [...vals];
+							// #ifdef APP-NVUE
+							this.nvueVals = [...vals]
+							// #endif
+						}, 200)
+					})
+				} else {
+					this.vals = []
+					this.$nextTick(() => {
+						setTimeout(() => {
+							this.reset()
+						}, 200)
+					})
+				}
+			},
+			setOneLayers(value) {
+				if (this.vals[0] != value[0]) {
+					this.vals = value;
+				}
+			},
+			setTwoLayers(value) {
+				if (this.vals[0] != value[0]) {
+					this.setLayerData(0, value[0])
+					this.vals = [value[0], 0]
+				} else {
+					this.vals = value
+				}
+			},
+			setThreeLayers(value) {
+				if (this.vals[0] != value[0]) {
+					this.setLayerData(1, value[0], 0)
+					this.vals = [value[0], 0, 0]
+				} else if (this.vals[1] != value[1]) {
+					this.setLayerData(0, value[0], value[1])
+					this.vals = [value[0], value[1], 0]
+				} else {
+					this.vals = value
+				}
+			},
+			setFourLayers(value) {
+				if (this.vals[0] != value[0]) {
+					this.setLayerData(1, value[0], 0, 0)
+					this.vals = [value[0], 0, 0, 0]
+				} else if (this.vals[1] != value[1]) {
+					this.setLayerData(2, value[0], value[1], 0)
+					this.vals = [value[0], value[1], 0, 0]
+				} else if (this.vals[2] != value[2]) {
+					this.setLayerData(0, value[0], value[1], value[2])
+					this.vals = [value[0], value[1], value[2], 0]
+				} else {
+					this.vals = value
+				}
+			},
+			emitChange() {
+				let text = [];
+				let value = [];
+				let result = '';
+				if (this.options.length > 0) {
+					if (this.layer == 1) {
+						const vals = this.getValue()
+						if (this.linkage) {
+							text = vals[this.tKey];
+							value = vals[this.vKey];
+						} else {
+							text = vals;
+							value = vals;
+						}
+						result = text;
+					} else if (this.layer == 2) {
+						const vals = this.getValue();
+						const vals2 = this.getValue(2);
+						if (this.linkage) {
+							text = [vals[this.tKey], vals2[this.tKey] || ''];
+							value = [vals[this.vKey], vals2[this.vKey] || ''];
+						} else {
+							text = [vals, vals2 || ''];
+							value = [vals, vals2 || ''];
+						}
+						result = text.join('');
+					} else if (this.layer == 3) {
+						const vals = this.getValue();
+						const vals2 = this.getValue(2);
+						const vals3 = this.getValue(3);
+						if (this.linkage) {
+							text = [vals[this.tKey], vals2[this.tKey] || '', vals3[this.tKey] || ''];
+							value = [vals[this.vKey], vals2[this.vKey] || '', vals3[this.vKey] || ''];
+						} else {
+							text = [vals, vals2 || '', vals3 || ''];
+							value = [vals, vals2 || '', vals3 || ''];
+						}
+						result = text.join('');
+					} else {
+						const vals = this.getValue();
+						const vals2 = this.getValue(2);
+						const vals3 = this.getValue(3);
+						const vals4 = this.getValue(4);
+						if (this.linkage) {
+							text = [vals[this.tKey], vals2[this.tKey] || '', vals3[this.tKey] || '', vals4[this.tKey] ||
+								''
+							];
+							value = [vals[this.vKey], vals2[this.vKey] || '', vals3[this.vKey] || '', vals4[this.vKey] ||
+								''
+							];
+						} else {
+							text = [vals, vals2 || '', vals3 || '', vals4 || ''];
+							value = [vals, vals2 || '', vals3 || '', vals4 || ''];
+						}
+						result = text.join('');
+					}
+				}
+				// #ifdef APP-NVUE
+				this.nvueVals = [...this.vals];
+				// #endif
+				this.$emit('change', {
+					text: text,
+					value: value,
+					index: this.vals,
+					result: result,
+					param: this.param
+				})
+			},
+			waitForTrigger(index = 0) {
+				if (this.isEnd) {
+					this.emitChange()
+				} else {
+					index++
+					// #ifdef H5
+					if (index >= 10) {
+						this.isEnd = true
+					}
+					// #endif
+					// #ifndef H5
+					if (index >= 20) {
+						this.isEnd = true
+					}
+					// #endif
+					setTimeout(() => {
+						this.waitForTrigger(index)
+					}, 50)
+				}
+			},
+			btnConfirm(e) {
+				// #ifdef APP-NVUE
+				e.stopPropagation();
+				// #endif
+				setTimeout(() => {
+					if (this.isClose) {
+						this.isShow = false;
+					}
+					this.waitForTrigger()
+				}, 50)
+			},
+			pickerChange(e) {
+				let value = e.detail.value;
+				if (!this.isInitShow || value.length != this.layer) return;
+				if (this.linkage) {
+					if (this.layer == 1) {
+						this.setOneLayers(value)
+					} else if (this.layer == 2) {
+						this.setTwoLayers(value)
+					} else if (this.layer == 3) {
+						this.setThreeLayers(value)
+					} else {
+						this.setFourLayers(value)
+					}
+				} else {
+					this.vals = value;
+				}
+				this.isEnd = true;
+			},
+			pickerstart() {
+				this.isEnd = false
+			},
+			// #ifdef APP-NVUE
+			openPicker() {
+				setTimeout(() => {
+					this.vals = [...this.nvueVals];
+					this._animation(true);
+				}, 20);
+			},
+			closePicker() {
+				this._animation(false);
+			},
+			_transtion(ref, styles, duration, callback) {
+				animation.transition(
+					this.$refs[ref].ref, {
+						styles: styles,
+						duration: duration,
+						needLayout: false,
+						delay: 0
+					}, (e) => {
+						callback && callback()
+					});
+			},
+			_animation(type) {
+				if (!this.$refs['fui_pkm_ani'] || !this.$refs['fui_pk_ani']) return;
+				if (type) {
+					this._transtion('fui_pkm_ani', {
+						transform: 'translateX(0)'
+					}, 0, () => {
+						this._transtion('fui_pkm_ani', {
+							opacity: 1
+						}, 250)
+					})
+				} else {
+					this._transtion('fui_pkm_ani', {
+						opacity: 0
+					}, 250, () => {
+						this._transtion('fui_pkm_ani', {
+							transform: 'translateX(-100%)'
+						}, 0)
+					})
+				}
+				this._transtion('fui_pk_ani', {
+					transform: `translateY(${type ? '0' : '100%'})`
+				}, 250)
+			},
+			// #endif
+			stop(e) {
+				// #ifdef APP-NVUE
+				e.stopPropagation();
+				// #endif
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-picker__mask {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		/* #ifndef APP-NVUE */
+		transition: all 0.25s ease-in-out;
+		visibility: hidden;
+		opacity: 0;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		transition-property: opacity;
+		transition-timing-function: ease-in-out;
+		transition-duration: .25s;
+		opacity: 0.001;
+		/* #endif */
+	}
+
+	.fui-picker__mask-show {
+		/* #ifndef APP-NVUE */
+		visibility: visible;
+		/* #endif */
+		opacity: 1;
+	}
+
+	.fui-picker__content {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		visibility: hidden;
+		/* #endif */
+		position: fixed;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		/* #ifndef APP-NVUE */
+		transform: translate3d(0, 100%, 0);
+		transition: all 0.25s ease-in-out;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		transition-property: transform;
+		transition-duration: .25s;
+		transform: translateY(100%);
+		/* #endif */
+		transform-origin: center center;
+		flex-direction: column;
+		background: #fff;
+	}
+
+	.fui-picker__content-dark {
+		background: #222;
+	}
+
+	.fui-picker__content-show {
+		/* #ifndef APP-NVUE */
+		transform: translate3d(0, 0, 0);
+		visibility: visible;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		transform: translateY(0);
+		/* #endif */
+	}
+
+	.fui-picker__radius {
+		border-top-left-radius: 24rpx;
+		border-top-right-radius: 24rpx;
+		overflow: hidden;
+	}
+
+	.fui-picker__header {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+		height: 88rpx;
+		padding: 0 20rpx;
+		background: #fff;
+		position: relative;
+
+		/* #ifdef APP-NVUE */
+		border-bottom-width: 0.5px;
+		border-bottom-color: #eee;
+		border-bottom-style: solid;
+		/* #endif */
+	}
+
+	.fui-picker__header-dark {
+		background: #222;
+		border-bottom-color: #333;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-picker__header::after {
+		content: '';
+		position: absolute;
+		border-bottom: 1px solid #eee;
+		transform: scaleY(0.5) translateZ(0);
+		bottom: 0;
+		right: 0;
+		left: 0;
+	}
+
+	.fui-picker__header-dark::after {
+		border-bottom-color: #333;
+	}
+
+	/* #endif */
+
+	.fui-picker__btn-cancel,
+	.fui-picker__btn-sure {
+		font-weight: normal;
+		height: 88rpx;
+		padding: 0 24rpx;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		flex-shrink: 0;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+		/* #ifdef APP-NVUE  */
+		line-height: 88rpx;
+		/* #endif */
+
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-picker__btn-cancel:active {
+		opacity: .5;
+	}
+
+	.fui-picker__btn-sure:active {
+		opacity: .5;
+	}
+
+	.fui-picker__title {
+		font-weight: normal;
+		font-size: 28rpx;
+		flex: 1;
+		padding: 0 24rpx;
+		/* #ifdef APP-NVUE */
+		lines: 1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		display: block;
+		white-space: nowrap;
+		box-sizing: border-box;
+		/* #endif */
+		overflow: hidden;
+		text-overflow: ellipsis;
+		text-align: center;
+	}
+
+
+	.fui-pk__title-color {
+		color: #333333;
+	}
+
+	.fui-pk__title-color_dark {
+		color: #A3A3A3;
+	}
+
+	.fui-pk__cancel-color {
+		color: #181818;
+	}
+
+	.fui-pk__cancel-color_dark {
+		color: #D1D1D1;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-pk__sure-color {
+		color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+	.fui-picker__view {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+		height: 520rpx;
+	}
+
+	.fui-picker__text {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: block;
+		white-space: nowrap;
+		box-sizing: border-box;
+		/* #endif */
+		/* #ifndef MP-ALIPAY */
+		line-height: 44px;
+		/* #endif */
+		text-align: center;
+		font-size: 16px;
+		font-weight: normal;
+		color: #181818;
+		flex: 1;
+		/* #ifdef APP-NVUE */
+		lines: 1;
+		/* #endif */
+		overflow: hidden;
+		text-overflow: ellipsis;
+		padding: 0 4rpx;
+	}
+
+
+	.fui-picker__color-dark {
+		color: #D1D1D1;
+	}
+
+
+	/* #ifndef APP-NVUE*/
+	::v-deep .fui-picker__indicator {
+		position: relative;
+		border-color: transparent;
+	}
+
+	::v-deep .fui-picker__indicator::before {
+		border-color: #333;
+	}
+
+	::v-deep .fui-picker__indicator::after {
+		border-color: #333;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-poster-weex/fui-poster-weex.vue b/components/firstui/fui-poster-weex/fui-poster-weex.vue
new file mode 100644
index 0000000..e02b976
--- /dev/null
+++ b/components/firstui/fui-poster-weex/fui-poster-weex.vue
@@ -0,0 +1,648 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1  8 61  40 7   2 549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<gcanvas class="fui-poster__canvas" :ref="canvasId" :style="{ width: w + 'px', height: h + 'px'  }">
+	</gcanvas>
+</template>
+
+<script>
+	/*!
+	 * 生成海报
+	 * nvue端专用，需真机运行查看效果，其他端请使用fui-poster组件
+	 * poster - v1.0.0 (2021/7/19, 16:52:14 PM)
+	 *
+	 * 官网地址：https://firstui.cn/
+	 * 文档地址：https://doc.firstui.cn/
+	 */
+	import {
+		enable,
+		WeexBridge
+	} from './gcanvas/index.js';
+	export default {
+		name: "fui-poster-weex",
+		emits: ['ready'],
+		props: {
+			//画布宽度，单位rpx
+			width: {
+				type: [Number, String],
+				default: 750
+			},
+			//画布高度，单位rpx
+			height: {
+				type: [Number, String],
+				default: 1024
+			},
+			//像素比率，缩放比
+			pixelRatio: {
+				type: [Number, String],
+				default: 2
+			}
+		},
+		data() {
+			//如果小程序端无法识别，则使用固定值
+			const canvasId = `fui_${Math.ceil(Math.random() * 10e5).toString(36)}`
+			return {
+				canvasId,
+				w: 750,
+				h: 1024
+			};
+		},
+		watch: {
+			width(val) {
+				this.w = this._toPx(val)
+			},
+			height(val) {
+				this.h = this._toPx(val)
+			}
+		},
+		created() {
+			this.context = null;
+			this.w = this._toPx(this.width)
+			this.h = this._toPx(this.height)
+		},
+		mounted() {
+			this.$nextTick(()=>{
+				let ganvas = this.$refs[this.canvasId];
+				/*通过元素引用获取canvas对象*/
+				let canvasObj = enable(ganvas, {
+					bridge: WeexBridge
+				});
+				/*获取绘图所需的上下文，暂不支持3d*/
+				this.context = canvasObj.getContext('2d');
+				setTimeout(() => {
+					this.$emit('ready')
+				}, 50)
+			})
+		},
+		methods: {
+			_toPx(rpx) {
+				 // * Number(this.pixelRatio)
+				return uni.upx2px(Number(rpx))
+			},
+			_getTextWidth(context, text, fontSize) {
+				//measureText首次获取可能为空对象，.width为undefined
+				let width = context.measureText(text).width;
+				if (!width && width !== 0) {
+					let sum = 0;
+					for (let i = 0, len = text.length; i < len; i++) {
+						if (text.charCodeAt(i) >= 0 && text.charCodeAt(i) <= 255)
+							sum = sum + 1;
+						else
+							sum = sum + 2;
+					}
+					width = sum / 2 * this._toPx(fontSize)
+				}
+
+				return width
+			},
+			//canvas文字换行，rows=-1则不限制行数
+			_wrapText(text, fontSize, textWidth, width, context, rows = 2) {
+				let textArr = [];
+				if (textWidth > width) {
+					let fillText = '';
+					let lines = 1;
+					let arr = text.split('')
+					for (let i = 0, len = arr.length; i < len; i++) {
+						fillText = fillText + arr[i];
+						if (this._getTextWidth(context, fillText, fontSize) >= width) {
+							if (lines === rows && rows !== -1) {
+								if (i !== arr.length - 1) {
+									fillText = fillText.substring(0, fillText.length - 1) + '...';
+								}
+								textArr.push(fillText);
+								break;
+							}
+							textArr.push(fillText);
+							fillText = '';
+							lines++;
+						} else if (i === arr.length - 1) {
+							textArr.push(fillText);
+						}
+					}
+				} else {
+					textArr.push(text)
+				}
+				return textArr;
+			},
+			_drawText(context, params) {
+				let {
+					x,
+					y,
+					fontSize,
+					color,
+					baseLine = 'normal',
+					textAlign = 'left',
+					frontText,
+					frontSize,
+					spacing, //单位rpx
+					text,
+					opacity = 1,
+					lineThrough = false,
+					width, //单位rpx
+					rows = 1,
+					lineHeight = 0,
+					fontWeight = 'normal',
+					fontStyle = 'normal',
+					fontFamily = "sans-serif"
+				} = params;
+				const ratio = this.pixelRatio === 1 ? 2 : this.pixelRatio;
+				context.save();
+				context.beginPath();
+				context.font = fontStyle + " " + fontWeight + " " + this._toPx(fontSize) + "px " + fontFamily
+				context.setGlobalAlpha(opacity);
+				context.setFontSize(this._toPx(fontSize) * ratio);
+				context.setFillStyle(color);
+				context.setTextBaseline(baseLine);
+				context.setTextAlign(textAlign);
+				let textWidth = this._getTextWidth(context, text, fontSize);
+				width = this._toPx(width);
+				let textArr = this._wrapText(text, fontSize, textWidth, width, context, rows)
+				//如果文本前面有其他文本内容
+				if (frontText) {
+					context.setFontSize(this._toPx(frontSize) * ratio);
+					x = this._getTextWidth(context, frontText, frontSize) + this._toPx(x + spacing);
+					context.setFontSize(this._toPx(fontSize) * ratio);
+				} else {
+					x = this._toPx(x)
+				}
+				textArr.forEach((item, index) => {
+					context.fillText(item, x, this._toPx(y + (lineHeight || fontSize) * index))
+				})
+				context.restore();
+				if (lineThrough) {
+					let lineY = y;
+					// 根据baseLine的不同对贯穿线的Y坐标做相应调整
+					switch (baseLine) {
+						case 'top':
+							lineY += fontSize / 2 + 5;
+							break;
+						case 'middle':
+							break;
+						case 'bottom':
+							lineY -= fontSize / 2 + 5;
+							break;
+						default:
+							lineY -= fontSize / 2 - 5;
+							break;
+					}
+					context.save();
+					context.moveTo(x, this._toPx(lineY));
+					context.lineTo(x + textWidth + 2, this._toPx(lineY));
+					context.setStrokeStyle(color);
+					context.stroke();
+					context.restore();
+				}
+			},
+			_drawRadiusRect(context, params) {
+				let {
+					x,
+					y,
+					width,
+					height,
+					borderRadius
+				} = params;
+				let r = this._toPx(borderRadius / 2);
+
+				x = this._toPx(x)
+				y = this._toPx(y)
+				width = this._toPx(width)
+				height = this._toPx(height)
+
+				context.beginPath();
+				context.arc(x + r, y + r, r, Math.PI, Math.PI * 1.5);
+				context.moveTo(x + r, y);
+				context.lineTo(x + width - r, y);
+				context.lineTo(x + width, y + r);
+
+				context.arc(x + width - r, y + r, r, Math.PI * 1.5, Math.PI * 2);
+				context.lineTo(x + width, y + height - r);
+				context.lineTo(x + width - r, y + height);
+
+				context.arc(x + width - r, y + height - r, r, 0, Math.PI * 0.5);
+				context.lineTo(x + r, y + height);
+				context.lineTo(x, y + height - r);
+
+				context.arc(x + r, y + height - r, r, Math.PI * 0.5, Math.PI);
+				context.lineTo(x, y + r);
+				context.lineTo(x + r, y);
+			},
+			_drawImage(context, params) {
+				let {
+					imgResource,
+					x,
+					y,
+					width,
+					height,
+					sx,
+					sy,
+					sw,
+					sh,
+					borderRadius = 0,
+					borderWidth = 0,
+					borderColor
+				} = params;
+				context.save();
+				if (borderRadius > 0) {
+					this._drawRadiusRect(context, params);
+					context.strokeStyle = 'rgba(255,255,255,0)';
+					context.stroke();
+					context.clip();
+				}
+				if (sw && sh) {
+					//根据画布的宽高计算出图片绘制的大小，可保证图片绘制不变形
+					//暂时未使用此api，后期如果有需要再进行优化
+					context.drawImage(imgResource, this._toPx(sx), this._toPx(sy), this._toPx(sw), this._toPx(sh),
+						this._toPx(x), this._toPx(y), this._toPx(width), this._toPx(height));
+				} else {
+					context.drawImage(imgResource, this._toPx(x), this._toPx(y), this._toPx(width), this._toPx(
+						height))
+				}
+
+				if (borderWidth > 0) {
+					context.setStrokeStyle(borderColor);
+					context.setLineWidth(this._toPx(borderWidth));
+					context.stroke();
+				}
+				context.restore();
+			},
+			_drawBlock(context, params) {
+				let {
+					width,
+					height,
+					x,
+					y,
+					borderWidth,
+					backgroundColor,
+					gradientColor,
+					gradientType = 1,
+					borderColor,
+					borderRadius = 0,
+					opacity = 1
+				} = params;
+				if (backgroundColor) {
+					context.save();
+					context.setGlobalAlpha(opacity);
+					if (gradientColor) {
+						let grd = null;
+						if (gradientType == 1) {
+							//从上到下
+							grd = context.createLinearGradient(0, 0, this._toPx(width), this._toPx(height))
+						} else {
+							//从左到右
+							grd = context.createLinearGradient(0, this._toPx(width), this._toPx(height), 0)
+						}
+						grd.addColorStop(0, backgroundColor)
+						grd.addColorStop(1, gradientColor)
+						// Fill with gradient
+						context.setFillStyle(grd);
+					} else {
+						context.setFillStyle(backgroundColor);
+					}
+
+					//nvue不支持setShadow
+
+					if (borderRadius > 0) {
+						// 画圆角矩形
+						this._drawRadiusRect(context, params);
+						context.fill();
+					} else {
+						context.fillRect(this._toPx(x), this._toPx(y), this._toPx(width), this._toPx(height));
+					}
+					context.restore();
+				}
+				if (borderWidth) {
+					// 画线
+					context.save();
+					context.setGlobalAlpha(opacity);
+					context.setStrokeStyle(borderColor);
+					context.setLineWidth(this._toPx(borderWidth));
+					if (borderRadius > 0) {
+						// 画圆角矩形边框
+						this._drawRadiusRect(context, params);
+						context.stroke();
+					} else {
+						context.strokeRect(this._toPx(x), this._toPx(y), this._toPx(width), this._toPx(height));
+					}
+					context.restore();
+				}
+
+			},
+			_drawLine(context, params) {
+				let {
+					x,
+					y,
+					endX,
+					endY,
+					color,
+					width
+				} = params;
+				context.save();
+				context.beginPath();
+				context.setStrokeStyle(color);
+				context.setLineWidth(this._toPx(width));
+				context.moveTo(this._toPx(x), this._toPx(y));
+				context.lineTo(this._toPx(endX), this._toPx(endY));
+				context.stroke();
+				context.closePath();
+				context.restore();
+			},
+			//ios用户拒绝相册访问 ，引导用户到设置页面，开启相册访问权限
+			//-1=未请求  1 = 已允许，0 = 拒绝|受限
+			_judgeIosPermissionPhotoLibrary() {
+				var result = 0;
+				var PHPhotoLibrary = plus.ios.import("PHPhotoLibrary");
+				var authStatus = PHPhotoLibrary.authorizationStatus();
+				if (authStatus === 0) {
+					result = -1;
+				} else if (authStatus == 3) {
+					result = 1;
+					console.log("相册权限已经开启");
+				} else {
+					result = 0;
+					console.log("相册权限没有开启");
+				}
+				plus.ios.deleteObject(PHPhotoLibrary);
+				return result;
+			},
+			// Android权限查询
+			_requestAndroidPermission(permissionID) {
+				return new Promise((resolve, reject) => {
+					plus.android.requestPermissions(
+						// 理论上支持多个权限同时查询，本函数封装只处理了一个权限的情况。有需要的可自行扩展封装
+						[permissionID],
+						function(resultObj) {
+							var result = 0;
+							for (var i = 0; i < resultObj.granted.length; i++) {
+								var grantedPermission = resultObj.granted[i];
+								console.log('已获取的权限：' + grantedPermission);
+								result = 1
+							}
+							for (var i = 0; i < resultObj.deniedPresent.length; i++) {
+								var deniedPresentPermission = resultObj.deniedPresent[i];
+								console.log('拒绝本次申请的权限：' + deniedPresentPermission);
+								result = 0
+							}
+							for (var i = 0; i < resultObj.deniedAlways.length; i++) {
+								var deniedAlwaysPermission = resultObj.deniedAlways[i];
+								console.log('永久拒绝申请的权限：' + deniedAlwaysPermission);
+								result = -1
+							}
+							resolve(result);
+							// 若所需权限被拒绝,则打开APP设置界面,可以在APP设置界面打开相应权限
+						},
+						function(error) {
+							console.log('申请权限错误：' + error.code + " = " + error.message);
+							resolve({
+								code: error.code,
+								message: error.message
+							});
+						}
+					);
+				});
+			},
+			// 跳转到**应用**的权限页面
+			_gotoAppPermissionSetting(isAndroid) {
+				if (!isAndroid) {
+					var UIApplication = plus.ios.import("UIApplication");
+					var application2 = UIApplication.sharedApplication();
+					var NSURL2 = plus.ios.import("NSURL");
+					// var setting2 = NSURL2.URLWithString("prefs:root=LOCATION_SERVICES");
+					var setting2 = NSURL2.URLWithString("app-settings:");
+					application2.openURL(setting2);
+
+					plus.ios.deleteObject(setting2);
+					plus.ios.deleteObject(NSURL2);
+					plus.ios.deleteObject(application2);
+				} else {
+					// console.log(plus.device.vendor);
+					var Intent = plus.android.importClass("android.content.Intent");
+					var Settings = plus.android.importClass("android.provider.Settings");
+					var Uri = plus.android.importClass("android.net.Uri");
+					var mainActivity = plus.android.runtimeMainActivity();
+					var intent = new Intent();
+					intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS);
+					var uri = Uri.fromParts("package", mainActivity.getPackageName(), null);
+					intent.setData(uri);
+					mainActivity.startActivity(intent);
+				}
+			},
+			_modal: function(callback, confirmColor, confirmText) {
+				uni.showModal({
+					title: '提示',
+					content: '您还没有开启相册权限，是否立即设置？',
+					showCancel: true,
+					cancelColor: '#B2B2B2',
+					confirmColor: confirmColor || "#181818",
+					confirmText: confirmText || "确定",
+					success(res) {
+						if (res.confirm) {
+							callback && callback(true)
+						} else {
+							callback && callback(false)
+						}
+					}
+				})
+			},
+			//相册权限查询，如果没有权限则提示打开设置页面
+			_judgePermissionPhotoLibrary: async function(callback) {
+				const res = uni.getSystemInfoSync();
+				let result;
+				let isAndroid = res.platform.toLocaleLowerCase() == "android";
+				if (isAndroid) {
+					result = await this._requestAndroidPermission('android.permission.WRITE_EXTERNAL_STORAGE')
+				} else {
+					result = this._judgeIosPermissionPhotoLibrary()
+				}
+				if (result == 1) {
+					callback && callback(true)
+				} else {
+					if (!(!isAndroid && result == -1)) {
+						this._modal((res) => {
+							if (res) {
+								this._gotoAppPermissionSetting(isAndroid)
+							}
+						})
+					} else {
+						callback && callback(true)
+					}
+				}
+			},
+			_getPosterData(texts, blocks, lines, imgs) {
+				let queue = [].concat(texts.map((item) => {
+					item.type = 'text';
+					item.zIndex = item.zIndex || 0;
+					return item;
+				})).concat(blocks.map((item) => {
+					item.type = 'block';
+					item.zIndex = item.zIndex || 0;
+					return item;
+				})).concat(lines.map((item) => {
+					item.type = 'line';
+					item.zIndex = item.zIndex || 0;
+					return item;
+				})).concat(imgs.map((item) => {
+					item.type = 'image';
+					item.zIndex = item.zIndex || 0;
+					return item;
+				}));
+				// 按照顺序排序
+				queue.sort((a, b) => a.zIndex - b.zIndex);
+				return queue;
+			},
+			_getImage(url) {
+				return new Promise((resolve, reject) => {
+					uni.downloadFile({
+						url: url,
+						success: res => {
+							resolve(res.tempFilePath);
+						},
+						fail: res => {
+							reject(false)
+						}
+					})
+				})
+			},
+			_getImagebyBase64(base64) {
+				//使用前先查看支持平台
+				const uniqueId = `fui_${Math.ceil(Math.random() * 10e5).toString(36)}`
+				return new Promise((resolve, reject) => {
+					let bitmap = new plus.nativeObj.Bitmap(uniqueId);
+					bitmap.loadBase64Data(base64, function() {
+						//console.log("加载Base64图片数据成功");
+						bitmap.save(`_doc/${uniqueId}.png`, {}, function(e) {
+							//console.log('保存图片成功：' + JSON.stringify(i));
+							let target = e.target; // 保存后的图片url路径，以"file://"开头
+							resolve(target);
+						}, function(e) {
+							console.log('保存图片失败：' + JSON.stringify(e));
+							reject(false)
+						});
+					}, function() {
+						console.log('加载Base64图片数据失败：' + JSON.stringify(e));
+						reject(false)
+					});
+				})
+			},
+			_generatePoster(cw, ch, queue, callback) {
+				const context = this.context;
+				if (context) {
+					context.clearRect(0, 0, this._toPx(cw), this._toPx(ch))
+					queue.forEach((params) => {
+						if (params.type === 'image') {
+							this._drawImage(context, params)
+						} else if (params.type === 'text') {
+							this._drawText(context, params)
+						} else if (params.type === 'block') {
+							this._drawBlock(context, params)
+						} else if (params.type === 'line') {
+							this._drawLine(context, params)
+						}
+					});
+					const sys = uni.getSystemInfoSync();
+					let time = 100;
+					if (sys.platform === 'android') {
+						time = 300;
+					}
+					context.draw(false, () => {
+						const ratio = sys.pixelRatio === 1 ? 2 : sys.pixelRatio;
+						setTimeout(() => {
+							context.toTempFilePath(
+								0,
+								0,
+								this.w * ratio,
+								this.h * ratio,
+								this.w * ratio,
+								this.h * ratio,
+								"png",
+								1,
+								function(res) {
+									callback && callback(res.tempFilePath)
+								}
+							)
+						}, time)
+					})
+				} else {
+					callback && callback(false)
+				}
+			},
+			//生成海报
+			generatePoster(params, callback) {
+				let {
+					texts = [], imgs = [], blocks = [], lines = []
+				} = params;
+				//需要看平台支持情况，如果对应平台不支持将会绘制失败
+				//图片处理 type：1-无需处理（base64或者网络路径，需在平台支持下），2-网络图片，下载 3-base64转本地图片
+				if (imgs.length > 0) {
+					let funcArr = []
+					let idxArr = []
+					imgs.forEach((item, index) => {
+						if (item.type == 2) {
+							funcArr.push(this._getImage(item.imgResource))
+							idxArr.push(index)
+						}
+						// #ifdef APP-PLUS || H5 || MP-WEIXIN
+						if (item.type == 3) {
+							funcArr.push(this._getImagebyBase64(item.imgResource))
+							idxArr.push(index)
+						}
+						// #endif
+					})
+					if (funcArr.length > 0) {
+						Promise.all(funcArr).then(res => {
+							res.forEach((imgRes, idx) => {
+								let item = imgs[idxArr[idx]]
+								item.imgResource = imgRes
+							})
+							const queue = this._getPosterData(texts, blocks, lines, imgs);
+							this._generatePoster(this.width, this.height, queue, callback)
+
+						}).catch(err => {
+							console.log(err)
+							uni.showToast({
+								title: '图片资源处理失败',
+								icon: 'none'
+							})
+						})
+					} else {
+						const queue = this._getPosterData(texts, blocks, lines, imgs);
+						this._generatePoster(this.width, this.height, queue, callback)
+					}
+				} else {
+					const queue = this._getPosterData(texts, blocks, lines, imgs);
+					this._generatePoster(this.width, this.height, queue, callback)
+				}
+			},
+			// 将海报图片保存到本地
+			saveImage(filePath) {
+				//检查是否授权相册权限
+				this._judgePermissionPhotoLibrary((res) => {
+					//保存图片
+					if (res) {
+						uni.saveImageToPhotosAlbum({
+							filePath: filePath,
+							success(res) {
+								uni.showToast({
+									title: '图片保存成功',
+									icon: 'none'
+								})
+							},
+							fail(res) {
+								uni.showToast({
+									title: '图片保存失败',
+									icon: 'none'
+								})
+							}
+						})
+					}
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-poster__canvas {
+		position: fixed;
+		left: -6666px;
+		bottom: 0;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-poster-weex/gcanvas/bridge/bridge-weex.js b/components/firstui/fui-poster-weex/gcanvas/bridge/bridge-weex.js
new file mode 100644
index 0000000..fbf773c
--- /dev/null
+++ b/components/firstui/fui-poster-weex/gcanvas/bridge/bridge-weex.js
@@ -0,0 +1,242 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1   8614    07  25 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+const isWeex = typeof WXEnvironment !== 'undefined';
+const isWeexIOS = isWeex && /ios/i.test(WXEnvironment.platform);
+const isWeexAndroid = isWeex && !isWeexIOS;
+
+import GLmethod from '../context-webgl/GLmethod';
+
+const GCanvasModule =
+    (typeof weex !== 'undefined' && weex.requireModule) ? (weex.requireModule('gcanvas')) :
+        (typeof __weex_require__ !== 'undefined') ? (__weex_require__('@weex-module/gcanvas')) : {};
+
+let isDebugging = false;
+
+let isComboDisabled = false;
+
+const logCommand = (function () {
+    const methodQuery = [];
+    Object.keys(GLmethod).forEach(key => {
+        methodQuery[GLmethod[key]] = key;
+    })
+    const queryMethod = (id) => {
+        return methodQuery[parseInt(id)] || 'NotFoundMethod';
+    }
+    const logCommand = (id, cmds) => {
+        const mId = cmds.split(',')[0];
+        const mName = queryMethod(mId);
+        console.log(`=== callNative - componentId:${id}; method: ${mName}; cmds: ${cmds}`);
+    }
+    return logCommand;
+})();
+
+function joinArray(arr, sep) {
+    let res = '';
+    for (let i = 0; i < arr.length; i++) {
+        if (i !== 0) {
+            res += sep;
+        }
+        res += arr[i];
+    }
+    return res;
+}
+
+const commandsCache = {}
+
+const GBridge = {
+
+    callEnable: (ref, configArray) => {
+
+        commandsCache[ref] = [];
+
+        return GCanvasModule.enable({
+            componentId: ref,
+            config: configArray
+        });
+    },
+
+    callEnableDebug: () => {
+        isDebugging = true;
+    },
+
+    callEnableDisableCombo: () => {
+        isComboDisabled = true;
+    },
+
+    callSetContextType: function (componentId, context_type) {
+        GCanvasModule.setContextType(context_type, componentId);
+    },
+
+    callReset: function(id){
+        GCanvasModule.resetComponent && canvasModule.resetComponent(componentId);
+    },
+
+    render: isWeexIOS ? function (componentId) {
+        return GCanvasModule.extendCallNative({
+            contextId: componentId,
+            type: 0x60000001
+        });
+    } : function (componentId) {
+        return callGCanvasLinkNative(componentId, 0x60000001, 'render');
+    },
+
+    render2d: isWeexIOS ? function (componentId, commands, callback) {
+
+        if (isDebugging) {
+            console.log('>>> >>> render2d ===');
+            console.log('>>> commands: ' + commands);
+        }
+
+        GCanvasModule.render([commands, callback?true:false], componentId, callback);
+
+    } : function (componentId, commands,callback) {
+
+        if (isDebugging) {
+            console.log('>>> >>> render2d ===');
+            console.log('>>> commands: ' + commands);
+        }
+
+        callGCanvasLinkNative(componentId, 0x20000001, commands);
+		if(callback){
+		callback();
+		}
+    },
+
+    callExtendCallNative: isWeexIOS ? function (componentId, cmdArgs) {
+
+        throw 'should not be here anymore ' + cmdArgs;
+
+    } : function (componentId, cmdArgs) {
+
+        throw 'should not be here anymore ' + cmdArgs;
+
+    },
+
+
+    flushNative: isWeexIOS ? function (componentId) {
+
+        const cmdArgs = joinArray(commandsCache[componentId], ';');
+        commandsCache[componentId] = [];
+
+        if (isDebugging) {
+            console.log('>>> >>> flush native ===');
+            console.log('>>> commands: ' + cmdArgs);
+        }
+
+        const result = GCanvasModule.extendCallNative({
+            "contextId": componentId,
+            "type": 0x60000000,
+            "args": cmdArgs
+        });
+
+        const res = result && result.result;
+
+        if (isDebugging) {
+            console.log('>>> result: ' + res);
+        }
+
+        return res;
+
+    } : function (componentId) {
+
+        const cmdArgs = joinArray(commandsCache[componentId], ';');
+        commandsCache[componentId] = [];
+
+        if (isDebugging) {
+            console.log('>>> >>> flush native ===');
+            console.log('>>> commands: ' + cmdArgs);
+        }
+
+        const result = callGCanvasLinkNative(componentId, 0x60000000, cmdArgs);
+
+        if (isDebugging) {
+            console.log('>>> result: ' + result);
+        }
+
+        return result;
+    },
+
+    callNative: function (componentId, cmdArgs, cache) {
+
+        if (isDebugging) {
+            logCommand(componentId, cmdArgs);
+        }
+
+        commandsCache[componentId].push(cmdArgs);
+
+        if (!cache || isComboDisabled) {
+            return GBridge.flushNative(componentId);
+        } else {
+            return undefined;
+        }
+    },
+
+    texImage2D(componentId, ...args) {
+        if (isWeexIOS) {
+            if (args.length === 6) {
+                const [target, level, internalformat, format, type, image] = args;
+                GBridge.callNative(
+                    componentId,
+                    GLmethod.texImage2D + ',' + 6 + ',' + target + ',' + level + ',' + internalformat + ',' + format + ',' + type + ',' + image.src
+                )
+            } else if (args.length === 9) {
+                const [target, level, internalformat, width, height, border, format, type, image] = args;
+                GBridge.callNative(
+                    componentId,
+                    GLmethod.texImage2D + ',' + 9 + ',' + target + ',' + level + ',' + internalformat + ',' + width + ',' + height + ',' + border + ',' +
+                    + format + ',' + type + ',' + (image ? image.src : 0)
+                )
+            }
+        } else if (isWeexAndroid) {
+            if (args.length === 6) {
+                const [target, level, internalformat, format, type, image] = args;
+                GCanvasModule.texImage2D(componentId, target, level, internalformat, format, type, image.src);
+            } else if (args.length === 9) {
+                const [target, level, internalformat, width, height, border, format, type, image] = args;
+                GCanvasModule.texImage2D(componentId, target, level, internalformat, width, height, border, format, type, (image ? image.src : 0));
+            }
+        }
+    },
+
+    texSubImage2D(componentId, target, level, xoffset, yoffset, format, type, image) {
+        if (isWeexIOS) {
+            if (arguments.length === 8) {
+                GBridge.callNative(
+                    componentId,
+                    GLmethod.texSubImage2D + ',' + 6 + ',' + target + ',' + level + ',' + xoffset + ',' + yoffset, + ',' + format + ',' + type + ',' + image.src
+                )
+            }
+        } else if (isWeexAndroid) {
+            GCanvasModule.texSubImage2D(componentId, target, level, xoffset, yoffset, format, type, image.src);
+        }
+    },
+
+    bindImageTexture(componentId, src, imageId) {
+        GCanvasModule.bindImageTexture([src, imageId], componentId);
+    },
+
+    perloadImage([url, id], callback) {
+        GCanvasModule.preLoadImage([url, id], function (image) {
+            image.url = url;
+            image.id = id;
+            callback(image);
+        });
+    },
+
+	measureText(text, fontStyle, componentId) {
+	    return GCanvasModule.measureText([text, fontStyle], componentId);
+	},
+
+	getImageData (componentId, x, y, w, h, callback) {
+		GCanvasModule.getImageData([x, y,w,h],componentId,callback);
+	},
+
+	putImageData (componentId, data, x, y, w, h, callback) {
+		GCanvasModule.putImageData([x, y,w,h,data],componentId,callback);
+	},
+
+	toTempFilePath(componentId, x, y, width, height, destWidth, destHeight, fileType, quality, callback){
+		GCanvasModule.toTempFilePath([x, y, width,height, destWidth, destHeight, fileType, quality], componentId, callback);
+	}
+}
+
+export default GBridge;
\ No newline at end of file
diff --git a/components/firstui/fui-poster-weex/gcanvas/context-2d/FillStyleLinearGradient.js b/components/firstui/fui-poster-weex/gcanvas/context-2d/FillStyleLinearGradient.js
new file mode 100644
index 0000000..c0a3078
--- /dev/null
+++ b/components/firstui/fui-poster-weex/gcanvas/context-2d/FillStyleLinearGradient.js
@@ -0,0 +1,19 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  1  8 61 40725  4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+class FillStyleLinearGradient {
+
+    constructor(x0, y0, x1, y1) {
+        this._start_pos = { _x: x0, _y: y0 };
+        this._end_pos = { _x: x1, _y: y1 };
+        this._stop_count = 0;
+        this._stops = [0, 0, 0, 0, 0];
+    }
+
+    addColorStop = function (pos, color) {
+        if (this._stop_count < 5 && 0.0 <= pos && pos <= 1.0) {
+            this._stops[this._stop_count] = { _pos: pos, _color: color };
+            this._stop_count++;
+        }
+    }
+}
+
+export default FillStyleLinearGradient;
\ No newline at end of file
diff --git a/components/firstui/fui-poster-weex/gcanvas/context-2d/FillStylePattern.js b/components/firstui/fui-poster-weex/gcanvas/context-2d/FillStylePattern.js
new file mode 100644
index 0000000..e4b042e
--- /dev/null
+++ b/components/firstui/fui-poster-weex/gcanvas/context-2d/FillStylePattern.js
@@ -0,0 +1,9 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18 61 4 0     725 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+class FillStylePattern {
+    constructor(img, pattern) {
+        this._style = pattern;
+        this._img = img;
+    }
+}
+
+export default FillStylePattern;
\ No newline at end of file
diff --git a/components/firstui/fui-poster-weex/gcanvas/context-2d/FillStyleRadialGradient.js b/components/firstui/fui-poster-weex/gcanvas/context-2d/FillStyleRadialGradient.js
new file mode 100644
index 0000000..7e9c980
--- /dev/null
+++ b/components/firstui/fui-poster-weex/gcanvas/context-2d/FillStyleRadialGradient.js
@@ -0,0 +1,18 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  18  6 1  4072 54  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+class FillStyleRadialGradient {
+    constructor(x0, y0, r0, x1, y1, r1) {
+        this._start_pos = { _x: x0, _y: y0, _r: r0 };
+        this._end_pos = { _x: x1, _y: y1, _r: r1 };
+        this._stop_count = 0;
+        this._stops = [0, 0, 0, 0, 0];
+    }
+
+    addColorStop(pos, color) {
+        if (this._stop_count < 5 && 0.0 <= pos && pos <= 1.0) {
+            this._stops[this._stop_count] = { _pos: pos, _color: color };
+            this._stop_count++;
+        }
+    }
+}
+
+export default FillStyleRadialGradient;
\ No newline at end of file
diff --git a/components/firstui/fui-poster-weex/gcanvas/context-2d/RenderingContext.js b/components/firstui/fui-poster-weex/gcanvas/context-2d/RenderingContext.js
new file mode 100644
index 0000000..02fd83a
--- /dev/null
+++ b/components/firstui/fui-poster-weex/gcanvas/context-2d/RenderingContext.js
@@ -0,0 +1,667 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 86 14  07 25  4   9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import FillStylePattern from './FillStylePattern';
+import FillStyleLinearGradient from './FillStyleLinearGradient';
+import FillStyleRadialGradient from './FillStyleRadialGradient';
+import GImage from '../env/image.js';
+import {
+	ArrayBufferToBase64,
+	Base64ToUint8ClampedArray
+} from '../env/tool.js';
+
+export default class CanvasRenderingContext2D {
+
+	_drawCommands = '';
+
+	_globalAlpha = 1.0;
+
+	_fillStyle = 'rgb(0,0,0)';
+	_strokeStyle = 'rgb(0,0,0)';
+
+	_lineWidth = 1;
+	_lineCap = 'butt';
+	_lineJoin = 'miter';
+
+	_miterLimit = 10;
+
+	_globalCompositeOperation = 'source-over';
+
+	_textAlign = 'start';
+	_textBaseline = 'alphabetic';
+
+	_font = '10px sans-serif';
+
+	_savedGlobalAlpha = [];
+
+	timer = null;
+	componentId = null;
+
+	_notCommitDrawImageCache = [];
+	_needRedrawImageCache = [];
+	_redrawCommands = '';
+	_autoSaveContext = true;
+	// _imageMap = new GHashMap();
+	// _textureMap = new GHashMap();
+
+	constructor() {
+		this.className = 'CanvasRenderingContext2D';
+		//this.save()
+	}
+
+	setFillStyle(value) {
+		this.fillStyle = value;
+	}
+
+	set fillStyle(value) {
+		this._fillStyle = value;
+
+		if (typeof(value) == 'string') {
+			this._drawCommands = this._drawCommands.concat("F" + value + ";");
+		} else if (value instanceof FillStylePattern) {
+			const image = value._img;
+			if (!image.complete) {
+				image.onload = () => {
+					var index = this._needRedrawImageCache.indexOf(image);
+					if (index > -1) {
+						this._needRedrawImageCache.splice(index, 1);
+						CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+						this._redrawflush(true);
+					}
+				}
+				this._notCommitDrawImageCache.push(image);
+			} else {
+				CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+			}
+
+			//CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+			this._drawCommands = this._drawCommands.concat("G" + image._id + "," + value._style + ";");
+		} else if (value instanceof FillStyleLinearGradient) {
+			var command = "D" + value._start_pos._x.toFixed(2) + "," + value._start_pos._y.toFixed(2) + "," +
+				value._end_pos._x.toFixed(2) + "," + value._end_pos._y.toFixed(2) + "," +
+				value._stop_count;
+			for (var i = 0; i < value._stop_count; ++i) {
+				command += ("," + value._stops[i]._pos + "," + value._stops[i]._color);
+			}
+			this._drawCommands = this._drawCommands.concat(command + ";");
+		} else if (value instanceof FillStyleRadialGradient) {
+			var command = "H" + value._start_pos._x.toFixed(2) + "," + value._start_pos._y.toFixed(2) + "," + value._start_pos._r
+				.toFixed(2) + "," +
+				value._end_pos._x.toFixed(2) + "," + value._end_pos._y.toFixed(2) + "," + value._end_pos._r.toFixed(2) + "," +
+				value._stop_count;
+			for (var i = 0; i < value._stop_count; ++i) {
+				command += ("," + value._stops[i]._pos + "," + value._stops[i]._color);
+			}
+			this._drawCommands = this._drawCommands.concat(command + ";");
+		}
+	}
+
+	get fillStyle() {
+		return this._fillStyle;
+	}
+
+	get globalAlpha() {
+		return this._globalAlpha;
+	}
+
+	setGlobalAlpha(value) {
+		this.globalAlpha = value;
+	}
+
+	set globalAlpha(value) {
+		this._globalAlpha = value;
+		this._drawCommands = this._drawCommands.concat("a" + value.toFixed(2) + ";");
+	}
+
+
+	get strokeStyle() {
+		return this._strokeStyle;
+	}
+
+	setStrokeStyle(value) {
+		this.strokeStyle = value;
+	}
+
+	set strokeStyle(value) {
+
+		this._strokeStyle = value;
+
+		if (typeof(value) == 'string') {
+			this._drawCommands = this._drawCommands.concat("S" + value + ";");
+		} else if (value instanceof FillStylePattern) {
+			CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+			this._drawCommands = this._drawCommands.concat("G" + image._id + "," + value._style + ";");
+		} else if (value instanceof FillStyleLinearGradient) {
+			var command = "D" + value._start_pos._x.toFixed(2) + "," + value._start_pos._y.toFixed(2) + "," +
+				value._end_pos._x.toFixed(2) + "," + value._end_pos._y.toFixed(2) + "," +
+				value._stop_count;
+
+			for (var i = 0; i < value._stop_count; ++i) {
+				command += ("," + value._stops[i]._pos + "," + value._stops[i]._color);
+			}
+			this._drawCommands = this._drawCommands.concat(command + ";");
+		} else if (value instanceof FillStyleRadialGradient) {
+			var command = "H" + value._start_pos._x.toFixed(2) + "," + value._start_pos._y.toFixed(2) + "," + value._start_pos._r
+				.toFixed(2) + "," +
+				value._end_pos._x.toFixed(2) + "," + value._end_pos._y + ",".toFixed(2) + value._end_pos._r.toFixed(2) + "," +
+				value._stop_count;
+
+			for (var i = 0; i < value._stop_count; ++i) {
+				command += ("," + value._stops[i]._pos + "," + value._stops[i]._color);
+			}
+			this._drawCommands = this._drawCommands.concat(command + ";");
+		}
+	}
+
+	get lineWidth() {
+		return this._lineWidth;
+	}
+
+	setLineWidth(value) {
+		this.lineWidth = value;
+	}
+
+	set lineWidth(value) {
+		this._lineWidth = value;
+		this._drawCommands = this._drawCommands.concat("W" + value + ";");
+	}
+
+	get lineCap() {
+		return this._lineCap;
+	}
+
+	setLineCap(value) {
+		this.lineCap = value;
+	}
+
+	set lineCap(value) {
+		this._lineCap = value;
+		this._drawCommands = this._drawCommands.concat("C" + value + ";");
+	}
+
+	get lineJoin() {
+		return this._lineJoin;
+	}
+
+	setLineJoin(value) {
+		this.lineJoin = value
+	}
+
+	set lineJoin(value) {
+		this._lineJoin = value;
+		this._drawCommands = this._drawCommands.concat("J" + value + ";");
+	}
+
+	get miterLimit() {
+		return this._miterLimit;
+	}
+
+	setMiterLimit(value) {
+		this.miterLimit = value
+	}
+
+	set miterLimit(value) {
+		this._miterLimit = value;
+		this._drawCommands = this._drawCommands.concat("M" + value + ";");
+	}
+
+	get globalCompositeOperation() {
+		return this._globalCompositeOperation;
+	}
+
+	set globalCompositeOperation(value) {
+
+		this._globalCompositeOperation = value;
+		let mode = 0;
+		switch (value) {
+			case "source-over":
+				mode = 0;
+				break;
+			case "source-atop":
+				mode = 5;
+				break;
+			case "source-in":
+				mode = 0;
+				break;
+			case "source-out":
+				mode = 2;
+				break;
+			case "destination-over":
+				mode = 4;
+				break;
+			case "destination-atop":
+				mode = 4;
+				break;
+			case "destination-in":
+				mode = 4;
+				break;
+			case "destination-out":
+				mode = 3;
+				break;
+			case "lighter":
+				mode = 1;
+				break;
+			case "copy":
+				mode = 2;
+				break;
+			case "xor":
+				mode = 6;
+				break;
+			default:
+				mode = 0;
+		}
+
+		this._drawCommands = this._drawCommands.concat("B" + mode + ";");
+	}
+
+	get textAlign() {
+		return this._textAlign;
+	}
+
+	setTextAlign(value) {
+		this.textAlign = value
+	}
+
+	set textAlign(value) {
+
+		this._textAlign = value;
+		let Align = 0;
+		switch (value) {
+			case "start":
+				Align = 0;
+				break;
+			case "end":
+				Align = 1;
+				break;
+			case "left":
+				Align = 2;
+				break;
+			case "center":
+				Align = 3;
+				break;
+			case "right":
+				Align = 4;
+				break;
+			default:
+				Align = 0;
+		}
+
+		this._drawCommands = this._drawCommands.concat("A" + Align + ";");
+	}
+
+	get textBaseline() {
+		return this._textBaseline;
+	}
+
+	setTextBaseline(value) {
+		this.textBaseline = value
+	}
+
+	set textBaseline(value) {
+		this._textBaseline = value;
+		let baseline = 0;
+		switch (value) {
+			case "alphabetic":
+				baseline = 0;
+				break;
+			case "middle":
+				baseline = 1;
+				break;
+			case "top":
+				baseline = 2;
+				break;
+			case "hanging":
+				baseline = 3;
+				break;
+			case "bottom":
+				baseline = 4;
+				break;
+			case "ideographic":
+				baseline = 5;
+				break;
+			default:
+				baseline = 0;
+				break;
+		}
+
+		this._drawCommands = this._drawCommands.concat("E" + baseline + ";");
+	}
+
+	get font() {
+		return this._font;
+	}
+
+	setFontSize(size) {
+		var str = this._font;
+		var strs = str.trim().split(/\s+/);
+		for (var i = 0; i < strs.length; i++) {
+			var values = ["normal", "italic", "oblique", "normal", "small-caps", "normal", "bold",
+				"bolder", "lighter", "100", "200", "300", "400", "500", "600", "700", "800", "900",
+				"normal", "ultra-condensed", "extra-condensed", "condensed", "semi-condensed",
+				"semi-expanded", "expanded", "extra-expanded", "ultra-expanded"
+			];
+
+			if (-1 == values.indexOf(strs[i].trim())) {
+				if (typeof size === 'string') {
+					strs[i] = size;
+				} else if (typeof size === 'number') {
+					strs[i] = String(size) + 'px';
+				}
+				break;
+			}
+		}
+		this.font = strs.join(" ");
+	}
+
+	set font(value) {
+		this._font = value;
+		this._drawCommands = this._drawCommands.concat("j" + value + ";");
+	}
+
+	setTransform(a, b, c, d, tx, ty) {
+		this._drawCommands = this._drawCommands.concat("t" +
+			(a === 1 ? "1" : a.toFixed(2)) + "," +
+			(b === 0 ? "0" : b.toFixed(2)) + "," +
+			(c === 0 ? "0" : c.toFixed(2)) + "," +
+			(d === 1 ? "1" : d.toFixed(2)) + "," + tx.toFixed(2) + "," + ty.toFixed(2) + ";");
+	}
+
+	transform(a, b, c, d, tx, ty) {
+		this._drawCommands = this._drawCommands.concat("f" +
+			(a === 1 ? "1" : a.toFixed(2)) + "," +
+			(b === 0 ? "0" : b.toFixed(2)) + "," +
+			(c === 0 ? "0" : c.toFixed(2)) + "," +
+			(d === 1 ? "1" : d.toFixed(2)) + "," + tx + "," + ty + ";");
+	}
+
+	resetTransform() {
+		this._drawCommands = this._drawCommands.concat("m;");
+	}
+
+	scale(a, d) {
+		this._drawCommands = this._drawCommands.concat("k" + a.toFixed(2) + "," +
+			d.toFixed(2) + ";");
+	}
+
+	rotate(angle) {
+		this._drawCommands = this._drawCommands
+			.concat("r" + angle.toFixed(6) + ";");
+	}
+
+	translate(tx, ty) {
+		this._drawCommands = this._drawCommands.concat("l" + tx.toFixed(2) + "," + ty.toFixed(2) + ";");
+	}
+
+	save() {
+		this._savedGlobalAlpha.push(this._globalAlpha);
+		this._drawCommands = this._drawCommands.concat("v;");
+	}
+
+	restore() {
+		this._drawCommands = this._drawCommands.concat("e;");
+		this._globalAlpha = this._savedGlobalAlpha.pop();
+	}
+
+	createPattern(img, pattern) {
+		if (typeof img === 'string') {
+			var imgObj = new GImage();
+			imgObj.src = img;
+			img = imgObj;
+		}
+		return new FillStylePattern(img, pattern);
+	}
+
+	createLinearGradient(x0, y0, x1, y1) {
+		return new FillStyleLinearGradient(x0, y0, x1, y1);
+	}
+
+	createRadialGradient = function(x0, y0, r0, x1, y1, r1) {
+		return new FillStyleRadialGradient(x0, y0, r0, x1, y1, r1);
+	};
+
+	createCircularGradient = function(x0, y0, r0) {
+		return new FillStyleRadialGradient(x0, y0, 0, x0, y0, r0);
+	};
+
+	strokeRect(x, y, w, h) {
+		this._drawCommands = this._drawCommands.concat("s" + x + "," + y + "," + w + "," + h + ";");
+	}
+
+
+	clearRect(x, y, w, h) {
+		this._drawCommands = this._drawCommands.concat("c" + x + "," + y + "," + w +
+			"," + h + ";");
+	}
+
+	clip() {
+		this._drawCommands = this._drawCommands.concat("p;");
+	}
+
+	resetClip() {
+		this._drawCommands = this._drawCommands.concat("q;");
+	}
+
+	closePath() {
+		this._drawCommands = this._drawCommands.concat("o;");
+	}
+
+	moveTo(x, y) {
+		this._drawCommands = this._drawCommands.concat("g" + x.toFixed(2) + "," + y.toFixed(2) + ";");
+	}
+
+	lineTo(x, y) {
+		this._drawCommands = this._drawCommands.concat("i" + x.toFixed(2) + "," + y.toFixed(2) + ";");
+	}
+
+	quadraticCurveTo = function(cpx, cpy, x, y) {
+		this._drawCommands = this._drawCommands.concat("u" + cpx + "," + cpy + "," + x + "," + y + ";");
+	}
+
+	bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y, ) {
+		this._drawCommands = this._drawCommands.concat(
+			"z" + cp1x.toFixed(2) + "," + cp1y.toFixed(2) + "," + cp2x.toFixed(2) + "," + cp2y.toFixed(2) + "," +
+			x.toFixed(2) + "," + y.toFixed(2) + ";");
+	}
+
+	arcTo(x1, y1, x2, y2, radius) {
+		this._drawCommands = this._drawCommands.concat("h" + x1 + "," + y1 + "," + x2 + "," + y2 + "," + radius + ";");
+	}
+
+	beginPath() {
+		this._drawCommands = this._drawCommands.concat("b;");
+	}
+
+
+	fillRect(x, y, w, h) {
+		this._drawCommands = this._drawCommands.concat("n" + x + "," + y + "," + w +
+			"," + h + ";");
+	}
+
+	rect(x, y, w, h) {
+		this._drawCommands = this._drawCommands.concat("w" + x + "," + y + "," + w + "," + h + ";");
+	}
+
+	fill() {
+		this._drawCommands = this._drawCommands.concat("L;");
+	}
+
+	stroke(path) {
+		this._drawCommands = this._drawCommands.concat("x;");
+	}
+
+	arc(x, y, radius, startAngle, endAngle, anticlockwise) {
+
+		let ianticlockwise = 0;
+		if (anticlockwise) {
+			ianticlockwise = 1;
+		}
+
+		this._drawCommands = this._drawCommands.concat(
+			"y" + x.toFixed(2) + "," + y.toFixed(2) + "," +
+			radius.toFixed(2) + "," + startAngle + "," + endAngle + "," + ianticlockwise +
+			";"
+		);
+	}
+
+	fillText(text, x, y) {
+		let tmptext = text.replace(/!/g, "!!");
+		tmptext = tmptext.replace(/,/g, "!,");
+		tmptext = tmptext.replace(/;/g, "!;");
+		this._drawCommands = this._drawCommands.concat("T" + tmptext + "," + x + "," + y + ",0.0;");
+	}
+
+	strokeText = function(text, x, y) {
+		let tmptext = text.replace(/!/g, "!!");
+		tmptext = tmptext.replace(/,/g, "!,");
+		tmptext = tmptext.replace(/;/g, "!;");
+		this._drawCommands = this._drawCommands.concat("U" + tmptext + "," + x + "," + y + ",0.0;");
+	}
+
+	measureText(text) {
+		return CanvasRenderingContext2D.GBridge.measureText(text, this.font, this.componentId);
+	}
+
+	isPointInPath = function(x, y) {
+		throw new Error('GCanvas not supported yet');
+	}
+
+	drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh) {
+		if (typeof image === 'string') {
+			var imgObj = new GImage();
+			imgObj.src = image;
+			image = imgObj;
+		}
+		if (image instanceof GImage) {
+			if (!image.complete) {
+				imgObj.onload = () => {
+					var index = this._needRedrawImageCache.indexOf(image);
+					if (index > -1) {
+						this._needRedrawImageCache.splice(index, 1);
+						CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+						this._redrawflush(true);
+					}
+				}
+				this._notCommitDrawImageCache.push(image);
+			} else {
+				CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+			}
+			var srcArgs = [image, sx, sy, sw, sh, dx, dy, dw, dh];
+			var args = [];
+			for (var arg in srcArgs) {
+				if (typeof(srcArgs[arg]) != 'undefined') {
+					args.push(srcArgs[arg]);
+				}
+			}
+			this.__drawImage.apply(this, args);
+			//this.__drawImage(image,sx, sy, sw, sh, dx, dy, dw, dh);
+		}
+	}
+
+	__drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh) {
+		const numArgs = arguments.length;
+
+		function drawImageCommands() {
+
+			if (numArgs === 3) {
+				const x = parseFloat(sx) || 0.0;
+				const y = parseFloat(sy) || 0.0;
+
+				return ("d" + image._id + ",0,0," +
+					image.width + "," + image.height + "," +
+					x + "," + y + "," + image.width + "," + image.height + ";");
+			} else if (numArgs === 5) {
+				const x = parseFloat(sx) || 0.0;
+				const y = parseFloat(sy) || 0.0;
+				const width = parseInt(sw) || image.width;
+				const height = parseInt(sh) || image.height;
+
+				return ("d" + image._id + ",0,0," +
+					image.width + "," + image.height + "," +
+					x + "," + y + "," + width + "," + height + ";");
+			} else if (numArgs === 9) {
+				sx = parseFloat(sx) || 0.0;
+				sy = parseFloat(sy) || 0.0;
+				sw = parseInt(sw) || image.width;
+				sh = parseInt(sh) || image.height;
+				dx = parseFloat(dx) || 0.0;
+				dy = parseFloat(dy) || 0.0;
+				dw = parseInt(dw) || image.width;
+				dh = parseInt(dh) || image.height;
+
+				return ("d" + image._id + "," +
+					sx + "," + sy + "," + sw + "," + sh + "," +
+					dx + "," + dy + "," + dw + "," + dh + ";");
+			}
+		}
+		this._drawCommands += drawImageCommands();
+	}
+
+	_flush(reserve, callback) {
+		const commands = this._drawCommands;
+		this._drawCommands = '';
+		CanvasRenderingContext2D.GBridge.render2d(this.componentId, commands, callback);
+		this._needRender = false;
+	}
+
+	_redrawflush(reserve, callback) {
+		const commands = this._redrawCommands;
+		CanvasRenderingContext2D.GBridge.render2d(this.componentId, commands, callback);
+		if (this._needRedrawImageCache.length == 0) {
+			this._redrawCommands = '';
+		}
+	}
+
+	draw(reserve, callback) {
+		if (!reserve) {
+			this._globalAlpha = this._savedGlobalAlpha.pop();
+			this._savedGlobalAlpha.push(this._globalAlpha);
+			this._redrawCommands = this._drawCommands;
+			this._needRedrawImageCache = this._notCommitDrawImageCache;
+			if (this._autoSaveContext) {
+				this._drawCommands = ("v;" + this._drawCommands);
+				this._autoSaveContext = false;
+			} else {
+				this._drawCommands = ("e;X;v;" + this._drawCommands);
+			}
+		} else {
+			this._needRedrawImageCache = this._needRedrawImageCache.concat(this._notCommitDrawImageCache);
+			this._redrawCommands += this._drawCommands;
+			if (this._autoSaveContext) {
+				this._drawCommands = ("v;" + this._drawCommands);
+				this._autoSaveContext = false;
+			}
+		}
+		this._notCommitDrawImageCache = [];
+		if (this._flush) {
+			this._flush(reserve, callback);
+		}
+	}
+
+	getImageData(x, y, w, h, callback) {
+		CanvasRenderingContext2D.GBridge.getImageData(this.componentId, x, y, w, h, function(res) {
+			res.data = Base64ToUint8ClampedArray(res.data);
+			if (typeof(callback) == 'function') {
+				callback(res);
+			}
+		});
+	}
+
+	putImageData(data, x, y, w, h, callback) {
+		if (data instanceof Uint8ClampedArray) {
+			data = ArrayBufferToBase64(data);
+			CanvasRenderingContext2D.GBridge.putImageData(this.componentId, data, x, y, w, h, function(res) {
+				if (typeof(callback) == 'function') {
+					callback(res);
+				}
+			});
+		}
+	}
+
+	toTempFilePath(x, y, width, height, destWidth, destHeight, fileType, quality, callback) {
+		CanvasRenderingContext2D.GBridge.toTempFilePath(this.componentId, x, y, width, height, destWidth, destHeight,
+			fileType, quality,
+			function(res) {
+				if (typeof(callback) == 'function') {
+					callback(res);
+				}
+			});
+	}
+}
\ No newline at end of file
diff --git a/components/firstui/fui-poster-weex/gcanvas/context-webgl/ActiveInfo.js b/components/firstui/fui-poster-weex/gcanvas/context-webgl/ActiveInfo.js
new file mode 100644
index 0000000..6ce9dbe
--- /dev/null
+++ b/components/firstui/fui-poster-weex/gcanvas/context-webgl/ActiveInfo.js
@@ -0,0 +1,12 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 8 6  1 4  072  549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export default class WebGLActiveInfo {
+    className = 'WebGLActiveInfo';
+
+    constructor({
+        type, name, size
+    }) {
+        this.type = type;
+        this.name = name;
+        this.size = size;
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-poster-weex/gcanvas/context-webgl/Buffer.js b/components/firstui/fui-poster-weex/gcanvas/context-webgl/Buffer.js
new file mode 100644
index 0000000..735caa5
--- /dev/null
+++ b/components/firstui/fui-poster-weex/gcanvas/context-webgl/Buffer.js
@@ -0,0 +1,22 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  18 614072       549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLBuffer';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLBuffer {
+    className = name;
+
+    constructor(id) {
+        this.id = id;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-poster-weex/gcanvas/context-webgl/Framebuffer.js b/components/firstui/fui-poster-weex/gcanvas/context-webgl/Framebuffer.js
new file mode 100644
index 0000000..8dfd01e
--- /dev/null
+++ b/components/firstui/fui-poster-weex/gcanvas/context-webgl/Framebuffer.js
@@ -0,0 +1,22 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：    1861  407 25   49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLFrameBuffer';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLFramebuffer {
+    className = name;
+
+    constructor(id) {
+        this.id = id;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-poster-weex/gcanvas/context-webgl/GLenum.js b/components/firstui/fui-poster-weex/gcanvas/context-webgl/GLenum.js
new file mode 100644
index 0000000..97a658b
--- /dev/null
+++ b/components/firstui/fui-poster-weex/gcanvas/context-webgl/GLenum.js
@@ -0,0 +1,299 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18   61407     25  49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export default {
+    "DEPTH_BUFFER_BIT": 256,
+    "STENCIL_BUFFER_BIT": 1024,
+    "COLOR_BUFFER_BIT": 16384,
+    "POINTS": 0,
+    "LINES": 1,
+    "LINE_LOOP": 2,
+    "LINE_STRIP": 3,
+    "TRIANGLES": 4,
+    "TRIANGLE_STRIP": 5,
+    "TRIANGLE_FAN": 6,
+    "ZERO": 0,
+    "ONE": 1,
+    "SRC_COLOR": 768,
+    "ONE_MINUS_SRC_COLOR": 769,
+    "SRC_ALPHA": 770,
+    "ONE_MINUS_SRC_ALPHA": 771,
+    "DST_ALPHA": 772,
+    "ONE_MINUS_DST_ALPHA": 773,
+    "DST_COLOR": 774,
+    "ONE_MINUS_DST_COLOR": 775,
+    "SRC_ALPHA_SATURATE": 776,
+    "FUNC_ADD": 32774,
+    "BLEND_EQUATION": 32777,
+    "BLEND_EQUATION_RGB": 32777,
+    "BLEND_EQUATION_ALPHA": 34877,
+    "FUNC_SUBTRACT": 32778,
+    "FUNC_REVERSE_SUBTRACT": 32779,
+    "BLEND_DST_RGB": 32968,
+    "BLEND_SRC_RGB": 32969,
+    "BLEND_DST_ALPHA": 32970,
+    "BLEND_SRC_ALPHA": 32971,
+    "CONSTANT_COLOR": 32769,
+    "ONE_MINUS_CONSTANT_COLOR": 32770,
+    "CONSTANT_ALPHA": 32771,
+    "ONE_MINUS_CONSTANT_ALPHA": 32772,
+    "BLEND_COLOR": 32773,
+    "ARRAY_BUFFER": 34962,
+    "ELEMENT_ARRAY_BUFFER": 34963,
+    "ARRAY_BUFFER_BINDING": 34964,
+    "ELEMENT_ARRAY_BUFFER_BINDING": 34965,
+    "STREAM_DRAW": 35040,
+    "STATIC_DRAW": 35044,
+    "DYNAMIC_DRAW": 35048,
+    "BUFFER_SIZE": 34660,
+    "BUFFER_USAGE": 34661,
+    "CURRENT_VERTEX_ATTRIB": 34342,
+    "FRONT": 1028,
+    "BACK": 1029,
+    "FRONT_AND_BACK": 1032,
+    "TEXTURE_2D": 3553,
+    "CULL_FACE": 2884,
+    "BLEND": 3042,
+    "DITHER": 3024,
+    "STENCIL_TEST": 2960,
+    "DEPTH_TEST": 2929,
+    "SCISSOR_TEST": 3089,
+    "POLYGON_OFFSET_FILL": 32823,
+    "SAMPLE_ALPHA_TO_COVERAGE": 32926,
+    "SAMPLE_COVERAGE": 32928,
+    "NO_ERROR": 0,
+    "INVALID_ENUM": 1280,
+    "INVALID_VALUE": 1281,
+    "INVALID_OPERATION": 1282,
+    "OUT_OF_MEMORY": 1285,
+    "CW": 2304,
+    "CCW": 2305,
+    "LINE_WIDTH": 2849,
+    "ALIASED_POINT_SIZE_RANGE": 33901,
+    "ALIASED_LINE_WIDTH_RANGE": 33902,
+    "CULL_FACE_MODE": 2885,
+    "FRONT_FACE": 2886,
+    "DEPTH_RANGE": 2928,
+    "DEPTH_WRITEMASK": 2930,
+    "DEPTH_CLEAR_VALUE": 2931,
+    "DEPTH_FUNC": 2932,
+    "STENCIL_CLEAR_VALUE": 2961,
+    "STENCIL_FUNC": 2962,
+    "STENCIL_FAIL": 2964,
+    "STENCIL_PASS_DEPTH_FAIL": 2965,
+    "STENCIL_PASS_DEPTH_PASS": 2966,
+    "STENCIL_REF": 2967,
+    "STENCIL_VALUE_MASK": 2963,
+    "STENCIL_WRITEMASK": 2968,
+    "STENCIL_BACK_FUNC": 34816,
+    "STENCIL_BACK_FAIL": 34817,
+    "STENCIL_BACK_PASS_DEPTH_FAIL": 34818,
+    "STENCIL_BACK_PASS_DEPTH_PASS": 34819,
+    "STENCIL_BACK_REF": 36003,
+    "STENCIL_BACK_VALUE_MASK": 36004,
+    "STENCIL_BACK_WRITEMASK": 36005,
+    "VIEWPORT": 2978,
+    "SCISSOR_BOX": 3088,
+    "COLOR_CLEAR_VALUE": 3106,
+    "COLOR_WRITEMASK": 3107,
+    "UNPACK_ALIGNMENT": 3317,
+    "PACK_ALIGNMENT": 3333,
+    "MAX_TEXTURE_SIZE": 3379,
+    "MAX_VIEWPORT_DIMS": 3386,
+    "SUBPIXEL_BITS": 3408,
+    "RED_BITS": 3410,
+    "GREEN_BITS": 3411,
+    "BLUE_BITS": 3412,
+    "ALPHA_BITS": 3413,
+    "DEPTH_BITS": 3414,
+    "STENCIL_BITS": 3415,
+    "POLYGON_OFFSET_UNITS": 10752,
+    "POLYGON_OFFSET_FACTOR": 32824,
+    "TEXTURE_BINDING_2D": 32873,
+    "SAMPLE_BUFFERS": 32936,
+    "SAMPLES": 32937,
+    "SAMPLE_COVERAGE_VALUE": 32938,
+    "SAMPLE_COVERAGE_INVERT": 32939,
+    "COMPRESSED_TEXTURE_FORMATS": 34467,
+    "DONT_CARE": 4352,
+    "FASTEST": 4353,
+    "NICEST": 4354,
+    "GENERATE_MIPMAP_HINT": 33170,
+    "BYTE": 5120,
+    "UNSIGNED_BYTE": 5121,
+    "SHORT": 5122,
+    "UNSIGNED_SHORT": 5123,
+    "INT": 5124,
+    "UNSIGNED_INT": 5125,
+    "FLOAT": 5126,
+    "DEPTH_COMPONENT": 6402,
+    "ALPHA": 6406,
+    "RGB": 6407,
+    "RGBA": 6408,
+    "LUMINANCE": 6409,
+    "LUMINANCE_ALPHA": 6410,
+    "UNSIGNED_SHORT_4_4_4_4": 32819,
+    "UNSIGNED_SHORT_5_5_5_1": 32820,
+    "UNSIGNED_SHORT_5_6_5": 33635,
+    "FRAGMENT_SHADER": 35632,
+    "VERTEX_SHADER": 35633,
+    "MAX_VERTEX_ATTRIBS": 34921,
+    "MAX_VERTEX_UNIFORM_VECTORS": 36347,
+    "MAX_VARYING_VECTORS": 36348,
+    "MAX_COMBINED_TEXTURE_IMAGE_UNITS": 35661,
+    "MAX_VERTEX_TEXTURE_IMAGE_UNITS": 35660,
+    "MAX_TEXTURE_IMAGE_UNITS": 34930,
+    "MAX_FRAGMENT_UNIFORM_VECTORS": 36349,
+    "SHADER_TYPE": 35663,
+    "DELETE_STATUS": 35712,
+    "LINK_STATUS": 35714,
+    "VALIDATE_STATUS": 35715,
+    "ATTACHED_SHADERS": 35717,
+    "ACTIVE_UNIFORMS": 35718,
+    "ACTIVE_ATTRIBUTES": 35721,
+    "SHADING_LANGUAGE_VERSION": 35724,
+    "CURRENT_PROGRAM": 35725,
+    "NEVER": 512,
+    "LESS": 513,
+    "EQUAL": 514,
+    "LEQUAL": 515,
+    "GREATER": 516,
+    "NOTEQUAL": 517,
+    "GEQUAL": 518,
+    "ALWAYS": 519,
+    "KEEP": 7680,
+    "REPLACE": 7681,
+    "INCR": 7682,
+    "DECR": 7683,
+    "INVERT": 5386,
+    "INCR_WRAP": 34055,
+    "DECR_WRAP": 34056,
+    "VENDOR": 7936,
+    "RENDERER": 7937,
+    "VERSION": 7938,
+    "NEAREST": 9728,
+    "LINEAR": 9729,
+    "NEAREST_MIPMAP_NEAREST": 9984,
+    "LINEAR_MIPMAP_NEAREST": 9985,
+    "NEAREST_MIPMAP_LINEAR": 9986,
+    "LINEAR_MIPMAP_LINEAR": 9987,
+    "TEXTURE_MAG_FILTER": 10240,
+    "TEXTURE_MIN_FILTER": 10241,
+    "TEXTURE_WRAP_S": 10242,
+    "TEXTURE_WRAP_T": 10243,
+    "TEXTURE": 5890,
+    "TEXTURE_CUBE_MAP": 34067,
+    "TEXTURE_BINDING_CUBE_MAP": 34068,
+    "TEXTURE_CUBE_MAP_POSITIVE_X": 34069,
+    "TEXTURE_CUBE_MAP_NEGATIVE_X": 34070,
+    "TEXTURE_CUBE_MAP_POSITIVE_Y": 34071,
+    "TEXTURE_CUBE_MAP_NEGATIVE_Y": 34072,
+    "TEXTURE_CUBE_MAP_POSITIVE_Z": 34073,
+    "TEXTURE_CUBE_MAP_NEGATIVE_Z": 34074,
+    "MAX_CUBE_MAP_TEXTURE_SIZE": 34076,
+    "TEXTURE0": 33984,
+    "TEXTURE1": 33985,
+    "TEXTURE2": 33986,
+    "TEXTURE3": 33987,
+    "TEXTURE4": 33988,
+    "TEXTURE5": 33989,
+    "TEXTURE6": 33990,
+    "TEXTURE7": 33991,
+    "TEXTURE8": 33992,
+    "TEXTURE9": 33993,
+    "TEXTURE10": 33994,
+    "TEXTURE11": 33995,
+    "TEXTURE12": 33996,
+    "TEXTURE13": 33997,
+    "TEXTURE14": 33998,
+    "TEXTURE15": 33999,
+    "TEXTURE16": 34000,
+    "TEXTURE17": 34001,
+    "TEXTURE18": 34002,
+    "TEXTURE19": 34003,
+    "TEXTURE20": 34004,
+    "TEXTURE21": 34005,
+    "TEXTURE22": 34006,
+    "TEXTURE23": 34007,
+    "TEXTURE24": 34008,
+    "TEXTURE25": 34009,
+    "TEXTURE26": 34010,
+    "TEXTURE27": 34011,
+    "TEXTURE28": 34012,
+    "TEXTURE29": 34013,
+    "TEXTURE30": 34014,
+    "TEXTURE31": 34015,
+    "ACTIVE_TEXTURE": 34016,
+    "REPEAT": 10497,
+    "CLAMP_TO_EDGE": 33071,
+    "MIRRORED_REPEAT": 33648,
+    "FLOAT_VEC2": 35664,
+    "FLOAT_VEC3": 35665,
+    "FLOAT_VEC4": 35666,
+    "INT_VEC2": 35667,
+    "INT_VEC3": 35668,
+    "INT_VEC4": 35669,
+    "BOOL": 35670,
+    "BOOL_VEC2": 35671,
+    "BOOL_VEC3": 35672,
+    "BOOL_VEC4": 35673,
+    "FLOAT_MAT2": 35674,
+    "FLOAT_MAT3": 35675,
+    "FLOAT_MAT4": 35676,
+    "SAMPLER_2D": 35678,
+    "SAMPLER_CUBE": 35680,
+    "VERTEX_ATTRIB_ARRAY_ENABLED": 34338,
+    "VERTEX_ATTRIB_ARRAY_SIZE": 34339,
+    "VERTEX_ATTRIB_ARRAY_STRIDE": 34340,
+    "VERTEX_ATTRIB_ARRAY_TYPE": 34341,
+    "VERTEX_ATTRIB_ARRAY_NORMALIZED": 34922,
+    "VERTEX_ATTRIB_ARRAY_POINTER": 34373,
+    "VERTEX_ATTRIB_ARRAY_BUFFER_BINDING": 34975,
+    "IMPLEMENTATION_COLOR_READ_TYPE": 35738,
+    "IMPLEMENTATION_COLOR_READ_FORMAT": 35739,
+    "COMPILE_STATUS": 35713,
+    "LOW_FLOAT": 36336,
+    "MEDIUM_FLOAT": 36337,
+    "HIGH_FLOAT": 36338,
+    "LOW_INT": 36339,
+    "MEDIUM_INT": 36340,
+    "HIGH_INT": 36341,
+    "FRAMEBUFFER": 36160,
+    "RENDERBUFFER": 36161,
+    "RGBA4": 32854,
+    "RGB5_A1": 32855,
+    "RGB565": 36194,
+    "DEPTH_COMPONENT16": 33189,
+    "STENCIL_INDEX8": 36168,
+    "DEPTH_STENCIL": 34041,
+    "RENDERBUFFER_WIDTH": 36162,
+    "RENDERBUFFER_HEIGHT": 36163,
+    "RENDERBUFFER_INTERNAL_FORMAT": 36164,
+    "RENDERBUFFER_RED_SIZE": 36176,
+    "RENDERBUFFER_GREEN_SIZE": 36177,
+    "RENDERBUFFER_BLUE_SIZE": 36178,
+    "RENDERBUFFER_ALPHA_SIZE": 36179,
+    "RENDERBUFFER_DEPTH_SIZE": 36180,
+    "RENDERBUFFER_STENCIL_SIZE": 36181,
+    "FRAMEBUFFER_ATTACHMENT_OBJECT_TYPE": 36048,
+    "FRAMEBUFFER_ATTACHMENT_OBJECT_NAME": 36049,
+    "FRAMEBUFFER_ATTACHMENT_TEXTURE_LEVEL": 36050,
+    "FRAMEBUFFER_ATTACHMENT_TEXTURE_CUBE_MAP_FACE": 36051,
+    "COLOR_ATTACHMENT0": 36064,
+    "DEPTH_ATTACHMENT": 36096,
+    "STENCIL_ATTACHMENT": 36128,
+    "DEPTH_STENCIL_ATTACHMENT": 33306,
+    "NONE": 0,
+    "FRAMEBUFFER_COMPLETE": 36053,
+    "FRAMEBUFFER_INCOMPLETE_ATTACHMENT": 36054,
+    "FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT": 36055,
+    "FRAMEBUFFER_INCOMPLETE_DIMENSIONS": 36057,
+    "FRAMEBUFFER_UNSUPPORTED": 36061,
+    "FRAMEBUFFER_BINDING": 36006,
+    "RENDERBUFFER_BINDING": 36007,
+    "MAX_RENDERBUFFER_SIZE": 34024,
+    "INVALID_FRAMEBUFFER_OPERATION": 1286,
+    "UNPACK_FLIP_Y_WEBGL": 37440,
+    "UNPACK_PREMULTIPLY_ALPHA_WEBGL": 37441,
+    "CONTEXT_LOST_WEBGL": 37442,
+    "UNPACK_COLORSPACE_CONVERSION_WEBGL": 37443,
+    "BROWSER_DEFAULT_WEBGL": 37444
+};
\ No newline at end of file
diff --git a/components/firstui/fui-poster-weex/gcanvas/context-webgl/GLmethod.js b/components/firstui/fui-poster-weex/gcanvas/context-webgl/GLmethod.js
new file mode 100644
index 0000000..0e8d462
--- /dev/null
+++ b/components/firstui/fui-poster-weex/gcanvas/context-webgl/GLmethod.js
@@ -0,0 +1,143 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：   1   8 61   4072549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+let i = 1;
+
+const GLmethod = {};
+
+GLmethod.activeTexture = i++;         //1
+GLmethod.attachShader = i++;
+GLmethod.bindAttribLocation = i++;
+GLmethod.bindBuffer = i++;
+GLmethod.bindFramebuffer = i++;
+GLmethod.bindRenderbuffer = i++;
+GLmethod.bindTexture = i++;
+GLmethod.blendColor = i++;
+GLmethod.blendEquation = i++;
+GLmethod.blendEquationSeparate = i++; //10
+GLmethod.blendFunc = i++;
+GLmethod.blendFuncSeparate = i++;
+GLmethod.bufferData = i++;
+GLmethod.bufferSubData = i++;
+GLmethod.checkFramebufferStatus = i++;
+GLmethod.clear = i++;
+GLmethod.clearColor = i++;
+GLmethod.clearDepth = i++;
+GLmethod.clearStencil = i++;
+GLmethod.colorMask = i++;              //20
+GLmethod.compileShader = i++;
+GLmethod.compressedTexImage2D = i++;
+GLmethod.compressedTexSubImage2D = i++;
+GLmethod.copyTexImage2D = i++;
+GLmethod.copyTexSubImage2D = i++;
+GLmethod.createBuffer = i++;
+GLmethod.createFramebuffer = i++;
+GLmethod.createProgram = i++;
+GLmethod.createRenderbuffer = i++;
+GLmethod.createShader = i++;           //30
+GLmethod.createTexture = i++;
+GLmethod.cullFace = i++;
+GLmethod.deleteBuffer = i++;
+GLmethod.deleteFramebuffer = i++;
+GLmethod.deleteProgram = i++;
+GLmethod.deleteRenderbuffer = i++;
+GLmethod.deleteShader = i++;
+GLmethod.deleteTexture = i++;
+GLmethod.depthFunc = i++;
+GLmethod.depthMask = i++;              //40
+GLmethod.depthRange = i++;
+GLmethod.detachShader = i++;
+GLmethod.disable = i++;
+GLmethod.disableVertexAttribArray = i++;
+GLmethod.drawArrays = i++;
+GLmethod.drawArraysInstancedANGLE = i++;
+GLmethod.drawElements = i++;
+GLmethod.drawElementsInstancedANGLE = i++;
+GLmethod.enable = i++;
+GLmethod.enableVertexAttribArray = i++;    //50
+GLmethod.flush = i++;
+GLmethod.framebufferRenderbuffer = i++;
+GLmethod.framebufferTexture2D = i++;
+GLmethod.frontFace = i++;
+GLmethod.generateMipmap = i++;
+GLmethod.getActiveAttrib = i++;
+GLmethod.getActiveUniform = i++;
+GLmethod.getAttachedShaders = i++;
+GLmethod.getAttribLocation = i++;
+GLmethod.getBufferParameter = i++;         //60
+GLmethod.getContextAttributes = i++;
+GLmethod.getError = i++;
+GLmethod.getExtension = i++;
+GLmethod.getFramebufferAttachmentParameter = i++;
+GLmethod.getParameter = i++;
+GLmethod.getProgramInfoLog = i++;
+GLmethod.getProgramParameter = i++;
+GLmethod.getRenderbufferParameter = i++;
+GLmethod.getShaderInfoLog = i++;
+GLmethod.getShaderParameter = i++;         //70
+GLmethod.getShaderPrecisionFormat = i++;
+GLmethod.getShaderSource = i++;
+GLmethod.getSupportedExtensions = i++;
+GLmethod.getTexParameter = i++;
+GLmethod.getUniform = i++;
+GLmethod.getUniformLocation = i++;
+GLmethod.getVertexAttrib = i++;
+GLmethod.getVertexAttribOffset = i++;
+GLmethod.isBuffer = i++;
+GLmethod.isContextLost = i++;              //80
+GLmethod.isEnabled = i++;
+GLmethod.isFramebuffer = i++;
+GLmethod.isProgram = i++;
+GLmethod.isRenderbuffer = i++;
+GLmethod.isShader = i++;
+GLmethod.isTexture = i++;
+GLmethod.lineWidth = i++;
+GLmethod.linkProgram = i++;
+GLmethod.pixelStorei = i++;
+GLmethod.polygonOffset = i++;              //90
+GLmethod.readPixels = i++;
+GLmethod.renderbufferStorage = i++;
+GLmethod.sampleCoverage = i++;
+GLmethod.scissor = i++;
+GLmethod.shaderSource = i++;
+GLmethod.stencilFunc = i++;
+GLmethod.stencilFuncSeparate = i++;
+GLmethod.stencilMask = i++;
+GLmethod.stencilMaskSeparate = i++;
+GLmethod.stencilOp = i++;                  //100
+GLmethod.stencilOpSeparate = i++;
+GLmethod.texImage2D = i++;
+GLmethod.texParameterf = i++;
+GLmethod.texParameteri = i++;
+GLmethod.texSubImage2D = i++;
+GLmethod.uniform1f = i++;
+GLmethod.uniform1fv = i++;
+GLmethod.uniform1i = i++;
+GLmethod.uniform1iv = i++;
+GLmethod.uniform2f = i++;                  //110
+GLmethod.uniform2fv = i++;
+GLmethod.uniform2i = i++;
+GLmethod.uniform2iv = i++;
+GLmethod.uniform3f = i++;
+GLmethod.uniform3fv = i++;
+GLmethod.uniform3i = i++;
+GLmethod.uniform3iv = i++;
+GLmethod.uniform4f = i++;
+GLmethod.uniform4fv = i++;
+GLmethod.uniform4i = i++;                  //120
+GLmethod.uniform4iv = i++;
+GLmethod.uniformMatrix2fv = i++;
+GLmethod.uniformMatrix3fv = i++;
+GLmethod.uniformMatrix4fv = i++;
+GLmethod.useProgram = i++;
+GLmethod.validateProgram = i++;
+GLmethod.vertexAttrib1f = i++; //new
+GLmethod.vertexAttrib2f = i++; //new
+GLmethod.vertexAttrib3f = i++; //new
+GLmethod.vertexAttrib4f = i++; //new       //130
+GLmethod.vertexAttrib1fv = i++; //new
+GLmethod.vertexAttrib2fv = i++; //new
+GLmethod.vertexAttrib3fv = i++; //new
+GLmethod.vertexAttrib4fv = i++; //new
+GLmethod.vertexAttribPointer = i++;
+GLmethod.viewport = i++;
+
+export default GLmethod;
\ No newline at end of file
diff --git a/components/firstui/fui-poster-weex/gcanvas/context-webgl/GLtype.js b/components/firstui/fui-poster-weex/gcanvas/context-webgl/GLtype.js
new file mode 100644
index 0000000..c08d70d
--- /dev/null
+++ b/components/firstui/fui-poster-weex/gcanvas/context-webgl/GLtype.js
@@ -0,0 +1,23 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1    8614 0 7  25 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+const GLtype = {};
+
+[
+    "GLbitfield",
+    "GLboolean",
+    "GLbyte",
+    "GLclampf",
+    "GLenum",
+    "GLfloat",
+    "GLint",
+    "GLintptr",
+    "GLsizei",
+    "GLsizeiptr",
+    "GLshort",
+    "GLubyte",
+    "GLuint",
+    "GLushort"
+].sort().map((typeName, i) => GLtype[typeName] = 1 >> (i + 1));
+
+export default GLtype;
+
+
diff --git a/components/firstui/fui-poster-weex/gcanvas/context-webgl/Program.js b/components/firstui/fui-poster-weex/gcanvas/context-webgl/Program.js
new file mode 100644
index 0000000..4c4c62e
--- /dev/null
+++ b/components/firstui/fui-poster-weex/gcanvas/context-webgl/Program.js
@@ -0,0 +1,22 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8614   0  72 5  4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLProgram';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLProgram {
+    className = name;
+
+    constructor(id) {
+        this.id = id;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-poster-weex/gcanvas/context-webgl/Renderbuffer.js b/components/firstui/fui-poster-weex/gcanvas/context-webgl/Renderbuffer.js
new file mode 100644
index 0000000..44a5340
--- /dev/null
+++ b/components/firstui/fui-poster-weex/gcanvas/context-webgl/Renderbuffer.js
@@ -0,0 +1,22 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18 6    14 0 72  54 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLRenderBuffer';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLRenderbuffer {
+    className = name;
+
+    constructor(id) {
+        this.id = id;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-poster-weex/gcanvas/context-webgl/RenderingContext.js b/components/firstui/fui-poster-weex/gcanvas/context-webgl/RenderingContext.js
new file mode 100644
index 0000000..5e02f54
--- /dev/null
+++ b/components/firstui/fui-poster-weex/gcanvas/context-webgl/RenderingContext.js
@@ -0,0 +1,1192 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18  61 4    07 2  549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import GLenum from './GLenum';
+import ActiveInfo from './ActiveInfo';
+import Buffer from './Buffer';
+import Framebuffer from './Framebuffer';
+import Renderbuffer from './Renderbuffer';
+import Texture from './Texture';
+import Program from './Program';
+import Shader from './Shader';
+import ShaderPrecisionFormat from './ShaderPrecisionFormat';
+import UniformLocation from './UniformLocation';
+import GLmethod from './GLmethod';
+
+const processArray = (array, checkArrayType = false) => {
+
+    function joinArray(arr, sep) {
+        let res = '';
+        for (let i = 0; i < arr.length; i++) {
+            if (i !== 0) {
+                res += sep;
+            }
+            res += arr[i];
+        }
+        return res;
+    }
+
+    let type = 'Float32Array';
+    if (checkArrayType) {
+        if (array instanceof Uint8Array) {
+            type = 'Uint8Array'
+        } else if (array instanceof Uint16Array) {
+            type = 'Uint16Array';
+        } else if (array instanceof Uint32Array) {
+            type = 'Uint32Array';
+        } else if (array instanceof Float32Array) {
+            type = 'Float32Array';
+        } else {
+            throw new Error('Check array type failed. Array type is ' + typeof array);
+        }
+    }
+
+    const ArrayTypes = {
+        Uint8Array: 1,
+        Uint16Array: 2,
+        Uint32Array: 4,
+        Float32Array: 14
+    };
+    return ArrayTypes[type] + ',' + btoa(joinArray(array, ','))
+}
+
+export default class WebGLRenderingContext {
+
+    // static GBridge = null;
+
+    className = 'WebGLRenderingContext';
+
+    constructor(canvas, type, attrs) {
+        this._canvas = canvas;
+        this._type = type;
+        this._version = 'WebGL 1.0';
+        this._attrs = attrs;
+        this._map = new Map();
+
+        Object.keys(GLenum)
+            .forEach(name => Object.defineProperty(this, name, {
+                value: GLenum[name]
+            }));
+    }
+
+    get canvas() {
+        return this._canvas;
+    }
+
+    activeTexture = function (textureUnit) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.activeTexture + ',' + textureUnit,
+            true
+        );
+    }
+
+    attachShader = function (progarm, shader) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.attachShader + ',' + progarm.id + ',' + shader.id,
+            true
+        );
+    }
+
+    bindAttribLocation = function (program, index, name) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindAttribLocation + ',' + program.id + ',' + index + ',' + name,
+            true
+        )
+    }
+
+    bindBuffer = function (target, buffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindBuffer + ',' + target + ',' + (buffer ? buffer.id : 0),
+            true
+        );
+    }
+
+    bindFramebuffer = function (target, framebuffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindFramebuffer + ',' + target + ',' + (framebuffer ? framebuffer.id : 0),
+            true
+        )
+    }
+
+    bindRenderbuffer = function (target, renderBuffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindRenderbuffer + ',' + target + ',' + (renderBuffer ? renderBuffer.id : 0),
+            true
+        )
+    }
+
+    bindTexture = function (target, texture) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindTexture + ',' + target + ',' + (texture ? texture.id : 0),
+            true
+        )
+    }
+
+    blendColor = function (r, g, b, a) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendColor + ',' + target + ',' + r + ',' + g + ',' + b + ',' + a,
+            true
+        )
+    }
+
+    blendEquation = function (mode) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendEquation + ',' + mode,
+            true
+        )
+    }
+
+    blendEquationSeparate = function (modeRGB, modeAlpha) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendEquationSeparate + ',' + modeRGB + ',' + modeAlpha,
+            true
+        )
+    }
+
+
+    blendFunc = function (sfactor, dfactor) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendFunc + ',' + sfactor + ',' + dfactor,
+            true
+        );
+    }
+
+    blendFuncSeparate = function (srcRGB, dstRGB, srcAlpha, dstAlpha) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendFuncSeparate + ',' + srcRGB + ',' + dstRGB + ',' + srcAlpha + ',' + dstAlpha,
+            true
+        );
+    }
+
+    bufferData = function (target, data, usage) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bufferData + ',' + target + ',' + processArray(data, true) + ',' + usage,
+            true
+        )
+    }
+
+    bufferSubData = function (target, offset, data) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bufferSubData + ',' + target + ',' + offset + ',' + processArray(data, true),
+            true
+        )
+    }
+
+    checkFramebufferStatus = function (target) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.checkFramebufferStatus + ',' + target
+        );
+        return Number(result);
+    }
+
+    clear = function (mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.clear + ',' + mask
+        );
+        this._canvas._needRender = true;
+    }
+
+    clearColor = function (r, g, b, a) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.clearColor + ',' + r + ',' + g + ',' + b,
+            true
+        )
+    }
+
+    clearDepth = function (depth) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.clearDepth + ',' + depth,
+            true
+        )
+    }
+
+    clearStencil = function (s) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.clearStencil + ',' + s
+        );
+    }
+
+    colorMask = function (r, g, b, a) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.colorMask + ',' + r + ',' + g + ',' + b + ',' + a
+        )
+    }
+
+    compileShader = function (shader) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.compileShader + ',' + shader.id,
+            true
+        )
+    }
+
+    compressedTexImage2D = function (target, level, internalformat, width, height, border, pixels) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.compressedTexImage2D + ',' + target + ',' + level + ',' + internalformat + ',' +
+            width + ',' + height + ',' + border + ',' + processArray(pixels),
+            true
+        )
+    }
+
+    compressedTexSubImage2D = function (target, level, xoffset, yoffset, width, height, format, pixels) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.compressedTexSubImage2D + ',' + target + ',' + level + ',' + xoffset + ',' + yoffset + ',' +
+            width + ',' + height + ',' + format + ',' + processArray(pixels),
+            true
+        )
+    }
+
+
+    copyTexImage2D = function (target, level, internalformat, x, y, width, height, border) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.copyTexImage2D + ',' + target + ',' + level + ',' + internalformat + ',' + x + ',' + y + ',' +
+            width + ',' + height + ',' + border,
+            true
+        );
+    }
+
+    copyTexSubImage2D = function (target, level, xoffset, yoffset, x, y, width, height) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.copyTexSubImage2D + ',' + target + ',' + level + ',' + xoffset + ',' + yoffset + ',' + x + ',' + y + ',' +
+            width + ',' + height
+        );
+    }
+
+    createBuffer = function () {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createBuffer + ''
+        );
+        const buffer = new Buffer(result);
+        this._map.set(buffer.uuid(), buffer);
+        return buffer;
+    }
+
+    createFramebuffer = function () {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createFramebuffer + ''
+        );
+        const framebuffer = new Framebuffer(result);
+        this._map.set(framebuffer.uuid(), framebuffer);
+        return framebuffer;
+    }
+
+
+    createProgram = function () {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createProgram + ''
+        );
+        const program = new Program(id);
+        this._map.set(program.uuid(), program);
+        return program;
+    }
+
+    createRenderbuffer = function () {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createRenderbuffer + ''
+        )
+        const renderBuffer = new Renderbuffer(id);
+        this._map.set(renderBuffer.uuid(), renderBuffer);
+        return renderBuffer;
+    }
+
+    createShader = function (type) {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createShader + ',' + type
+        )
+        const shader = new Shader(id, type);
+        this._map.set(shader.uuid(), shader);
+        return shader;
+    }
+
+    createTexture = function () {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createTexture + ''
+        );
+        const texture = new Texture(id);
+        this._map.set(texture.uuid(), texture);
+        return texture;
+    }
+
+    cullFace = function (mode) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.cullFace + ',' + mode,
+            true
+        )
+    }
+
+
+    deleteBuffer = function (buffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteBuffer + ',' + buffer.id,
+            true
+        )
+    }
+
+    deleteFramebuffer = function (framebuffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteFramebuffer + ',' + framebuffer.id,
+            true
+        )
+    }
+
+    deleteProgram = function (program) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteProgram + ',' + program.id,
+            true
+        )
+    }
+
+    deleteRenderbuffer = function (renderbuffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteRenderbuffer + ',' + renderbuffer.id,
+            true
+        )
+    }
+
+    deleteShader = function (shader) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteShader + ',' + shader.id,
+            true
+        )
+    }
+
+    deleteTexture = function (texture) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteTexture + ',' + texture.id,
+            true
+        )
+    }
+
+    depthFunc = function (func) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.depthFunc + ',' + func
+        )
+    }
+
+    depthMask = function (flag) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.depthMask + ',' + Number(flag),
+            true
+        )
+    }
+
+    depthRange = function (zNear, zFar) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.depthRange + ',' + zNear + ',' + zFar,
+            true
+        )
+    }
+
+    detachShader = function (program, shader) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.detachShader + ',' + program.id + ',' + shader.id,
+            true
+        )
+    }
+
+    disable = function (cap) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.disable + ',' + cap,
+            true
+        )
+    }
+
+    disableVertexAttribArray = function (index) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.disableVertexAttribArray + ',' + index,
+            true
+        );
+    }
+
+    drawArrays = function (mode, first, count) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.drawArrays + ',' + mode + ',' + first + ',' + count
+        )
+        this._canvas._needRender = true;
+    }
+
+    drawElements = function (mode, count, type, offset) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.drawElements + ',' + mode + ',' + count + ',' + type + ',' + offset + ';'
+        );
+        this._canvas._needRender = true;
+    }
+
+    enable = function (cap) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.enable + ',' + cap,
+            true
+        );
+    }
+
+    enableVertexAttribArray = function (index) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.enableVertexAttribArray + ',' + index,
+            true
+        )
+    }
+
+
+    flush = function () {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.flush + ''
+        )
+    }
+
+    framebufferRenderbuffer = function (target, attachment, textarget, texture, level) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.framebufferRenderbuffer + ',' + target + ',' + attachment + ',' + textarget + ',' + (texture ? texture.id : 0) + ',' + level,
+            true
+        )
+    }
+
+    framebufferTexture2D = function (target, attachment, textarget, texture, level) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.framebufferTexture2D + ',' + target + ',' + attachment + ',' + textarget + ',' + (texture ? texture.id : 0) + ',' + level,
+            true
+        )
+    }
+
+    frontFace = function (mode) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.frontFace + ',' + mode,
+            true
+        )
+    }
+
+    generateMipmap = function (target) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.generateMipmap + ',' + target,
+            true
+        )
+    }
+
+    getActiveAttrib = function (progarm, index) {
+        const resultString = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getActiveAttrib + ',' + progarm.id + ',' + index
+        )
+        const [type, size, name] = resultString.split(',');
+        return new ActiveInfo({
+            type: Number(type),
+            size: Number(size),
+            name
+        });
+    }
+
+    getActiveUniform = function (progarm, index) {
+        const resultString = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getActiveUniform + ',' + progarm.id + ',' + index
+        );
+        const [type, size, name] = resultString.split(',');
+        return new ActiveInfo({
+            type: Number(type),
+            size: Number(size),
+            name
+        })
+    }
+
+    getAttachedShaders = function (progarm) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getAttachedShaders + ',' + progarm.id
+        );
+        const [type, ...ids] = result;
+        return ids.map(id => this._map.get(Shader.uuid(id)));
+    }
+
+    getAttribLocation = function (progarm, name) {
+        return WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getAttribLocation + ',' + progarm.id + ',' + name
+        )
+    }
+
+    getBufferParameter = function (target, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getBufferParameter + ',' + target + ',' + pname
+        );
+        const [type, res] = getBufferParameter;
+        return res;
+    }
+
+    getError = function () {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getError + ''
+        )
+        return result;
+    }
+
+    getExtension = function (name) {
+        return null;
+    }
+
+    getFramebufferAttachmentParameter = function (target, attachment, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getFramebufferAttachmentParameter + ',' + target + ',' + attachment + ',' + pname
+        )
+        switch (pname) {
+            case GLenum.FRAMEBUFFER_ATTACHMENT_OBJECT_NAME:
+                return this._map.get(Renderbuffer.uuid(result)) || this._map.get(Texture.uuid(result)) || null;
+            default:
+                return result;
+        }
+    }
+
+    getParameter = function (pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getParameter + ',' + pname
+        )
+        switch (pname) {
+            case GLenum.VERSION:
+                return this._version;
+            case GLenum.ARRAY_BUFFER_BINDING: // buffer
+            case GLenum.ELEMENT_ARRAY_BUFFER_BINDING: // buffer
+                return this._map.get(Buffer.uuid(result)) || null;
+            case GLenum.CURRENT_PROGRAM: // program
+                return this._map.get(Program.uuid(result)) || null;
+            case GLenum.FRAMEBUFFER_BINDING: // framebuffer
+                return this._map.get(Framebuffer.uuid(result)) || null;
+            case GLenum.RENDERBUFFER_BINDING: // renderbuffer
+                return this._map.get(Renderbuffer.uuid(result)) || null;
+            case GLenum.TEXTURE_BINDING_2D: // texture
+            case GLenum.TEXTURE_BINDING_CUBE_MAP: // texture
+                return this._map.get(Texture.uuid(result)) || null;
+            case GLenum.ALIASED_LINE_WIDTH_RANGE: // Float32Array
+            case GLenum.ALIASED_POINT_SIZE_RANGE: // Float32Array
+            case GLenum.BLEND_COLOR: // Float32Array
+            case GLenum.COLOR_CLEAR_VALUE: // Float32Array
+            case GLenum.DEPTH_RANGE: // Float32Array
+            case GLenum.MAX_VIEWPORT_DIMS: // Int32Array
+            case GLenum.SCISSOR_BOX: // Int32Array
+            case GLenum.VIEWPORT: // Int32Array
+            case GLenum.COMPRESSED_TEXTURE_FORMATS: // Uint32Array
+            default:
+                const [type, ...res] = result.split(',');
+                if (res.length === 1) {
+                    return Number(res[0]);
+                } else {
+                    return res.map(Number);
+                }
+        }
+    }
+
+    getProgramInfoLog = function (progarm) {
+        return WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getProgramInfoLog + ',' + progarm.id
+        )
+    }
+
+    getProgramParameter = function (program, pname) {
+        const res = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getProgramParameter + ',' + program.id + ',' + pname
+        );
+
+        const [type, result] = res.split(',').map(i => parseInt(i));
+
+        if (type === 1) {
+            return Boolean(result);
+        } else if (type === 2) {
+            return result;
+        } else {
+            throw new Error('Unrecongized program paramater ' + res + ', type: ' + typeof res);
+        }
+    }
+
+
+    getRenderbufferParameter = function (target, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getRenderbufferParameter + ',' + target + ',' + pname
+        )
+        return result;
+    }
+
+
+    getShaderInfoLog = function (shader) {
+        return WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getShaderInfoLog + ',' + shader.id
+        );
+    }
+
+    getShaderParameter = function (shader, pname) {
+        return WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getShaderParameter + ',' + shader.id + ',' + pname
+        )
+    }
+
+    getShaderPrecisionFormat = function (shaderType, precisionType) {
+        const [rangeMin, rangeMax, precision] = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getShaderPrecisionFormat + ',' + shaderType + ',' + precisionType
+        );
+        const shaderPrecisionFormat = new ShaderPrecisionFormat({
+            rangeMin: Number(rangeMin),
+            rangeMax: Number(rangeMax),
+            precision: Number(precision)
+        });
+        return shaderPrecisionFormat;
+    }
+
+    getShaderSource = function (shader) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getShaderSource + ',' + shader.id
+        );
+        return result;
+    }
+
+    getSupportedExtensions = function () {
+        return Object.keys({});
+    }
+
+    getTexParameter = function (target, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getTexParameter + ',' + target + ',' + pname
+        )
+        return result;
+    }
+
+    getUniformLocation = function (program, name) {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getUniformLocation + ',' + program.id + ',' + name
+        );
+        if (id === -1) {
+            return null;
+        } else {
+            return new UniformLocation(Number(id));
+        }
+    }
+
+    getVertexAttrib = function (index, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getVertexAttrib + ',' + index + ',' + pname
+        );
+        switch (pname) {
+            case GLenum.VERTEX_ATTRIB_ARRAY_BUFFER_BINDING:
+                return this._map.get(Buffer.uuid(result)) || null;
+            case GLenum.CURRENT_VERTEX_ATTRIB: // Float32Array
+            default:
+                return result;
+        }
+    }
+
+    getVertexAttribOffset = function (index, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getVertexAttribOffset + ',' + index + ',' + pname
+        )
+        return Number(result);
+    }
+
+    isBuffer = function (buffer) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isBuffer + ',' + buffer.id
+        )
+        return Boolean(result);
+    }
+
+    isContextLost = function () {
+        return false;
+    }
+
+    isEnabled = function (cap) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isEnabled + ',' + cap
+        )
+        return Boolean(result);
+    }
+
+    isFramebuffer = function (framebuffer) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isFramebuffer + ',' + framebuffer.id
+        )
+        return Boolean(result);
+    }
+
+    isProgram = function (program) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isProgram + ',' + program.id
+        )
+        return Boolean(result);
+    }
+
+    isRenderbuffer = function (renderBuffer) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isRenderbuffer + ',' + renderbuffer.id
+        )
+        return Boolean(result);
+    }
+
+    isShader = function (shader) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isShader + ',' + shader.id
+        )
+        return Boolean(result);
+    }
+
+    isTexture = function (texture) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isTexture + ',' + texture.id
+        );
+        return Boolean(result);
+    }
+
+    lineWidth = function (width) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.lineWidth + ',' + width,
+            true
+        )
+    }
+
+    linkProgram = function (program) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.linkProgram + ',' + program.id,
+            true
+        );
+    }
+
+
+    pixelStorei = function (pname, param) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.pixelStorei + ',' + pname + ',' + Number(param)
+        )
+    }
+
+    polygonOffset = function (factor, units) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.polygonOffset + ',' + factor + ',' + units
+        )
+    }
+
+    readPixels = function (x, y, width, height, format, type, pixels) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.readPixels + ',' + x + ',' + y + ',' + width + ',' + height + ',' + format + ',' + type
+        )
+        return result;
+    }
+
+    renderbufferStorage = function (target, internalFormat, width, height) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.renderbufferStorage + ',' + target + ',' + internalFormat + ',' + width + ',' + height,
+            true
+        )
+    }
+
+    sampleCoverage = function (value, invert) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.sampleCoverage + ',' + value + ',' + Number(invert),
+            true
+        )
+    }
+
+    scissor = function (x, y, width, height) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.scissor + ',' + x + ',' + y + ',' + width + ',' + height,
+            true
+        )
+    }
+
+    shaderSource = function (shader, source) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.shaderSource + ',' + shader.id + ',' + source
+        )
+    }
+
+    stencilFunc = function (func, ref, mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilFunc + ',' + func + ',' + ref + ',' + mask,
+            true
+        )
+    }
+
+    stencilFuncSeparate = function (face, func, ref, mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilFuncSeparate + ',' + face + ',' + func + ',' + ref + ',' + mask,
+            true
+        )
+    }
+
+    stencilMask = function (mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilMask + ',' + mask,
+            true
+        )
+    }
+
+    stencilMaskSeparate = function (face, mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilMaskSeparate + ',' + face + ',' + mask,
+            true
+        )
+    }
+
+    stencilOp = function (fail, zfail, zpass) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilOp + ',' + fail + ',' + zfail + ',' + zpass
+        )
+    }
+
+    stencilOpSeparate = function (face, fail, zfail, zpass) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilOp + ',' + face + ',' + fail + ',' + zfail + ',' + zpass,
+            true
+        )
+    }
+
+    texImage2D = function (...args) {
+        WebGLRenderingContext.GBridge.texImage2D(this._canvas.id, ...args);
+    }
+
+
+    texParameterf = function (target, pname, param) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.texParameterf + ',' + target + ',' + pname + ',' + param,
+            true
+        )
+    }
+
+    texParameteri = function (target, pname, param) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.texParameteri + ',' + target + ',' + pname + ',' + param
+        )
+    }
+
+    texSubImage2D = function (...args) {
+        WebGLRenderingContext.GBridge.texSubImage2D(this._canvas.id, ...args);
+    }
+
+    uniform1f = function (location, v0) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform1f + ',' + location.id + ',' + v0
+        )
+    }
+
+    uniform1fv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform1fv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform1i = function (location, v0) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform1i + ',' + location.id + ',' + v0,
+            // true
+        )
+    }
+
+    uniform1iv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform1iv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform2f = function (location, v0, v1) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform2f + ',' + location.id + ',' + v0 + ',' + v1,
+            true
+        )
+    }
+
+    uniform2fv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform2fv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform2i = function (location, v0, v1) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform2i + ',' + location.id + ',' + v0 + ',' + v1,
+            true
+        )
+    }
+
+    uniform2iv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform2iv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform3f = function (location, v0, v1, v2) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform3f + ',' + location.id + ',' + v0 + ',' + v1 + ',' + v2,
+            true
+        )
+    }
+
+    uniform3fv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform3fv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform3i = function (location, v0, v1, v2) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform3i + ',' + location.id + ',' + v0 + ',' + v1 + ',' + v2,
+            true
+        )
+    }
+
+    uniform3iv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform3iv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform4f = function (location, v0, v1, v2, v3) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform4f + ',' + location.id + ',' + v0 + ',' + v1 + ',' + v2 + ',' + v3,
+            true
+        )
+    }
+
+    uniform4fv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform4fv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform4i = function (location, v0, v1, v2, v3) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform4i + ',' + location.id + ',' + v0 + ',' + v1 + ',' + v2 + ',' + v3,
+            true
+        )
+    }
+
+    uniform4iv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform4iv + ',' + location.id + ',' + processArray(value, true),
+            true
+        )
+    }
+
+    uniformMatrix2fv = function (location, transpose, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniformMatrix2fv + ',' + location.id + ',' + Number(transpose) + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniformMatrix3fv = function (location, transpose, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniformMatrix3fv + ',' + location.id + ',' + Number(transpose) + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniformMatrix4fv = function (location, transpose, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniformMatrix4fv + ',' + location.id + ',' + Number(transpose) + ',' + processArray(value),
+            true
+        );
+    }
+
+    useProgram = function (progarm) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.useProgram + ',' + progarm.id + '',
+            true
+        )
+    }
+
+
+    validateProgram = function (program) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.validateProgram + ',' + program.id,
+            true
+        )
+    }
+
+    vertexAttrib1f = function (index, v0) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib1f + ',' + index + ',' + v0,
+            true
+        )
+    }
+
+    vertexAttrib2f = function (index, v0, v1) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib2f + ',' + index + ',' + v0 + ',' + v1,
+            true
+        )
+    }
+
+    vertexAttrib3f = function (index, v0, v1, v2) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib3f + ',' + index + ',' + v0 + ',' + v1 + ',' + v2,
+            true
+        )
+    }
+
+    vertexAttrib4f = function (index, v0, v1, v2, v3) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib4f + ',' + index + ',' + v0 + ',' + v1 + ',' + v2 + ',' + v3,
+            true
+        )
+    }
+
+    vertexAttrib1fv = function (index, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib1fv + ',' + index + ',' + processArray(value),
+            true
+        )
+    }
+
+    vertexAttrib2fv = function (index, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib2fv + ',' + index + ',' + processArray(value),
+            true
+        )
+    }
+
+    vertexAttrib3fv = function (index, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib3fv + ',' + index + ',' + processArray(value),
+            true
+        )
+    }
+
+    vertexAttrib4fv = function (index, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib4fv + ',' + index + ',' + processArray(value),
+            true
+        )
+    }
+
+    vertexAttribPointer = function (index, size, type, normalized, stride, offset) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttribPointer + ',' + index + ',' + size + ',' + type + ',' + Number(normalized) + ',' + stride + ',' + offset,
+            true
+        )
+    }
+
+    viewport = function (x, y, width, height) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.viewport + ',' + x + ',' + y + ',' + width + ',' + height,
+            true
+        )
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-poster-weex/gcanvas/context-webgl/Shader.js b/components/firstui/fui-poster-weex/gcanvas/context-webgl/Shader.js
new file mode 100644
index 0000000..a331603
--- /dev/null
+++ b/components/firstui/fui-poster-weex/gcanvas/context-webgl/Shader.js
@@ -0,0 +1,23 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8 61   40  7  2 549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLShader';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLShader {
+    className = name;
+
+    constructor(id, type) {
+        this.id = id;
+        this.type = type;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-poster-weex/gcanvas/context-webgl/ShaderPrecisionFormat.js b/components/firstui/fui-poster-weex/gcanvas/context-webgl/ShaderPrecisionFormat.js
new file mode 100644
index 0000000..6e61dab
--- /dev/null
+++ b/components/firstui/fui-poster-weex/gcanvas/context-webgl/ShaderPrecisionFormat.js
@@ -0,0 +1,12 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 861 4 0 7      2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export default class WebGLShaderPrecisionFormat {
+    className = 'WebGLShaderPrecisionFormat';
+
+    constructor({
+        rangeMin, rangeMax, precision
+    }) {
+        this.rangeMin = rangeMin;
+        this.rangeMax = rangeMax;
+        this.precision = precision;
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-poster-weex/gcanvas/context-webgl/Texture.js b/components/firstui/fui-poster-weex/gcanvas/context-webgl/Texture.js
new file mode 100644
index 0000000..812c4e3
--- /dev/null
+++ b/components/firstui/fui-poster-weex/gcanvas/context-webgl/Texture.js
@@ -0,0 +1,23 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：   186 140  7  2 5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLTexture';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLTexture {
+    className = name;
+
+    constructor(id, type) {
+        this.id = id;
+        this.type = type;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-poster-weex/gcanvas/context-webgl/UniformLocation.js b/components/firstui/fui-poster-weex/gcanvas/context-webgl/UniformLocation.js
new file mode 100644
index 0000000..8a29c65
--- /dev/null
+++ b/components/firstui/fui-poster-weex/gcanvas/context-webgl/UniformLocation.js
@@ -0,0 +1,23 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18614072    5  4    9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLUniformLocation';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLUniformLocation {
+    className = name;
+
+    constructor(id, type) {
+        this.id = id;
+        this.type = type;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-poster-weex/gcanvas/context-webgl/classUtils.js b/components/firstui/fui-poster-weex/gcanvas/context-webgl/classUtils.js
new file mode 100644
index 0000000..0b3f61c
--- /dev/null
+++ b/components/firstui/fui-poster-weex/gcanvas/context-webgl/classUtils.js
@@ -0,0 +1,4 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186  1   40 72  54  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export function getTransferedObjectUUID(name, id) {
+    return `${name.toLowerCase()}-${id}`;
+}
\ No newline at end of file
diff --git a/components/firstui/fui-poster-weex/gcanvas/env/canvas.js b/components/firstui/fui-poster-weex/gcanvas/env/canvas.js
new file mode 100644
index 0000000..c873854
--- /dev/null
+++ b/components/firstui/fui-poster-weex/gcanvas/env/canvas.js
@@ -0,0 +1,75 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18 61 40  7 2 5    49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import GContext2D from '../context-2d/RenderingContext';
+import GContextWebGL from '../context-webgl/RenderingContext';
+
+export default class GCanvas {
+
+    // static GBridge = null;
+
+    id = null;
+
+    _needRender = true;
+
+    constructor(id, { disableAutoSwap }) {
+        this.id = id;
+
+        this._disableAutoSwap = disableAutoSwap;
+        if (disableAutoSwap) {
+            this._swapBuffers = () => {
+                GCanvas.GBridge.render(this.id);
+            }
+        }
+    }
+
+    getContext(type) {
+
+        let context = null;
+
+        if (type.match(/webgl/i)) {
+            context = new GContextWebGL(this);
+
+            context.componentId = this.id;
+
+            if (!this._disableAutoSwap) {
+                const render = () => {
+                    if (this._needRender) {
+                        GCanvas.GBridge.render(this.id);
+                        this._needRender = false;
+                    }
+                }
+                setInterval(render, 16);
+            }
+
+            GCanvas.GBridge.callSetContextType(this.id, 1); // 0 for 2d; 1 for webgl
+        } else if (type.match(/2d/i)) {
+            context = new GContext2D(this);
+
+            context.componentId = this.id;
+
+//             const render = ( callback ) => {
+//
+//                 const commands = context._drawCommands;
+//                 context._drawCommands = '';
+//
+//                 GCanvas.GBridge.render2d(this.id, commands, callback);
+//                 this._needRender = false;
+//             }
+// 			//draw方法触发
+// 			context._flush = render;
+//             //setInterval(render, 16);
+
+            GCanvas.GBridge.callSetContextType(this.id, 0);
+        } else {
+            throw new Error('not supported context ' + type);
+        }
+
+        return context;
+
+    }
+
+    reset() {
+        GCanvas.GBridge.callReset(this.id);
+    }
+
+
+}
\ No newline at end of file
diff --git a/components/firstui/fui-poster-weex/gcanvas/env/image.js b/components/firstui/fui-poster-weex/gcanvas/env/image.js
new file mode 100644
index 0000000..b009ea1
--- /dev/null
+++ b/components/firstui/fui-poster-weex/gcanvas/env/image.js
@@ -0,0 +1,97 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186 1  4   0 725  4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+let incId = 1;
+
+const noop = function () { };
+
+class GImage {
+
+    static GBridge = null;
+
+    constructor() {
+        this._id = incId++;
+        this._width = 0;
+        this._height = 0;
+        this._src = undefined;
+        this._onload = noop;
+        this._onerror = noop;
+        this.complete = false;
+    }
+
+    get width() {
+        return this._width;
+    }
+    set width(v) {
+        this._width = v;
+    }
+
+    get height() {
+        return this._height;
+    }
+
+    set height(v) {
+        this._height = v;
+    }
+
+    get src() {
+        return this._src;
+    }
+
+    set src(v) {
+
+        if (v.startsWith('//')) {
+            v = 'http:' + v;
+        }
+
+        this._src = v;
+
+        GImage.GBridge.perloadImage([this._src, this._id], (data) => {
+            if (typeof data === 'string') {
+                data = JSON.parse(data);
+            }
+            if (data.error) {
+                var evt = { type: 'error', target: this };
+                this.onerror(evt);
+            } else {
+                this.complete = true;
+                this.width = typeof data.width === 'number' ? data.width : 0;
+                this.height = typeof data.height === 'number' ? data.height : 0;
+                var evt = { type: 'load', target: this };
+                this.onload(evt);
+            }
+        });
+    }
+
+    addEventListener(name, listener) {
+        if (name === 'load') {
+            this.onload = listener;
+        } else if (name === 'error') {
+            this.onerror = listener;
+        }
+    }
+
+    removeEventListener(name, listener) {
+        if (name === 'load') {
+            this.onload = noop;
+        } else if (name === 'error') {
+            this.onerror = noop;
+        }
+    }
+
+    get onload() {
+        return this._onload;
+    }
+
+    set onload(v) {
+        this._onload = v;
+    }
+
+    get onerror() {
+        return this._onerror;
+    }
+
+    set onerror(v) {
+        this._onerror = v;
+    }
+}
+
+export default GImage;
\ No newline at end of file
diff --git a/components/firstui/fui-poster-weex/gcanvas/env/tool.js b/components/firstui/fui-poster-weex/gcanvas/env/tool.js
new file mode 100644
index 0000000..2d5e272
--- /dev/null
+++ b/components/firstui/fui-poster-weex/gcanvas/env/tool.js
@@ -0,0 +1,25 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8614  0   7 2 54  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+
+export function ArrayBufferToBase64 (buffer) {
+    var binary = '';
+    var bytes = new Uint8ClampedArray(buffer);
+    for (var len = bytes.byteLength, i = 0; i < len; i++) {
+        binary += String.fromCharCode(bytes[i]);
+    }
+    return btoa(binary);
+}
+
+export function Base64ToUint8ClampedArray(base64String) {
+	const padding = '='.repeat((4 - base64String.length % 4) % 4);
+	const base64 = (base64String + padding)
+		.replace(/\-/g, '+')
+		.replace(/_/g, '/');
+
+	const rawData = atob(base64);
+	const outputArray = new Uint8ClampedArray(rawData.length);
+
+	for (let i = 0; i < rawData.length; ++i) {
+		outputArray[i] = rawData.charCodeAt(i);
+	}
+	return outputArray;
+}
\ No newline at end of file
diff --git a/components/firstui/fui-poster-weex/gcanvas/index.js b/components/firstui/fui-poster-weex/gcanvas/index.js
new file mode 100644
index 0000000..5d7ec55
--- /dev/null
+++ b/components/firstui/fui-poster-weex/gcanvas/index.js
@@ -0,0 +1,48 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18 6 14 07 2     5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import GCanvas from './env/canvas';
+import GImage from './env/image';
+
+import GWebGLRenderingContext from './context-webgl/RenderingContext';
+import GContext2D from './context-2d/RenderingContext';
+
+import GBridgeWeex from './bridge/bridge-weex';
+
+export let Image = GImage;
+
+export let WeexBridge = GBridgeWeex;
+
+export function enable(el, {
+	bridge,
+	debug,
+	disableAutoSwap,
+	disableComboCommands
+} = {}) {
+
+	const GBridge = GImage.GBridge = GCanvas.GBridge = GWebGLRenderingContext.GBridge = GContext2D.GBridge = bridge;
+
+	GBridge.callEnable(el.ref, [
+		0, // renderMode: 0--RENDERMODE_WHEN_DIRTY, 1--RENDERMODE_CONTINUOUSLY
+		-1, // hybridLayerType:  0--LAYER_TYPE_NONE 1--LAYER_TYPE_SOFTWARE 2--LAYER_TYPE_HARDWARE
+		false, // supportScroll
+		false, // newCanvasMode
+		1, // compatible
+		'white', // clearColor
+		false // sameLevel: newCanvasMode = true && true => GCanvasView and Webview is same level
+	]);
+
+	if (debug === true) {
+		GBridge.callEnableDebug();
+	}
+	if (disableComboCommands) {
+		GBridge.callEnableDisableCombo();
+	}
+
+	var canvas = new GCanvas(el.ref, {
+		disableAutoSwap
+	});
+	let pixelRatio = uni.getSystemInfoSync().pixelRatio;
+	canvas.width = el.style.width * pixelRatio;
+	canvas.height = el.style.height * pixelRatio;
+
+	return canvas;
+};
\ No newline at end of file
diff --git a/components/firstui/fui-poster/fui-poster.vue b/components/firstui/fui-poster/fui-poster.vue
new file mode 100644
index 0000000..e536094
--- /dev/null
+++ b/components/firstui/fui-poster/fui-poster.vue
@@ -0,0 +1,206 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1  861  4 0 7 2 5  49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<!-- #ifndef MP-QQ -->
+	<canvas :style="{ width: w + 'px', height: h + 'px' }" :canvas-id="canvasId" :id="canvasId"
+		class="fui-poster__canvas" v-if="canvasId"></canvas>
+	<!-- #endif -->
+
+	<!-- #ifdef MP-QQ -->
+	<canvas :style="{ width: w + 'px', height: h + 'px' }" canvas-id="canvas_poster"
+		class="fui-poster__canvas"></canvas>
+	<!-- #endif -->
+</template>
+
+<script>
+	// #ifdef MP-WEIXIN
+	const canvasId = `fui_${Math.ceil(Math.random() * 10e5).toString(36)}`
+	// #endif
+	//注意：h5、app-vue 中单个尺寸过大的 canvas 在 iOS/Safari 无法绘制（具体限制尺寸未公布）
+	import poster from './index.js';
+	export default {
+		name: "fui-poster",
+		emits: ['ready'],
+		props: {
+			//画布宽度，单位rpx
+			width: {
+				type: [Number, String],
+				default: 750
+			},
+			//画布高度，单位rpx
+			height: {
+				type: [Number, String],
+				default: 1024
+			},
+			//像素比率，缩放比
+			pixelRatio: {
+				type: [Number, String],
+				// #ifdef MP-ALIPAY
+				default: 3
+				// #endif
+				// #ifndef MP-ALIPAY
+				default: 2
+				// #endif
+			}
+		},
+		data() {
+			//如果小程序端无法识别，则使用固定值
+			// #ifndef MP-WEIXIN || MP-QQ
+			const canvasId = `fui_${Math.ceil(Math.random() * 10e5).toString(36)}`
+			// #endif
+			//vue3下QQ小程序无法使用动态id
+			// #ifdef MP-QQ
+			const canvasId = 'canvas_poster'
+			// #endif
+			return {
+				canvasId,
+				w: 375,
+				h: 512
+			};
+		},
+		watch: {
+			width(val) {
+				this.w = this._toPx(val)
+			},
+			height(val) {
+				this.h = this._toPx(val)
+			}
+		},
+		created() {
+			this.w = this._toPx(this.width)
+			this.h = this._toPx(this.height)
+		},
+		mounted() {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					poster.create(Number(this.pixelRatio), this.canvasId, this)
+					this.$emit('ready')
+				}, 50)
+			})
+		},
+		methods: {
+			_toPx(rpx) {
+				return uni.upx2px(Number(rpx) * Number(this.pixelRatio))
+			},
+			_getPosterData(texts, blocks, lines, imgs) {
+				let queue = [].concat(texts.map((item) => {
+					item.type = 'text';
+					item.zIndex = item.zIndex || 0;
+					return item;
+				})).concat(blocks.map((item) => {
+					item.type = 'block';
+					item.zIndex = item.zIndex || 0;
+					return item;
+				})).concat(lines.map((item) => {
+					item.type = 'line';
+					item.zIndex = item.zIndex || 0;
+					return item;
+				})).concat(imgs.map((item) => {
+					item.type = 'image';
+					item.zIndex = item.zIndex || 0;
+					return item;
+				}));
+				// 按照顺序排序
+				queue.sort((a, b) => a.zIndex - b.zIndex);
+				return queue;
+			},
+			//生成海报
+			generatePoster(params, callback) {
+				let {
+					texts = [], imgs = [], blocks = [], lines = []
+				} = params;
+				//需要看平台支持情况，如果对应平台不支持将会绘制失败
+				//图片处理 type：1-无需处理（base64、本地路径、网络路径等，需在平台支持下），2-网络图片，下载 3-base64转本地图片（只支持App，微信小程序，H5）
+				if (imgs.length > 0) {
+					let funcArr = []
+					let idxArr = []
+					imgs.forEach((item, index) => {
+						if (item.type == 2) {
+							funcArr.push(poster.getImage(item.imgResource))
+							idxArr.push(index)
+						}
+						// #ifdef APP-PLUS || H5 || MP-WEIXIN
+						if (item.type == 3) {
+							funcArr.push(poster.getImagebyBase64(item.imgResource))
+							idxArr.push(index)
+						}
+						// #endif
+					})
+					if (funcArr.length > 0) {
+						Promise.all(funcArr).then(res => {
+							res.forEach((imgRes, idx) => {
+								let item = imgs[idxArr[idx]]
+								item.imgResource = imgRes
+								// console.log(imgRes)
+							})
+							const queue = this._getPosterData(texts, blocks, lines, imgs);
+							poster.generatePoster(this.width, this.height, queue, callback)
+
+						}).catch(err => {
+							// console.log(err)
+							uni.showToast({
+								title: '图片资源处理失败',
+								icon: 'none'
+							})
+						})
+					} else {
+						const queue = this._getPosterData(texts, blocks, lines, imgs);
+						poster.generatePoster(this.width, this.height, queue, callback)
+					}
+				} else {
+					const queue = this._getPosterData(texts, blocks, lines, imgs);
+					poster.generatePoster(this.width, this.height, queue, callback)
+				}
+			},
+			saveImage(filePath) {
+				poster.saveImage(filePath)
+			},
+			//删除已缓存文件，防止超出存储空间大小限制 【备用】
+			//App、微信小程序、支付宝小程序、百度小程序、抖音小程序、飞书小程序、QQ小程序、京东小程序
+			removeSavedFile() {
+				//使用前请先查看支持平台
+				let count = 0;
+				return new Promise((resolve, reject) => {
+					// #ifdef APP-PLUS || MP-WEIXIN || MP-ALIPAY || MP-BAIDU || MP-TOUTIAO || MP-JD || MP-QQ || MP-LARK
+					uni.getSavedFileList({
+						success(res) {
+							count = res.fileList.length;
+							if (count > 0) {
+								let num = 0;
+								let list = res.fileList || []
+								list.forEach(item => {
+									uni.removeSavedFile({
+										filePath: item.filePath,
+										complete(res) {
+											num++;
+											if (num === count) {
+												resolve(true)
+											}
+										}
+									})
+								})
+							} else {
+								resolve(true)
+							}
+						},
+						fail() {
+							reject(false)
+						}
+					})
+					// #endif
+
+					// #ifndef APP-PLUS || MP-WEIXIN || MP-ALIPAY || MP-BAIDU || MP-TOUTIAO || MP-JD || MP-QQ || MP-LARK
+					resolve(true)
+					// #endif
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-poster__canvas {
+		position: fixed;
+		left: -6666px;
+		bottom: 0;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-poster/index.js b/components/firstui/fui-poster/index.js
new file mode 100644
index 0000000..43c44a1
--- /dev/null
+++ b/components/firstui/fui-poster/index.js
@@ -0,0 +1,644 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18 6  1 40  7  2  549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+/*!
+ * 生成海报
+ * poster - v1.8.0 (2023/02/02, 16:52:14 PM)
+ *
+ *
+ * 官网地址：https://firstui.cn/
+ * 文档地址：https://doc.firstui.cn/
+ */
+const poster = {
+	_pixelRatio: 2,
+	_ctx: null,
+	_canvasId: null,
+	_this: null,
+	create(pixelRatio, canvasId, _this) {
+		poster._pixelRatio = pixelRatio;
+		poster._canvasId = canvasId;
+		poster._this = _this;
+		poster._ctx = uni.createCanvasContext(canvasId, _this)
+	},
+	_toPx(rpx) {
+		return uni.upx2px(rpx * poster._pixelRatio)
+	},
+	_getTextWidth(context, text, fontSize) {
+		let width = 0;
+		// #ifndef MP-ALIPAY || MP-BAIDU
+		width = context.measureText(text).width
+		// #endif
+
+		//支付宝小程序ios真机测试measureText获取长度有bug
+		//百度小程序有frontText时误差较大，影响绘制效果
+		// #ifdef MP-ALIPAY || MP-BAIDU
+		let sum = 0;
+		for (let i = 0, len = text.length; i < len; i++) {
+			if (text.charCodeAt(i) >= 0 && text.charCodeAt(i) <= 255)
+				sum = sum + 1;
+			else
+				sum = sum + 2;
+		}
+		width = sum / 2 * poster._toPx(fontSize)
+		// #endif
+
+		return width;
+	},
+	//canvas文字换行，rows=-1则不限制行数
+	_wrapText(text, fontSize, textWidth, width, context, rows = 2) {
+		let textArr = [];
+		if (textWidth > width) {
+			let fillText = '';
+			let lines = 1;
+			let arr = text.split('')
+			for (let i = 0, len = arr.length; i < len; i++) {
+				fillText = fillText + arr[i];
+				if (poster._getTextWidth(context, fillText, fontSize) >= width) {
+					if (lines === rows && rows !== -1) {
+						if (i !== arr.length - 1) {
+							fillText = fillText.substring(0, fillText.length - 1) + '...';
+						}
+						textArr.push(fillText);
+						break;
+					}
+					textArr.push(fillText);
+					fillText = '';
+					lines++;
+				} else if (i === arr.length - 1) {
+					textArr.push(fillText);
+				}
+			}
+		} else {
+			textArr.push(text)
+		}
+		return textArr;
+	},
+	_drawText(context, params) {
+		let {
+			x,
+			y,
+			fontSize,
+			color,
+			baseLine = 'normal',
+			textAlign = 'left',
+			frontText,
+			frontSize,
+			spacing, //单位rpx
+			text,
+			opacity = 1,
+			lineThrough = false,
+			width = 500, //单位rpx
+			rows = 1,
+			lineHeight = 0,
+			fontWeight = 'normal',
+			fontStyle = 'normal',
+			fontFamily = "sans-serif"
+		} = params;
+		context.save();
+		context.beginPath();
+		context.font = fontStyle + " " + fontWeight + " " + poster._toPx(fontSize) + "px " + fontFamily
+		context.setGlobalAlpha(opacity);
+		// #ifdef MP-TOUTIAO
+		context.setFontSize(poster._toPx(fontSize));
+		// #endif
+		context.setFillStyle(color);
+		context.setTextBaseline(baseLine);
+		context.setTextAlign(textAlign);
+		let textWidth = poster._getTextWidth(context, text, fontSize);
+		width = poster._toPx(width);
+		let textArr = poster._wrapText(text, fontSize, textWidth, width, context, rows)
+		//如果文本前面有其他文本内容
+		if (frontText) {
+			context.setFontSize(poster._toPx(frontSize));
+			x = poster._getTextWidth(context, frontText, frontSize) + poster._toPx(x + spacing);
+			context.setFontSize(poster._toPx(fontSize));
+		} else {
+			x = poster._toPx(x)
+		}
+		textArr.forEach((item, index) => {
+			context.fillText(item, x, poster._toPx(y + (lineHeight || fontSize) * index))
+		})
+		context.restore();
+		if (lineThrough) {
+			let lineY = y;
+			// 根据baseLine的不同对贯穿线的Y坐标做相应调整
+			switch (baseLine) {
+				case 'top':
+					lineY += fontSize / 2 + 4;
+					break;
+				case 'middle':
+					break;
+				case 'bottom':
+					lineY -= fontSize / 2 + 4;
+					break;
+				default:
+					// #ifdef MP-WEIXIN
+					lineY -= fontSize / 2 - 3;
+					// #endif
+					// #ifndef MP-WEIXIN
+					lineY -= fontSize / 2 - 4;
+					// #endif
+					break;
+			}
+			context.save();
+			context.moveTo(x, poster._toPx(lineY));
+			context.lineTo(x + textWidth + 2, poster._toPx(lineY));
+			context.setStrokeStyle(color);
+			context.stroke();
+			context.restore();
+		}
+	},
+	_drawRadiusRect(context, params) {
+		let {
+			x,
+			y,
+			width,
+			height,
+			borderRadius
+		} = params;
+		let r = poster._toPx(borderRadius / 2);
+
+		x = poster._toPx(x)
+		y = poster._toPx(y)
+		width = poster._toPx(width)
+		height = poster._toPx(height)
+
+		context.beginPath();
+		context.arc(x + r, y + r, r, Math.PI, Math.PI * 1.5);
+		context.moveTo(x + r, y);
+		context.lineTo(x + width - r, y);
+		context.lineTo(x + width, y + r);
+
+		context.arc(x + width - r, y + r, r, Math.PI * 1.5, Math.PI * 2);
+		context.lineTo(x + width, y + height - r);
+		context.lineTo(x + width - r, y + height);
+
+		context.arc(x + width - r, y + height - r, r, 0, Math.PI * 0.5);
+		context.lineTo(x + r, y + height);
+		context.lineTo(x, y + height - r);
+
+		context.arc(x + r, y + height - r, r, Math.PI * 0.5, Math.PI);
+		context.lineTo(x, y + r);
+		context.lineTo(x + r, y);
+	},
+	_drawImage(context, params) {
+		let {
+			imgResource,
+			x,
+			y,
+			width,
+			height,
+			sx,
+			sy,
+			sw,
+			sh,
+			borderRadius = 0,
+			borderWidth = 0,
+			borderColor
+		} = params;
+		context.save();
+		if (borderRadius > 0) {
+			this._drawRadiusRect(context, params);
+			context.strokeStyle = 'rgba(255,255,255,0)'
+			//处理百度/头条小程序黑边问题
+			// #ifndef MP-BAIDU || MP-TOUTIAO
+			context.stroke();
+			// #endif
+			context.clip();
+		}
+		if (sw && sh) {
+			//根据画布的宽高计算出图片绘制的大小，可保证图片绘制不变形
+			//暂时未使用此api，后期如果有需要再进行优化
+			context.drawImage(imgResource, poster._toPx(sx), poster._toPx(sy), poster._toPx(sw), poster._toPx(sh),
+				poster
+				._toPx(x), poster._toPx(y), poster._toPx(width), poster._toPx(height));
+		} else {
+			context.drawImage(imgResource, poster._toPx(x), poster._toPx(y), poster._toPx(width), poster._toPx(
+				height))
+		}
+		if (borderWidth && borderWidth > 0) {
+			context.setStrokeStyle(borderColor);
+			context.setLineWidth(poster._toPx(borderWidth));
+			context.stroke();
+		}
+		context.restore();
+	},
+	_drawBlock(context, params) {
+		let {
+			width,
+			height,
+			x,
+			y,
+			borderWidth,
+			backgroundColor,
+			gradientColor,
+			gradientType = 1,
+			borderColor,
+			borderRadius = 0,
+			opacity = 1,
+			shadow
+		} = params;
+		if (backgroundColor) {
+			context.save();
+			context.setGlobalAlpha(opacity);
+			if (gradientColor) {
+				// #ifndef MP-KUAISHOU
+				let grd = null;
+				if (gradientType == 1) {
+					//从上到下
+					grd = context.createLinearGradient(0, 0, poster._toPx(width), poster._toPx(height))
+				} else {
+					//从左到右
+					grd = context.createLinearGradient(0, poster._toPx(width), poster._toPx(height), 0)
+				}
+				grd.addColorStop(0, backgroundColor)
+				grd.addColorStop(1, gradientColor)
+				// Fill with gradient
+				context.setFillStyle(grd);
+				// #endif
+
+				// #ifdef MP-KUAISHOU
+				context.setFillStyle(backgroundColor);
+				// #endif
+			} else {
+				context.setFillStyle(backgroundColor);
+			}
+
+			if (shadow) {
+				const {
+					offsetX,
+					offsetY,
+					blur,
+					color
+				} = shadow;
+				context.shadowOffsetX = poster._toPx(offsetX)
+				context.shadowOffsetY = poster._toPx(offsetY)
+				context.shadowBlur = blur
+				context.shadowColor = color
+				// context.setShadow(poster._toPx(offsetX), poster._toPx(offsetY), blur, color);
+			}
+
+			if (borderRadius > 0) {
+				// 画圆角矩形
+				poster._drawRadiusRect(context, params);
+				context.fill();
+			} else {
+				context.fillRect(poster._toPx(x), poster._toPx(y), poster._toPx(width), poster._toPx(height));
+			}
+			context.restore();
+		}
+		if (borderWidth) {
+			// 画线
+			context.save();
+			context.setGlobalAlpha(opacity);
+			context.setStrokeStyle(borderColor);
+			context.setLineWidth(poster._toPx(borderWidth));
+			if (borderRadius > 0) {
+				// 画圆角矩形边框
+				poster._drawRadiusRect(context, params);
+				context.stroke();
+			} else {
+				context.strokeRect(poster._toPx(x), poster._toPx(y), poster._toPx(width), poster._toPx(height));
+			}
+			context.restore();
+		}
+
+	},
+	_drawLine(context, params) {
+		let {
+			x,
+			y,
+			endX,
+			endY,
+			color,
+			width = 1
+		} = params;
+		context.save();
+		context.beginPath();
+		context.setStrokeStyle(color);
+		context.setLineWidth(poster._toPx(width));
+		context.moveTo(poster._toPx(x), poster._toPx(y));
+		context.lineTo(poster._toPx(endX), poster._toPx(endY));
+		context.stroke();
+		context.closePath();
+		context.restore();
+	},
+	//ios用户拒绝相册访问 ，引导用户到设置页面，开启相册访问权限
+	//-1=未请求  1 = 已允许，0 = 拒绝|受限
+	_judgeIosPermissionPhotoLibrary() {
+		// #ifdef APP-PLUS
+		var result = 0;
+		var PHPhotoLibrary = plus.ios.import("PHPhotoLibrary");
+		var authStatus = PHPhotoLibrary.authorizationStatus();
+		if (authStatus === 0) {
+			result = -1;
+		} else if (authStatus == 3) {
+			result = 1;
+			console.log("相册权限已经开启");
+		} else {
+			result = 0;
+			console.log("相册权限没有开启");
+		}
+		plus.ios.deleteObject(PHPhotoLibrary);
+		return result;
+		// #endif
+	},
+	// Android权限查询
+	_requestAndroidPermission(permissionID) {
+		// #ifdef APP-PLUS
+		return new Promise((resolve, reject) => {
+			plus.android.requestPermissions(
+				// 理论上支持多个权限同时查询，本函数封装只处理了一个权限的情况。有需要的可自行扩展封装
+				[permissionID],
+				function(resultObj) {
+					var result = 0;
+					for (var i = 0; i < resultObj.granted.length; i++) {
+						var grantedPermission = resultObj.granted[i];
+						console.log('已获取的权限：' + grantedPermission);
+						result = 1
+					}
+					for (var i = 0; i < resultObj.deniedPresent.length; i++) {
+						var deniedPresentPermission = resultObj.deniedPresent[i];
+						console.log('拒绝本次申请的权限：' + deniedPresentPermission);
+						result = 0
+					}
+					for (var i = 0; i < resultObj.deniedAlways.length; i++) {
+						var deniedAlwaysPermission = resultObj.deniedAlways[i];
+						console.log('永久拒绝申请的权限：' + deniedAlwaysPermission);
+						result = -1
+					}
+					resolve(result);
+					// 若所需权限被拒绝,则打开APP设置界面,可以在APP设置界面打开相应权限
+				},
+				function(error) {
+					console.log('申请权限错误：' + error.code + " = " + error.message);
+					resolve({
+						code: error.code,
+						message: error.message
+					});
+				}
+			);
+		});
+		// #endif
+	},
+	// 跳转到**应用**的权限页面
+	_gotoAppPermissionSetting(isAndroid) {
+		// #ifdef APP-PLUS
+		if (!isAndroid) {
+			var UIApplication = plus.ios.import("UIApplication");
+			var application2 = UIApplication.sharedApplication();
+			var NSURL2 = plus.ios.import("NSURL");
+			// var setting2 = NSURL2.URLWithString("prefs:root=LOCATION_SERVICES");
+			var setting2 = NSURL2.URLWithString("app-settings:");
+			application2.openURL(setting2);
+
+			plus.ios.deleteObject(setting2);
+			plus.ios.deleteObject(NSURL2);
+			plus.ios.deleteObject(application2);
+		} else {
+			// console.log(plus.device.vendor);
+			var Intent = plus.android.importClass("android.content.Intent");
+			var Settings = plus.android.importClass("android.provider.Settings");
+			var Uri = plus.android.importClass("android.net.Uri");
+			var mainActivity = plus.android.runtimeMainActivity();
+			var intent = new Intent();
+			intent.setAction(Settings.ACTION_APPLICATION_DETAILS_SETTINGS);
+			var uri = Uri.fromParts("package", mainActivity.getPackageName(), null);
+			intent.setData(uri);
+			mainActivity.startActivity(intent);
+		}
+		// #endif
+	},
+	_modal: function(callback, confirmColor, confirmText) {
+		uni.showModal({
+			title: '提示',
+			content: '您还没有开启相册权限，是否立即设置？',
+			showCancel: true,
+			cancelColor: '#B2B2B2',
+			confirmColor: confirmColor || "#181818",
+			confirmText: confirmText || "确定",
+			success(res) {
+				if (res.confirm) {
+					callback && callback(true)
+				} else {
+					callback && callback(false)
+				}
+			}
+		})
+	},
+	//相册权限查询，如果没有权限则提示打开设置页面
+	_judgePermissionPhotoLibrary: async function(callback) {
+		// #ifdef H5 || MP-ALIPAY|| MP-360
+		//H5端不支持调用api保存到相册
+		callback && callback(true)
+		// #endif
+
+		// #ifdef APP-PLUS
+		const res = uni.getSystemInfoSync();
+		let result;
+		let isAndroid = res.platform.toLocaleLowerCase() == "android";
+		if (isAndroid) {
+			result = await poster._requestAndroidPermission('android.permission.WRITE_EXTERNAL_STORAGE')
+		} else {
+			result = poster._judgeIosPermissionPhotoLibrary()
+		}
+		if (result == 1) {
+			callback && callback(true)
+		} else {
+			if (!(!isAndroid && result == -1)) {
+				poster._modal((res) => {
+					if (res) {
+						poster._gotoAppPermissionSetting(isAndroid)
+					}
+				})
+			} else {
+				callback && callback(true)
+			}
+		}
+		// #endif
+
+		// #ifdef MP-WEIXIN || MP-QQ || MP-BAIDU || MP-TOUTIAO
+		uni.authorize({
+			scope: 'scope.writePhotosAlbum',
+			success() {
+				callback && callback(true)
+			},
+			fail() {
+				poster._modal((res) => {
+					if (res) {
+						uni.openSetting({
+							success(res) {
+								console.log(res.authSetting)
+							}
+						});
+					}
+				})
+			}
+		})
+		// #endif
+	},
+	//图片转成本地文件
+	getImage(url) {
+		return new Promise((resolve, reject) => {
+			uni.downloadFile({
+				url: url,
+				success: res => {
+					resolve(res.tempFilePath);
+				},
+				fail: res => {
+					reject(false)
+				}
+			})
+		})
+	},
+	//当服务器端返回图片base64时,转成本地文件
+	//微信小程序不支持直接绘制base64，其他平台可根据支持情况进行处理
+	getImagebyBase64(base64) {
+		//使用前先查看支持平台
+		const uniqueId = `fui_${Math.ceil(Math.random() * 10e5).toString(36)}`
+		return new Promise((resolve, reject) => {
+			// #ifdef MP-WEIXIN
+			const [, format, bodyData] = /data:image\/(\w+);base64,(.*)/.exec(base64) || [];
+			let arrayBuffer = wx.base64ToArrayBuffer(bodyData)
+			//uniqueId：注意这里名称需要动态生成（名称相同部分机型会出现写入失败，显示的是上次生成的图片）
+			const filePath = `${wx.env.USER_DATA_PATH}/${uniqueId}.${format}`;
+			//此处可能会出现存储空间不足的情况，可清理缓存解决
+			//fail the maximum size of the file storage limit is exceeded
+			wx.getFileSystemManager().writeFile({
+				filePath,
+				data: arrayBuffer,
+				encoding: 'binary',
+				success() {
+					resolve(filePath);
+				},
+				fail() {
+					reject(false)
+				}
+			})
+			// #endif
+			// #ifdef APP-PLUS
+			let bitmap = new plus.nativeObj.Bitmap(uniqueId);
+			bitmap.loadBase64Data(base64, function() {
+				//console.log("加载Base64图片数据成功");
+				bitmap.save(`_doc/${uniqueId}.png`, {}, function(e) {
+					//console.log('保存图片成功：' + JSON.stringify(i));
+					// let width = e.width; // 保存后图片的实际宽度，单位为px
+					// let height = e.height; // 保存后图片的实际高度，单位为px
+					let target = e.target; // 保存后的图片url路径，以"file://"开头
+					resolve(target);
+
+				}, function(e) {
+					console.log('保存图片失败：' + JSON.stringify(e));
+					reject(false)
+				});
+			}, function() {
+				console.log('加载Base64图片数据失败：' + JSON.stringify(e));
+				reject(false)
+			});
+			// #endif
+
+			// #ifdef H5
+			// let img = new Image();
+			// img.src = base64;
+			resolve(base64);
+			// #endif
+
+			//后面查看文档说明再进行转换
+			// #ifdef MP-ALIPAY || MP-BAIDU || MP-TOUTIAO || MP-360
+			reject(false)
+			// #endif
+		})
+	},
+	generatePoster(cw, ch, queue, callback) {
+		const context = poster._ctx;
+		if (context) {
+			context.clearRect(0, 0, poster._toPx(cw), poster._toPx(ch))
+			queue.forEach((params) => {
+				if (params.type === 'image') {
+					poster._drawImage(context, params)
+				} else if (params.type === 'text') {
+					poster._drawText(context, params)
+				} else if (params.type === 'block') {
+					poster._drawBlock(context, params)
+				} else if (params.type === 'line') {
+					poster._drawLine(context, params)
+				}
+			});
+			const platform = uni.getSystemInfoSync().platform;
+			let time = 50;
+			if (platform === 'android') {
+				time = 300;
+			}
+			setTimeout(() => {
+				context.draw(false, () => {
+					setTimeout(() => {
+						// #ifdef MP-ALIPAY
+						context.toTempFilePath({
+							success: res => {
+								callback && callback(res.apFilePath)
+							},
+							fail: err => {
+								callback && callback(false)
+							}
+						});
+						// #endif
+						// #ifndef MP-ALIPAY
+						uni.canvasToTempFilePath({
+							x: 0,
+							y: 0,
+							canvasId: poster._canvasId,
+							fileType: 'png',
+							quality: 1,
+							success: function(res) {
+								callback && callback(res.tempFilePath)
+							},
+							fail() {
+								callback && callback(false)
+							}
+						}, poster._this)
+						// #endif
+					}, time)
+				})
+			}, 50)
+		} else {
+			callback && callback(false)
+		}
+	},
+	// 将海报图片保存到本地，H5只可预览然后长按保存
+	saveImage(file) {
+		// #ifndef H5
+		//检查是否授权相册权限
+		poster._judgePermissionPhotoLibrary((res) => {
+			//保存图片
+			if (res) {
+				uni.saveImageToPhotosAlbum({
+					filePath: file,
+					success(res) {
+						uni.showToast({
+							title: '图片保存成功',
+							icon: 'none'
+						})
+					},
+					fail(res) {
+						uni.showToast({
+							title: '图片保存失败',
+							icon: 'none'
+						})
+					}
+				})
+			}
+		})
+		// #endif
+		// #ifdef H5
+		uni.previewImage({
+			urls: [file]
+		});
+		// #endif
+	}
+}
+
+export default {
+	create: poster.create,
+	generatePoster: poster.generatePoster,
+	getImage: poster.getImage,
+	getImagebyBase64: poster.getImagebyBase64,
+	saveImage: poster.saveImage
+};
\ No newline at end of file
diff --git a/components/firstui/fui-preview/fui-preview.vue b/components/firstui/fui-preview/fui-preview.vue
new file mode 100644
index 0000000..75c0ef9
--- /dev/null
+++ b/components/firstui/fui-preview/fui-preview.vue
@@ -0,0 +1,552 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：     18 614 0   72549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-preview__wrap" :class="{'fui-preview__unlined':!isBorder,'fui-preview__background':!background}"
+		:style="{'border-top-color':borderColor,'border-bottom-color':borderColor,marginTop:marginTop+'rpx',marginBottom:marginBottom+'rpx',background:background}">
+		<view class="fui-preview__hd" :style="{paddingLeft:padding+'rpx',paddingRight:padding+'rpx'}"
+			v-if="pvd[label] || pvd[value]">
+			<view class="fui-preview__item">
+				<text class="fui-preview__label" :class="{'fui-preview__gray':!labelColor}"
+					:style="{color:labelColor,fontSize:hdLabelSize+'rpx',width:hdLabelWidth>0?hdLabelWidth+'rpx':'auto',marginRight:labelRight+'rpx'}">{{pvd[label] || ''}}</text>
+				<text class="fui-preview__value-hd" :class="{'fui-preview__color':!hdValColor}"
+					:style="{color:hdValColor,fontSize:hdValSize+'rpx',textAlign:bdAlign}">{{pvd[value] || ''}}</text>
+			</view>
+			<view :style="{background:borderColor,left:hdLeft+'rpx',right:hdRight+'rpx'}" class="fui-preview__border"
+				:class="{'fui-preview__border-color':!borderColor}"></view>
+		</view>
+		<view class="fui-preview__bd" v-if="pvd[list] && pvd[list].length>0"
+			:style="{paddingLeft:padding+'rpx',paddingRight:padding+'rpx'}">
+			<view class="fui-preview__item" v-for="(item,index) in pvd[list]" :key="index">
+				<text class="fui-preview__label"
+					:class="[!labelColor && !item[lColor]?'fui-preview__gray':'','fui-preview__label-'+labelAlign]"
+					:style="{color:item[lColor] || labelColor,fontSize:bdSize+'rpx',width:labelWidth>0?labelWidth+'rpx':'auto',marginRight:labelRight+'rpx'}">{{item[label]}}</text>
+				<!-- #ifndef APP-NVUE -->
+				<text class="fui-preview__value" :class="{'fui-preview__color':!bdColor && !item[valueColor]}"
+					:style="{color:item[valueColor] || bdColor,fontSize:bdSize+'rpx',textAlign:bdAlign}"
+					@tap="itemClick(index)">{{item[value]}}</text>
+				<!-- #endif -->
+				<!-- #ifdef APP-NVUE -->
+				<view class="fui-preview__value-wrap">
+					<text class="fui-preview__value" :class="{'fui-preview__color':!bdColor && !item[valueColor]}"
+						:style="{color:item[valueColor] || bdColor,fontSize:bdSize+'rpx',textAlign:bdAlign}"
+						@tap="itemClick(index)">{{item[value]}}</text>
+				</view>
+				<!-- #endif -->
+			</view>
+		</view>
+		<slot></slot>
+		<view class="fui-preview__ft" :style="{'border-top-color':borderColor}"
+			v-if="pvd[buttons] && pvd[buttons].length>0">
+			<view :style="{'border-right-color':idx!==pvd[buttons].length-1?borderColor : 'transparent'}"
+				:class="[highlight?'fui-preview__hover-weex':'',idx!==pvd[buttons].length-1?'fui-preview__btn-def':'fui-preview__btn']"
+				:hover-class="highlight?'fui-preview_hover':''" :hover-stay-time="150" v-for="(btn,idx) in pvd[buttons]"
+				:key="idx" @tap="handleClick(idx)">
+				<text :style="{fontSize:btnSize+'rpx',color:btn[color] || '#465CFF'}"
+					:class="{'fui-preview__link':!btn[color]}">{{btn[text]}}</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-preview",
+		emits: ['click', 'valueClick'],
+		props: {
+			previewData: {
+				type: Object,
+				default () {
+					return {}
+				}
+			},
+			fields: {
+				type: Object,
+				default () {
+					return {}
+				}
+			},
+			// #ifdef APP-NVUE
+			background: {
+				type: String,
+				default: '#fff'
+			},
+			// #endif
+			// #ifndef APP-NVUE
+			background: {
+				type: String,
+				default: ''
+			},
+			// #endif
+			marginTop: {
+				type: [Number, String],
+				default: 0
+			},
+			marginBottom: {
+				type: [Number, String],
+				default: 0
+			},
+			//左右间距
+			padding: {
+				type: [Number, String],
+				default: 32
+			},
+			labelWidth: {
+				type: [Number, String],
+				default: 0
+			},
+			//left / right / justify
+			labelAlign: {
+				type: String,
+				default: 'left'
+			},
+			// #ifdef APP-NVUE
+			labelColor: {
+				type: String,
+				default: '#7F7F7F'
+			},
+			// #endif
+			// #ifndef APP-NVUE
+			labelColor: {
+				type: String,
+				default: ''
+			},
+			// #endif
+			//V1.9.9+
+			labelRight: {
+				type: [Number, String],
+				default: 32
+			},
+			//V1.9.9+
+			hdLabelWidth: {
+				type: [Number, String],
+				default: 0
+			},
+			hdLabelSize: {
+				type: [Number, String],
+				default: 32
+			},
+			hdValSize: {
+				type: [Number, String],
+				default: 36
+			},
+			// #ifdef APP-NVUE
+			hdValColor: {
+				type: String,
+				default: '#181818'
+			},
+			// #endif
+			// #ifndef APP-NVUE
+			hdValColor: {
+				type: String,
+				default: ''
+			},
+			// #endif
+			bdSize: {
+				type: [Number, String],
+				default: 28
+			},
+			// #ifdef APP-NVUE
+			bdColor: {
+				type: String,
+				default: '#181818'
+			},
+			// #endif
+			// #ifndef APP-NVUE
+			bdColor: {
+				type: String,
+				default: ''
+			},
+			// #endif
+			//V1.9.9+ 内容对齐方式：left、right
+			bdAlign: {
+				type: String,
+				default: 'right'
+			},
+			btnSize: {
+				type: [Number, String],
+				default: 32
+			},
+			//按钮是否有点击效果
+			highlight: {
+				type: Boolean,
+				default: true
+			},
+			hdLeft: {
+				type: [Number, String],
+				default: 32
+			},
+			hdRight: {
+				type: [Number, String],
+				default: 0
+			},
+			// #ifdef APP-NVUE
+			borderColor: {
+				type: String,
+				default: '#eee'
+			},
+			// #endif
+			// #ifndef APP-NVUE
+			borderColor: {
+				type: String,
+				default: ''
+			},
+			// #endif
+			//是否需要preview外层上下线条
+			isBorder: {
+				type: Boolean,
+				default: true
+			}
+		},
+		watch: {
+			previewData(val) {
+				this.initData(val)
+			},
+			//未做深度监听
+			fields(val) {
+				this.handleFileds()
+			}
+		},
+		created() {
+			this.initData(this.previewData)
+		},
+		data() {
+			return {
+				pvd: {},
+				label: 'label',
+				value: 'value',
+				list: 'list',
+				lColor: 'labelColor',
+				valueColor: 'valueColor',
+				buttons: 'buttons',
+				text: 'text',
+				color: 'color'
+			};
+		},
+		methods: {
+			handleFileds() {
+				if (this.fields && typeof this.fields === 'object') {
+					this.label = this.fields.label || 'label';
+					this.value = this.fields.value || 'value';
+					this.list = this.fields.list || 'list';
+					this.lColor = this.fields.labelColor || 'labelColor';
+					this.valueColor = this.fields.valueColor || 'valueColor';
+					this.buttons = this.fields.buttons || 'buttons';
+					this.text = this.fields.text || 'text';
+					this.color = this.fields.color || 'color';
+				}
+			},
+			initData(val) {
+				this.handleFileds()
+				val = val || {};
+				val[this.list] = val[this.list] || [];
+				val[this.buttons] = val[this.buttons] || [];
+				this.pvd = val;
+			},
+			handleClick(idx) {
+				let params = this.pvd[this.buttons][idx] || {}
+				this.$emit('click', {
+					index: idx,
+					...params
+				})
+			},
+			itemClick(index) {
+				this.$emit('valueClick', {
+					index,
+					item: this.pvd[this.list][index]
+				})
+			},
+			setValue(index, value) {
+				const idx = Number(index)
+				if (idx || idx === 0) {
+					const data = JSON.parse(JSON.stringify(this.pvd))
+					const item = data[this.list][idx]
+					item[this.value] = value;
+					this.pvd = data
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-preview__wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		border-top-width: 0;
+		border-bottom-width: 0;
+		/* #endif */
+		flex: 1;
+		position: relative;
+		overflow: hidden;
+
+		/* #ifdef APP-NVUE */
+		border-top-width: 0.5px;
+		border-top-style: solid;
+		border-bottom-width: 0.5px;
+		border-bottom-style: solid;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-preview__background {
+		background: var(--fui-bg-color, #FFFFFF) !important;
+	}
+
+	/* #endif */
+	.fui-preview__unlined {
+		border-top-width: 0 !important;
+		border-bottom-width: 0 !important;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-preview__wrap::before {
+		top: 0;
+		border-top: 1px solid var(--fui-color-border, #EEEEEE);
+		-webkit-transform-origin: 0 0;
+		transform-origin: 0 0;
+		-webkit-transform: scaleY(.5);
+		transform: scaleY(.5)
+	}
+
+	.fui-preview__wrap::after {
+		content: " ";
+		position: absolute;
+		left: 0;
+		right: 0;
+		height: 1px;
+	}
+
+	.fui-preview__wrap::before {
+		content: " ";
+		position: absolute;
+		left: 0;
+		right: 0;
+		height: 1px;
+	}
+
+	.fui-preview__wrap::after {
+		bottom: 0;
+		border-bottom: 1px solid var(--fui-color-border, #EEEEEE);
+		-webkit-transform-origin: 0 100%;
+		transform-origin: 0 100%;
+		-webkit-transform: scaleY(.5);
+		transform: scaleY(.5)
+	}
+
+	.fui-preview__unlined::before {
+		border-top-width: 0 !important;
+		border-bottom-width: 0 !important;
+	}
+
+	.fui-preview__unlined::after {
+		border-top-width: 0 !important;
+		border-bottom-width: 0 !important;
+	}
+
+	/* #endif */
+	.fui-preview__hd {
+		position: relative;
+		padding-top: 32rpx;
+		padding-bottom: 32rpx;
+		text-align: right;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+		line-height: 56rpx;
+	}
+
+	.fui-preview__border {
+		position: absolute;
+		bottom: 0;
+		/* #ifdef APP-NVUE */
+		height: 0.5px;
+		z-index: -1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		height: 1px;
+		-webkit-transform: scaleY(0.5);
+		transform: scaleY(0.5);
+		transform-origin: 0 100%;
+		z-index: 1;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-preview__border-color {
+		background: var(--fui-color-border, #EEEEEE) !important;
+	}
+
+	/* #endif */
+
+	/* #ifdef APP-NVUE */
+	.fui-preview__value-wrap {
+		flex: 1;
+	}
+
+	/* #endif */
+	.fui-preview__value {
+		text-align: right;
+		/* #ifndef APP-NVUE */
+		flex: 1;
+		display: block;
+		word-break: break-all;
+		word-wrap: break-word;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-preview__color {
+		color: var(--fui-color-title, #181818) !important;
+	}
+
+	/* #endif */
+
+	.fui-preview__value-hd {
+		font-style: normal;
+		font-size: 36rpx;
+		flex: 1;
+	}
+
+	.fui-preview__bd {
+		flex: 1;
+		padding-top: 32rpx;
+		padding-bottom: 32rpx;
+		line-height: 48rpx;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box
+			/* #endif */
+	}
+
+
+	.fui-preview__ft {
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+		position: relative;
+		height: 100rpx;
+		/* #ifdef APP-NVUE */
+		border-top-width: 0.5px;
+		border-top-style: solid;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		display: flex;
+		border-top-width: 0;
+		/* #endif */
+		flex-direction: row;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-preview__ft::before {
+		content: " ";
+		position: absolute;
+		left: 0;
+		top: 0;
+		right: 0;
+		height: 1px;
+		border-top: 1px solid var(--fui-color-border, #EEEEEE);
+		transform-origin: 0 0;
+		transform: scaleY(.5)
+	}
+
+	/* #endif */
+
+	.fui-preview__item {
+		padding: 8rpx 0;
+		overflow: hidden;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		justify-content: space-between;
+		/* #ifdef APP-NVUE */
+		align-items: flex-start;
+		/* #endif */
+	}
+
+	.fui-preview__label {
+		margin-right: 32rpx;
+		/* #ifndef APP-NVUE */
+		min-width: 112rpx;
+		text-align: justify;
+		flex-shrink: 0;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-preview__label-right {
+		text-align-last: right;
+	}
+
+	.fui-preview__label-justify {
+		text-align-last: justify;
+	}
+
+	/* #endif */
+
+	/* #ifndef APP-NVUE */
+	.fui-preview__gray {
+		color: var(--fui-color-subtitle, #7F7F7F) !important;
+	}
+
+	/* #endif */
+
+	.fui-preview__btn,
+	.fui-preview__btn-def {
+		flex: 1;
+		text-align: center;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-preview__btn-def {
+		position: relative;
+		/* #ifdef APP-NVUE */
+		border-right-width: 0.5px;
+		border-right-style: solid;
+		/* #endif */
+	}
+
+	.fui-preview__link {
+		/* #ifdef APP-NVUE */
+		color: #465CFF !important;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		color: var(--fui-color-link, #465CFF) !important;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-preview__btn-def::after {
+		content: " ";
+		position: absolute;
+		right: 0;
+		top: 0;
+		width: 1px;
+		bottom: 0;
+		border-right: 1px solid var(--fui-color-border, #eee);
+		transform-origin: 100% 0;
+		transform: scaleX(.5)
+	}
+
+	/* #endif */
+
+	/* #ifndef APP-NVUE */
+	.fui-preview_hover {
+		background-color: var(--fui-bg-color-hover, rgba(0, 0, 0, 0.2)) !important;
+	}
+
+	/* #endif */
+
+	/* #ifdef APP-NVUE */
+	.fui-preview__hover-weex:active {
+		background-color: rgba(0, 0, 0, 0.2) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-progress/fui-progress.vue b/components/firstui/fui-progress/fui-progress.vue
new file mode 100644
index 0000000..8bcd2b1
--- /dev/null
+++ b/components/firstui/fui-progress/fui-progress.vue
@@ -0,0 +1,218 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  1 8  61 4  072  549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-progress__wrap">
+		<view class="fui-progress__bar-bg"
+			:style="{ height: height + 'rpx', borderRadius: radius+'rpx', background: background }">
+			<!-- #ifndef APP-NVUE -->
+			<view class="fui-progress__bar" :class="{'fui-progress__active-color':!activeColor}"
+				:style="{background: getActiveColor ,transform:`translate3d(-${translateX},0,0)`,transitionDuration:`${time}s`}">
+			</view>
+			<!-- #endif -->
+
+			<!-- #ifdef APP-NVUE -->
+			<view ref="fui_pg_ani" class="fui-progress__bar" :style="{background: getActiveColor}"></view>
+			<!-- #endif -->
+		</view>
+		<text class="fui-progress__percent"
+			:style="{ width: percentWidth + 'rpx', fontSize: size + 'rpx', color: color }" v-if="showInfo">
+			{{ percentage }}%
+		</text>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	export default {
+		name: 'fui-progress',
+		emits: ['activeend'],
+		props: {
+			percent: {
+				type: [Number, String],
+				default: 0
+			},
+			height: {
+				type: [Number, String],
+				default: 8
+			},
+			// #ifndef APP-NVUE
+			radius: {
+				type: [Number, String],
+				default: 8
+			},
+			// #endif
+			// #ifdef APP-NVUE
+			radius: {
+				type: [Number, String],
+				default: 0
+			},
+			// #endif
+			showInfo: {
+				type: Boolean,
+				default: false
+			},
+			//右侧百分比字体大小 rpx
+			size: {
+				type: [Number, String],
+				default: 28
+			},
+			//右侧百分比颜色
+			color: {
+				type: String,
+				default: '#333'
+			},
+			//右侧百分比宽度
+			percentWidth: {
+				type: [Number, String],
+				default: 96
+			},
+			//未选择的进度条的颜色
+			background: {
+				type: String,
+				default: '#CCCCCC'
+			},
+			//已选进度条颜色,可渐变
+			activeColor: {
+				type: String,
+				default: ''
+			},
+			//进度增加1%所需毫秒数
+			duration: {
+				type: [Number, String],
+				default: 15
+			}
+		},
+		watch: {
+			percent(val) {
+				this.darwProgress();
+			}
+		},
+		mounted() {
+			this.$nextTick(() => {
+				this.darwProgress();
+			})
+		},
+		computed: {
+			getActiveColor() {
+				let color = this.activeColor;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color;
+			}
+		},
+		data() {
+			return {
+				percentage: 0,
+				translateX: '-100%',
+				time: 0
+			};
+		},
+		methods: {
+			// #ifdef APP-NVUE
+			_animation(translateX, duration) {
+				if (!this.$refs['fui_pg_ani']) return;
+				animation.transition(
+					this.$refs['fui_pg_ani'].ref, {
+						styles: {
+							transform: `translateX(-${translateX})`
+						},
+						duration: duration * 1000,
+						timingFunction: 'linear',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {
+						this.$emit('activeend', {});
+					}
+				);
+			},
+			// #endif
+			darwProgress() {
+				let percent = Number(this.percent);
+				percent = percent > 100 ? 100 : percent;
+				this.time = Number(this.duration) * Math.abs(percent - this.percentage) / 1000
+				if (percent < this.percentage && (this.percentage - percent) > 30) {
+					//后百分比数大于30时 时间缩短
+					this.time = this.time / 2
+				}
+				this.percentage = percent;
+				this.translateX = (100 - percent) + '%';
+
+				// #ifndef APP-NVUE
+				setTimeout(() => {
+					this.$emit('activeend', {});
+				}, this.time)
+				// #endif
+
+				// #ifdef APP-NVUE
+				this._animation(this.translateX, this.time)
+				// #endif
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	.fui-progress__wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+	}
+
+	/* nvue android 端 overflow: hidden 无效，目前uni-app官方尚未修复此问题*/
+	.fui-progress__bar-bg {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		transform: translateZ(0);
+		/* #endif */
+		flex: 1;
+		position: relative;
+		overflow: hidden;
+	}
+
+	.fui-progress__bar {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		z-index: 2;
+		/* #endif */
+		position: absolute;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		/* #ifndef APP-NVUE */
+		transform: translate3d(-100%, 0, 0);
+		transition-delay: 0s;
+		transition-property: transform;
+		transition-timing-function: linear;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		transform: translateX(-100%);
+		/* #endif */
+		transition-duration: 0s;
+	}
+
+	.fui-progress__percent {
+		text-align: center;
+		/* #ifndef APP-NVUE */
+		display: block;
+		flex-shrink: 0;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-progress__active-color {
+		background: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-puzzle-verify/fui-puzzle-verify.vue b/components/firstui/fui-puzzle-verify/fui-puzzle-verify.vue
new file mode 100644
index 0000000..dc38b7f
--- /dev/null
+++ b/components/firstui/fui-puzzle-verify/fui-puzzle-verify.vue
@@ -0,0 +1,426 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18 6 14 0 7  2  5  49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-slider__captcha-wrap" :class="{'fui-sc__wrap-show':isShow}"
+		:style="{background:maskBgColor,zIndex:zIndex}" @tap="maskClose" @touchmove.stop.prevent="stop"
+		v-if="isShow || !isNvue" ref="fui_sc_ani">
+		<view class="fui-slider__captcha" :style="{background:background}" @tap.stop="stop">
+			<text class="fui-sc__title"
+				:style="{ width: width + 'px',color: color, fontSize: size + 'rpx' }">{{ title }}</text>
+			<text class="fui-sc__descr"
+				:style="{width: width + 'px',color:descrColor, fontSize: descrSize + 'rpx'}">拖动下方滑块完成拼图</text>
+			<view class="fui-sc__img-box" :style="{width: width + 'px'}">
+				<image class="fui-sc__img" :src="src" :style="{width: width + 'px', height:height + 'px'}" v-if="src">
+				</image>
+				<!-- #ifdef APP-PLUS || MP-WEIXIN || H5 -->
+				<view class="fui-sc__slot-box" ref="imgRef"
+					:class="{'fui-sc__sb-hidden':!cutSrc,'fui-sc__sb-bs':!isNvueAndroid}"
+					:style="{left:x+'px',top:y+'px'}">
+					<image :src="cutSrc" class="fui-sc__slot-img" :class="{'fui-sc__img-border':isNvueAndroid}">
+					</image>
+				</view>
+				<!-- #endif -->
+
+				<!-- #ifndef APP-PLUS || MP-WEIXIN || H5 -->
+				<view class="fui-sc__slot-box" :class="{'fui-sc__sb-bs':true,'fui-sc__reset-ani':resetAni}"
+					:style="{left:x+'px',top:y+'px',transform:transformSlot}" v-if="cutSrc">
+					<image :src="cutSrc" class="fui-sc__slot-img"></image>
+				</view>
+				<!-- #endif -->
+			</view>
+			<view class="fui-sc__sliderbar" :style="{width: width + 'px',height:sliderH+'px'}">
+				<view class="fui-sc__bar"
+					:style="{width: width + 'px',height:(sliderH/2)+'px',borderRadius:sliderH+'px'}">
+				</view>
+				<!-- #ifdef APP-VUE || MP-WEIXIN  || H5-->
+				<view class="fui-sc__slider" :class="{'fui-sc__slider-bg':!sliderBgColor}"
+					:style="{width:(sliderH * 2)+'px',height:sliderH+'px',borderRadius:sliderH+'px',background:sliderBgColor}"
+					:change:prop="parse.slidereset" :prop="resetNum" :data-width="width" :data-start="x"
+					:data-swidth="sliderH * 2" :data-disabled="!cutSrc || isPass || disabled || !isShow?1:0"
+					@touchstart="parse.touchstart" @touchmove="parse.touchmove" @touchend="parse.touchend"
+					@mousedown="parse.mousedown">
+					<fui-icon name="slide" :size="56" :color="slideColor"></fui-icon>
+				</view>
+				<!-- #endif -->
+				<!-- #ifdef APP-NVUE -->
+				<view ref="sliderRef" class="fui-sc__slider"
+					:style="{width:(sliderH * 2)+'px',height:sliderH+'px',borderRadius:sliderH+'px',background:getSliderBgColor}"
+					@touchstart="touchstart" @horizontalpan="touchmove" @touchend="touchend">
+					<fui-icon name="slide" :size="56" :color="slideColor"></fui-icon>
+				</view>
+				<!-- #endif -->
+
+				<!-- #ifndef APP-PLUS  || MP-WEIXIN  || H5-->
+				<view class="fui-sc__slider" :class="{'fui-sc__slider-bg':!sliderBgColor,'fui-sc__reset-ani':resetAni}"
+					:style="{width:(sliderH * 2)+'px',height:sliderH+'px',borderRadius:sliderH+'px',background:sliderBgColor,transform:transform}"
+					@touchstart="touchstart" @touchmove.stop.prevent="touchmove" @touchend="touchend">
+					<fui-icon name="slide" :size="56" :color="slideColor"></fui-icon>
+				</view>
+				<!-- #endif -->
+
+			</view>
+			<view class="fui-sc__close " @tap.stop="closeVerify">
+				<fui-icon name="close" :color="closeColor"></fui-icon>
+			</view>
+		</view>
+	</view>
+</template>
+<!-- #ifdef APP-VUE  || MP-WEIXIN  || H5-->
+<script src="./index.wxs" module="parse" lang="wxs"></script>
+<!-- #endif -->
+<script>
+	import weex from './weex.js'
+	import mpjs from './mpjs.js'
+	//非easycom模式取消注释引入字体组件，按实际路径进行调整
+	// import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
+	export default {
+		name: "fui-puzzle-verify",
+		mixins: [mpjs, weex],
+		emits: ['verify', 'init'],
+		// components:{
+		// 	fuiIcon
+		// },
+		props: {
+			src: {
+				type: String,
+				default: ''
+			},
+			cutSrc: {
+				type: String,
+				default: ''
+			},
+			x: {
+				type: [Number, String],
+				default: 10
+			},
+			y: {
+				type: [Number, String],
+				default: 10
+			},
+			width: {
+				type: [Number, String],
+				default: 300
+			},
+			height: {
+				type: [Number, String],
+				default: 150
+			},
+			background: {
+				type: String,
+				default: '#FFFFFF'
+			},
+			title: {
+				type: String,
+				default: '安全验证'
+			},
+			color: {
+				type: String,
+				default: '#B2B2B2'
+			},
+			size: {
+				type: [Number, String],
+				default: 28
+			},
+			descrColor: {
+				type: String,
+				default: '#333333'
+			},
+			descrSize: {
+				type: [Number, String],
+				default: 36
+			},
+			closeColor: {
+				type: String,
+				default: '#B2B2B2'
+			},
+			sliderBgColor: {
+				type: String,
+				default: ''
+			},
+			slideColor: {
+				type: String,
+				default: '#FFFFFF'
+			},
+			zIndex: {
+				type: [Number, String],
+				default: 996
+			},
+			maskBgColor: {
+				type: String,
+				default: 'rgba(0,0,0,.6)'
+			},
+			maskClosable: {
+				type: Boolean,
+				default: false
+			}
+		},
+		watch: {
+			src(newValue, oldValue) {
+				setTimeout(()=> {
+					this.reset()
+				}, 50);
+			},
+			cutSrc(val) {
+				setTimeout(()=> {
+					this.reset()
+				}, 50);
+			}
+		},
+		computed: {
+			getSliderBgColor() {
+				let color = this.sliderBgColor
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color
+			}
+		},
+		data() {
+			let sys = uni.getSystemInfoSync()
+			let isNvue = false
+			let isNvueAndroid = false
+			// #ifdef APP-NVUE
+			isNvue = true
+			isNvueAndroid = sys.platform === 'android'
+			// #endif
+			return {
+				isNvueAndroid: isNvueAndroid,
+				isNvue: isNvue,
+				isShow: false,
+				w: 300,
+				h: 150,
+				sliderH: 0,
+				resetNum: 0,
+				isPass: false,
+				disabled: false
+			};
+		},
+		created() {
+			this.sliderH = this.getPx(64)
+			//结合后端验证使用
+			this.$emit('init', {
+				//切割图片的宽高，固定为44px
+				cutGraphWidth: 44
+			})
+		},
+		methods: {
+			getPx(value) {
+				let val = parseInt(uni.upx2px(Number(value)))
+				return val % 2 === 0 ? val : val + 1
+			},
+			verify(e) {
+				//验证中禁止操作
+				this.disabled = true
+				this.$emit('verify', {
+					slipDistance: e.slip
+				})
+			},
+			success() {
+				this.isPass = true;
+			},
+			reset() {
+				this.resetNum += 1
+				this.isPass = false;
+				this.disabled = false;
+			},
+			maskClose() {
+				if (!this.maskClosable) return;
+				this.closeVerify()
+			},
+			closeVerify() {
+				this.reset();
+				// #ifndef APP-NVUE
+				this.isShow = false;
+				// #endif
+
+				// #ifdef APP-NVUE
+				this.closeAni()
+				// #endif
+			},
+			show() {
+				// #ifndef APP-NVUE
+				this.isShow = true;
+				// #endif
+
+				// #ifdef APP-NVUE
+				this.openAni()
+				// #endif
+			},
+			stop() {}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-slider__captcha-wrap {
+		position: fixed;
+		top: 0;
+		right: 0;
+		left: 0;
+		bottom: 0;
+		/* #ifndef APP-NVUE */
+		transition-property: all;
+		transition-timing-function: ease-in;
+		transition-duration: 0.2s;
+		display: flex;
+		transform: scale3d(1, 1, 0);
+		visibility: hidden;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		opacity: 0;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-sc__wrap-show {
+		opacity: 1;
+		transform: scale3d(1, 1, 1);
+		visibility: visible;
+	}
+
+	/* #endif */
+	.fui-slider__captcha {
+		padding: 60rpx 32rpx;
+		text-align: center;
+		border-radius: 24rpx;
+		overflow: hidden;
+		position: relative;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.fui-sc__title {
+		text-align: left;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		font-weight: normal;
+	}
+
+	.fui-sc__descr {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		text-align: left;
+		padding-bottom: 36rpx;
+		font-weight: 600;
+		padding-top: 12rpx;
+	}
+
+	.fui-sc__img-box {
+		position: relative;
+		background: #F1F4FA;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-sc__img {
+		display: block;
+	}
+
+	/* #endif */
+
+	.fui-sc__slot-bs {
+		box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.2);
+	}
+
+	.fui-sc__sb-bs {
+		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
+	}
+
+	.fui-sc__slot-box {
+		position: absolute;
+		width: 44px;
+		height: 44px;
+		opacity: 1;
+		z-index: 5;
+	}
+
+	.fui-sc__sb-hidden {
+		opacity: 0;
+	}
+
+	.fui-sc__slot-img {
+		width: 44px;
+		height: 44px;
+		/* #ifndef APP-NVUE */
+		display: block;
+		/* #endif */
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-sc__img-border {
+		border: 0.5px solid rgba(255, 255, 255, .2)
+	}
+
+	/* #endif */
+
+	.fui-sc__close {
+		position: absolute;
+		padding: 16rpx 16rpx 0 0;
+		right: 12rpx;
+		top: 12rpx;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-sc__sliderbar {
+		position: relative;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		margin-top: 48rpx;
+	}
+
+	.fui-sc__bar {
+		background: #EEEEEE;
+	}
+
+	.fui-sc__slider {
+		position: absolute;
+		left: 0;
+		top: 0;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-sc__slider-bg {
+		background: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+
+	/* #ifndef APP-NVUE */
+	.fui-sc__reset-ani {
+		transition: transform 0.2s;
+	}
+
+	/* #endif */
+
+	/* fix：Vue3下动画问题，app端直接移除class效果未消失，导致卡顿 */
+
+	/* #ifdef VUE3 */
+	.fui-pv__un-ani {
+		transition: transform 0s;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-puzzle-verify/index.wxs b/components/firstui/fui-puzzle-verify/index.wxs
new file mode 100644
index 0000000..40c6ee5
--- /dev/null
+++ b/components/firstui/fui-puzzle-verify/index.wxs
@@ -0,0 +1,147 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  1   8 61  40 725 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+var twidth = 300
+var swidth = 32
+var start = 0
+
+function isPC() {
+	if (typeof navigator !== 'object') return false;
+	var userAgentInfo = navigator.userAgent;
+	var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
+	var flag = true;
+	for (var v = 0; v < Agents.length - 1; v++) {
+		if (userAgentInfo.indexOf(Agents[v]) > 0) {
+			flag = false;
+			break;
+		}
+	}
+	return flag;
+}
+var isH5 = false
+if (typeof window === 'object') isH5 = true
+
+function bool(str) {
+	return str === 'true' || str == true ? true : false
+}
+
+function getSlipDistance(left) {
+	var width = twidth - start - 44
+	var distance = left / (twidth - swidth) * width
+	return distance > width ? width : distance
+}
+
+function styleChange(left, ins) {
+	if (!ins || !ins.selectComponent('.fui-sc__slot-box')) return;
+	var slotLeft = getSlipDistance(left)
+	var slider = ins.selectComponent('.fui-sc__slider')
+	var slot = ins.selectComponent('.fui-sc__slot-box')
+	if (!slider || !slot) return;
+
+	if (left == 0) {
+		slider.removeClass('fui-pv__un-ani')
+		slot.removeClass('fui-pv__un-ani')
+		slider.addClass('fui-sc__reset-ani')
+		slot.addClass('fui-sc__reset-ani')
+	} else {
+		slider.removeClass('fui-sc__reset-ani')
+		slot.removeClass('fui-sc__reset-ani')
+		slider.addClass('fui-pv__un-ani')
+		slot.addClass('fui-pv__un-ani')
+	}
+	slider.setStyle({
+		transform: 'translate3d(' + left + 'px,0,0)'
+	})
+	slot.setStyle({
+		transform: 'translate3d(' + slotLeft + 'px,0,0)'
+	})
+}
+
+function touchstart(e, ins) {
+	var state = e.instance.getState()
+	var touch = e.touches[0] || e.changedTouches[0]
+	if (isH5 && isPC()) {
+		touch = e;
+	}
+	var dataset = e.instance.getDataset()
+	state.startX = touch.pageX
+	start = +dataset.start
+	swidth = +dataset.swidth
+	twidth = +dataset.width
+	//H5获取bool值为undefined
+	state.disabled = (+dataset.disabled) == 1 ? true : false
+}
+
+function touchmove(e, ins, event) {
+	if (e.preventDefault) {
+		// 阻止页面滚动
+		e.preventDefault()
+	}
+	var state = {}
+	var touch = {}
+	if (isH5 && isPC()) {
+		touch = e;
+		state = event.instance.getState()
+	} else {
+		state = e.instance.getState()
+		touch = e.touches[0] || e.changedTouches[0]
+	}
+	if (state.disabled) return;
+	var pageX = touch.pageX;
+	var left = pageX - state.startX + (state.lastLeft || 0);
+	left = left < 0 ? 0 : left;
+	var width = twidth - swidth;
+	left = left >= width ? width : left;
+	state.startX = pageX
+	state.lastLeft = left
+	styleChange(left, ins)
+}
+
+function touchend(e, ins, event) {
+	var state = {}
+	if (isH5 && isPC()) {
+		state = event.instance.getState()
+	} else {
+		state = e.instance.getState()
+	}
+	if (state.disabled) return;
+	var slotLeft = getSlipDistance(state.lastLeft)
+	//后端验证
+	ins.callMethod('verify', {
+		slip: slotLeft
+	})
+}
+
+function slidereset(reset, oldreset, owner, ins) {
+	var state = ins.getState()
+	if (reset > 0) {
+		state.startX = 0;
+		state.lastLeft = 0;
+		state.disabled = false;
+		styleChange(0, owner)
+	}
+}
+
+var movable = false;
+
+function mousedown(e, ins) {
+	if (!isH5 || !isPC()) return
+	touchstart(e, ins)
+	movable = true
+	window.onmousemove = function(event) {
+		if (!isH5 || !isPC() || !movable) return
+		touchmove(event, ins, e)
+	}
+	window.onmouseup = function(event) {
+		if (!isH5 || !isPC() || !movable) return
+		touchend(event, ins, e)
+		movable = false
+	}
+}
+
+
+module.exports = {
+	touchstart: touchstart,
+	touchmove: touchmove,
+	touchend: touchend,
+	mousedown: mousedown,
+	slidereset: slidereset
+}
\ No newline at end of file
diff --git a/components/firstui/fui-puzzle-verify/mpjs.js b/components/firstui/fui-puzzle-verify/mpjs.js
new file mode 100644
index 0000000..259959a
--- /dev/null
+++ b/components/firstui/fui-puzzle-verify/mpjs.js
@@ -0,0 +1,68 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1  861 4  0 72    549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifndef APP-PLUS || MP-WEIXIN || H5
+export default {
+	data() {
+		return {
+			transform: '',
+			transformSlot: '',
+			startX: 0,
+			lastLeft: 0,
+			resetAni: false
+		}
+	},
+	watch: {
+		resetNum(val) {
+			this.startX = 0;
+			this.lastLeft = 0;
+			this.styleChange(0)
+		}
+	},
+	methods: {
+		getSlipDistance(left) {
+			let width = this.width - this.x - 44
+			let distance = left / (this.width - (this.sliderH * 2)) * width
+			return distance > width ? width : distance
+		},
+		styleChange(left) {
+			if (left == 0) {
+				this.resetAni = true
+			} else {
+				this.resetAni = false
+			}
+			let slotLeft = this.getSlipDistance(left)
+			this.transformSlot = 'translate3d(' + slotLeft + 'px,0,0)'
+			this.transform = 'translate3d(' + left + 'px,0,0)'
+		},
+		touchstart(e) {
+			let touch = e.touches[0] || e.changedTouches[0];
+			this.startX = touch.clientX
+		},
+		touchmove(e) {
+			if (this.isPass || this.disabled || !this.cutSrc || !this.isShow) return;
+			let touch = e.touches[0] || e.changedTouches[0]
+			let pageX = touch.clientX;
+			let left = pageX - this.startX + this.lastLeft;
+			left = left < 0 ? 0 : left;
+			let width = this.width - (this.sliderH * 2);
+			left = left >= width ? width : left;
+			this.startX = pageX
+			this.lastLeft = left
+			this.styleChange(left)
+		},
+		touchend(e) {
+			if (this.isPass || this.disabled || !this.cutSrc || !this.isShow) return;
+			//前端验证
+			let slotLeft = this.getSlipDistance(this.lastLeft)
+			//后端验证
+			this.verify({
+				slip: slotLeft
+			})
+		}
+	}
+}
+
+// #endif
+
+// #ifdef APP-PLUS|| MP-WEIXIN || H5
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-puzzle-verify/weex.js b/components/firstui/fui-puzzle-verify/weex.js
new file mode 100644
index 0000000..eb6dd80
--- /dev/null
+++ b/components/firstui/fui-puzzle-verify/weex.js
@@ -0,0 +1,115 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186 14 0   7 25    49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifdef APP-NVUE
+const animation = uni.requireNativePlugin('animation');
+export default {
+	watch: {
+		resetNum(val) {
+			this.startX = 0;
+			this.lastLeft = 0;
+			this._animation(0)
+		}
+	},
+	created() {
+		this.startX = 0
+		this.lastLeft = 0
+		this.imgRef = null
+		this.sliderRef = null
+	},
+	methods: {
+		openAni() {
+			this.isShow = true;
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this.getEl()
+					this._ani(true);
+				}, 50);
+			});
+		},
+		closeAni(type) {
+			this._ani(false);
+		},
+		_ani(type) {
+			let styles = {
+				opacity: type ? 1 : 0
+			};
+			if (!this.$refs['fui_sc_ani']) return;
+			animation.transition(
+				this.$refs['fui_sc_ani'].ref, {
+					styles,
+					duration: 200, //ms
+					timingFunction: 'ease-in',
+					needLayout: false,
+					delay: 0 //ms
+				},
+				() => {
+					if (!type) {
+						this.isShow = false;
+					}
+				}
+			);
+		},
+		getEl() {
+			this.imgRef = this.$refs['imgRef'].ref
+			this.sliderRef = this.$refs['sliderRef'].ref;
+		},
+		getSlipDistance(left) {
+			let width = this.width - this.x - 44
+			let distance = left / (this.width - (this.sliderH * 2)) * width
+			return distance > width ? width : distance
+		},
+		_animation(left) {
+			let slotLeft = this.getSlipDistance(left).toFixed(2)
+			left = left.toFixed(2)
+			if (!this.imgRef || !this.sliderRef) return;
+			animation.transition(this.imgRef, {
+				styles: {
+					transform: 'translate(' + slotLeft + 'px,0)'
+				},
+				duration: left == 0 ? 200 : 0,
+				timingFunction: 'linear',
+				needLayout: false,
+				delay: 0
+			});
+			animation.transition(this.sliderRef, {
+				styles: {
+					transform: 'translate(' + left + 'px,0)'
+				},
+				duration: left == 0 ? 200 : 0,
+				timingFunction: 'linear',
+				needLayout: false,
+				delay: 0
+			});
+		},
+		touchstart(e) {
+			if (this.isPass || this.disabled || !this.cutSrc || !this.isShow) return;
+			let touch = e.touches[0] || e.changedTouches[0];
+			this.startX = touch.screenX
+		},
+		touchmove(e) {
+			if (this.isPass || this.disabled || !this.cutSrc || !this.isShow) return;
+			let touch = e.changedTouches[0];
+			let pageX = touch.screenX;
+			let left = pageX - this.startX + this.lastLeft;
+			left = left < 0 ? 0 : left;
+			let width = this.width - (this.sliderH * 2);
+			left = left >= width ? width : left;
+			this.startX = pageX
+			this.lastLeft = left
+			this._animation(left)
+		},
+		touchend(e) {
+			if (this.isPass || this.disabled || !this.cutSrc || !this.isShow) return;
+			let slotLeft = this.getSlipDistance(this.lastLeft)
+			//后端验证
+			this.verify({
+				slip: slotLeft
+			})
+		}
+	}
+}
+
+// #endif
+
+// #ifndef APP-NVUE
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/fui-qr/index.js b/components/firstui/fui-qrcode/fui-qr/index.js
new file mode 100644
index 0000000..fda44d5
--- /dev/null
+++ b/components/firstui/fui-qrcode/fui-qr/index.js
@@ -0,0 +1,17 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1   8   6 1407  25 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import QRCode from './lib/QRCode.js'
+import ErrorCorrectLevel from './lib/ErrorCorrectLevel.js'
+
+var qrcode = function(data, opt) {
+	opt = opt || {};
+	var qr = new QRCode(opt.typeNumber || -1,
+						opt.errorCorrectLevel || ErrorCorrectLevel.H);
+	qr.addData(data);
+	qr.make();
+
+	return qr;
+};
+
+qrcode.ErrorCorrectLevel = ErrorCorrectLevel;
+
+export default qrcode;
diff --git a/components/firstui/fui-qrcode/fui-qr/lib/8BitByte.js b/components/firstui/fui-qrcode/fui-qr/lib/8BitByte.js
new file mode 100644
index 0000000..afc05c9
--- /dev/null
+++ b/components/firstui/fui-qrcode/fui-qr/lib/8BitByte.js
@@ -0,0 +1,23 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186    1  4 0725   49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import mode from './mode.js'
+
+function QR8bitByte(data) {
+	this.mode = mode.MODE_8BIT_BYTE;
+	this.data = data;
+}
+
+QR8bitByte.prototype = {
+
+	getLength : function(buffer) {
+		return this.data.length;
+	},
+
+	write : function(buffer) {
+		for (var i = 0; i < this.data.length; i++) {
+			// not JIS ...
+			buffer.put(this.data.charCodeAt(i), 8);
+		}
+	}
+};
+
+export default QR8bitByte;
diff --git a/components/firstui/fui-qrcode/fui-qr/lib/BitBuffer.js b/components/firstui/fui-qrcode/fui-qr/lib/BitBuffer.js
new file mode 100644
index 0000000..c07eb29
--- /dev/null
+++ b/components/firstui/fui-qrcode/fui-qr/lib/BitBuffer.js
@@ -0,0 +1,39 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 186     1 40 72 54 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+function QRBitBuffer() {
+	this.buffer = new Array();
+	this.length = 0;
+}
+
+QRBitBuffer.prototype = {
+
+	get : function(index) {
+		var bufIndex = Math.floor(index / 8);
+		return ( (this.buffer[bufIndex] >>> (7 - index % 8) ) & 1) == 1;
+	},
+
+	put : function(num, length) {
+		for (var i = 0; i < length; i++) {
+			this.putBit( ( (num >>> (length - i - 1) ) & 1) == 1);
+		}
+	},
+
+	getLengthInBits : function() {
+		return this.length;
+	},
+
+	putBit : function(bit) {
+
+		var bufIndex = Math.floor(this.length / 8);
+		if (this.buffer.length <= bufIndex) {
+			this.buffer.push(0);
+		}
+
+		if (bit) {
+			this.buffer[bufIndex] |= (0x80 >>> (this.length % 8) );
+		}
+
+		this.length++;
+	}
+};
+
+export default QRBitBuffer;
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/fui-qr/lib/ErrorCorrectLevel.js b/components/firstui/fui-qrcode/fui-qr/lib/ErrorCorrectLevel.js
new file mode 100644
index 0000000..7084369
--- /dev/null
+++ b/components/firstui/fui-qrcode/fui-qr/lib/ErrorCorrectLevel.js
@@ -0,0 +1,7 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：   18  614072  5   49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export default {
+	L : 1,
+	M : 0,
+	Q : 3,
+	H : 2
+};
diff --git a/components/firstui/fui-qrcode/fui-qr/lib/LICENSE-qrcode b/components/firstui/fui-qrcode/fui-qr/lib/LICENSE-qrcode
new file mode 100644
index 0000000..aedcf72
--- /dev/null
+++ b/components/firstui/fui-qrcode/fui-qr/lib/LICENSE-qrcode
@@ -0,0 +1,7 @@
+Copyright (c) 2009 Kazuhiko Arase <kazuhiko.arase@gmail.com>
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
diff --git a/components/firstui/fui-qrcode/fui-qr/lib/Polynomial.js b/components/firstui/fui-qrcode/fui-qr/lib/Polynomial.js
new file mode 100644
index 0000000..e692502
--- /dev/null
+++ b/components/firstui/fui-qrcode/fui-qr/lib/Polynomial.js
@@ -0,0 +1,68 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186  14  0 7  2  5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import math from './math.js'
+
+function QRPolynomial(num, shift) {
+
+	if (num.length == undefined) {
+		throw new Error(num.length + "/" + shift);
+	}
+
+	var offset = 0;
+
+	while (offset < num.length && num[offset] == 0) {
+		offset++;
+	}
+
+	this.num = new Array(num.length - offset + shift);
+	for (var i = 0; i < num.length - offset; i++) {
+		this.num[i] = num[i + offset];
+	}
+}
+
+QRPolynomial.prototype = {
+
+	get : function(index) {
+		return this.num[index];
+	},
+
+	getLength : function() {
+		return this.num.length;
+	},
+
+	multiply : function(e) {
+
+		var num = new Array(this.getLength() + e.getLength() - 1);
+
+		for (var i = 0; i < this.getLength(); i++) {
+			for (var j = 0; j < e.getLength(); j++) {
+				num[i + j] ^= math.gexp(math.glog(this.get(i) ) + math.glog(e.get(j) ) );
+			}
+		}
+
+		return new QRPolynomial(num, 0);
+	},
+
+	mod : function(e) {
+
+		if (this.getLength() - e.getLength() < 0) {
+			return this;
+		}
+
+		var ratio = math.glog(this.get(0) ) - math.glog(e.get(0) );
+
+		var num = new Array(this.getLength() );
+
+		for (var i = 0; i < this.getLength(); i++) {
+			num[i] = this.get(i);
+		}
+
+		for (var i = 0; i < e.getLength(); i++) {
+			num[i] ^= math.gexp(math.glog(e.get(i) ) + ratio);
+		}
+
+		// recursive call
+		return new QRPolynomial(num, 0).mod(e);
+	}
+};
+
+export default QRPolynomial;
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/fui-qr/lib/QRCode.js b/components/firstui/fui-qrcode/fui-qr/lib/QRCode.js
new file mode 100644
index 0000000..1b8bcc9
--- /dev/null
+++ b/components/firstui/fui-qrcode/fui-qr/lib/QRCode.js
@@ -0,0 +1,438 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  1    8 6 14 07 2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import BitByte from './8BitByte.js'
+import RSBlock from './RSBlock.js'
+import BitBuffer from './BitBuffer.js'
+import util from './util.js'
+import Polynomial from './Polynomial.js'
+
+function QRCode(typeNumber, errorCorrectLevel) {
+	this.typeNumber = typeNumber;
+	this.errorCorrectLevel = errorCorrectLevel;
+	this.modules = null;
+	this.moduleCount = 0;
+	this.dataCache = null;
+	this.dataList = [];
+}
+
+// for client side minification
+var proto = QRCode.prototype;
+
+proto.addData = function(data) {
+	var newData = new BitByte(data);
+	this.dataList.push(newData);
+	this.dataCache = null;
+};
+
+proto.isDark = function(row, col) {
+	if (row < 0 || this.moduleCount <= row || col < 0 || this.moduleCount <= col) {
+		throw new Error(row + "," + col);
+	}
+	return this.modules[row][col];
+};
+
+proto.getModuleCount = function() {
+	return this.moduleCount;
+};
+
+proto.make = function() {
+	// Calculate automatically typeNumber if provided is < 1
+	if (this.typeNumber < 1 ){
+		var typeNumber = 1;
+		for (typeNumber = 1; typeNumber < 40; typeNumber++) {
+			var rsBlocks = RSBlock.getRSBlocks(typeNumber, this.errorCorrectLevel);
+
+			var buffer = new BitBuffer();
+			var totalDataCount = 0;
+			for (var i = 0; i < rsBlocks.length; i++) {
+				totalDataCount += rsBlocks[i].dataCount;
+			}
+
+			for (var i = 0; i < this.dataList.length; i++) {
+				var data = this.dataList[i];
+				buffer.put(data.mode, 4);
+				buffer.put(data.getLength(), util.getLengthInBits(data.mode, typeNumber) );
+				data.write(buffer);
+			}
+			if (buffer.getLengthInBits() <= totalDataCount * 8)
+				break;
+		}
+		this.typeNumber = typeNumber;
+	}
+	this.makeImpl(false, this.getBestMaskPattern() );
+};
+
+proto.makeImpl = function(test, maskPattern) {
+
+	this.moduleCount = this.typeNumber * 4 + 17;
+	this.modules = new Array(this.moduleCount);
+
+	for (var row = 0; row < this.moduleCount; row++) {
+
+		this.modules[row] = new Array(this.moduleCount);
+
+		for (var col = 0; col < this.moduleCount; col++) {
+			this.modules[row][col] = null;//(col + row) % 3;
+		}
+	}
+
+	this.setupPositionProbePattern(0, 0);
+	this.setupPositionProbePattern(this.moduleCount - 7, 0);
+	this.setupPositionProbePattern(0, this.moduleCount - 7);
+	this.setupPositionAdjustPattern();
+	this.setupTimingPattern();
+	this.setupTypeInfo(test, maskPattern);
+
+	if (this.typeNumber >= 7) {
+		this.setupTypeNumber(test);
+	}
+
+	if (this.dataCache == null) {
+		this.dataCache = QRCode.createData(this.typeNumber, this.errorCorrectLevel, this.dataList);
+	}
+
+	this.mapData(this.dataCache, maskPattern);
+};
+
+proto.setupPositionProbePattern = function(row, col)  {
+
+	for (var r = -1; r <= 7; r++) {
+
+		if (row + r <= -1 || this.moduleCount <= row + r) continue;
+
+		for (var c = -1; c <= 7; c++) {
+
+			if (col + c <= -1 || this.moduleCount <= col + c) continue;
+
+			if ( (0 <= r && r <= 6 && (c == 0 || c == 6) )
+					|| (0 <= c && c <= 6 && (r == 0 || r == 6) )
+					|| (2 <= r && r <= 4 && 2 <= c && c <= 4) ) {
+				this.modules[row + r][col + c] = true;
+			} else {
+				this.modules[row + r][col + c] = false;
+			}
+		}
+	}
+};
+
+proto.getBestMaskPattern = function() {
+
+	var minLostPoint = 0;
+	var pattern = 0;
+
+	for (var i = 0; i < 8; i++) {
+
+		this.makeImpl(true, i);
+
+		var lostPoint = util.getLostPoint(this);
+
+		if (i == 0 || minLostPoint >  lostPoint) {
+			minLostPoint = lostPoint;
+			pattern = i;
+		}
+	}
+
+	return pattern;
+};
+
+proto.createMovieClip = function(target_mc, instance_name, depth) {
+
+	var qr_mc = target_mc.createEmptyMovieClip(instance_name, depth);
+	var cs = 1;
+
+	this.make();
+
+	for (var row = 0; row < this.modules.length; row++) {
+
+		var y = row * cs;
+
+		for (var col = 0; col < this.modules[row].length; col++) {
+
+			var x = col * cs;
+			var dark = this.modules[row][col];
+
+			if (dark) {
+				qr_mc.beginFill(0, 100);
+				qr_mc.moveTo(x, y);
+				qr_mc.lineTo(x + cs, y);
+				qr_mc.lineTo(x + cs, y + cs);
+				qr_mc.lineTo(x, y + cs);
+				qr_mc.endFill();
+			}
+		}
+	}
+
+	return qr_mc;
+};
+
+proto.setupTimingPattern = function() {
+
+	for (var r = 8; r < this.moduleCount - 8; r++) {
+		if (this.modules[r][6] != null) {
+			continue;
+		}
+		this.modules[r][6] = (r % 2 == 0);
+	}
+
+	for (var c = 8; c < this.moduleCount - 8; c++) {
+		if (this.modules[6][c] != null) {
+			continue;
+		}
+		this.modules[6][c] = (c % 2 == 0);
+	}
+};
+
+proto.setupPositionAdjustPattern = function() {
+
+	var pos = util.getPatternPosition(this.typeNumber);
+
+	for (var i = 0; i < pos.length; i++) {
+
+		for (var j = 0; j < pos.length; j++) {
+
+			var row = pos[i];
+			var col = pos[j];
+
+			if (this.modules[row][col] != null) {
+				continue;
+			}
+
+			for (var r = -2; r <= 2; r++) {
+
+				for (var c = -2; c <= 2; c++) {
+
+					if (r == -2 || r == 2 || c == -2 || c == 2
+							|| (r == 0 && c == 0) ) {
+						this.modules[row + r][col + c] = true;
+					} else {
+						this.modules[row + r][col + c] = false;
+					}
+				}
+			}
+		}
+	}
+};
+
+proto.setupTypeNumber = function(test) {
+
+	var bits = util.getBCHTypeNumber(this.typeNumber);
+
+	for (var i = 0; i < 18; i++) {
+		var mod = (!test && ( (bits >> i) & 1) == 1);
+		this.modules[Math.floor(i / 3)][i % 3 + this.moduleCount - 8 - 3] = mod;
+	}
+
+	for (var i = 0; i < 18; i++) {
+		var mod = (!test && ( (bits >> i) & 1) == 1);
+		this.modules[i % 3 + this.moduleCount - 8 - 3][Math.floor(i / 3)] = mod;
+	}
+};
+
+proto.setupTypeInfo = function(test, maskPattern) {
+
+	var data = (this.errorCorrectLevel << 3) | maskPattern;
+	var bits = util.getBCHTypeInfo(data);
+
+	// vertical
+	for (var i = 0; i < 15; i++) {
+
+		var mod = (!test && ( (bits >> i) & 1) == 1);
+
+		if (i < 6) {
+			this.modules[i][8] = mod;
+		} else if (i < 8) {
+			this.modules[i + 1][8] = mod;
+		} else {
+			this.modules[this.moduleCount - 15 + i][8] = mod;
+		}
+	}
+
+	// horizontal
+	for (var i = 0; i < 15; i++) {
+
+		var mod = (!test && ( (bits >> i) & 1) == 1);
+
+		if (i < 8) {
+			this.modules[8][this.moduleCount - i - 1] = mod;
+		} else if (i < 9) {
+			this.modules[8][15 - i - 1 + 1] = mod;
+		} else {
+			this.modules[8][15 - i - 1] = mod;
+		}
+	}
+
+	// fixed module
+	this.modules[this.moduleCount - 8][8] = (!test);
+};
+
+proto.mapData = function(data, maskPattern) {
+
+	var inc = -1;
+	var row = this.moduleCount - 1;
+	var bitIndex = 7;
+	var byteIndex = 0;
+
+	for (var col = this.moduleCount - 1; col > 0; col -= 2) {
+
+		if (col == 6) col--;
+
+		while (true) {
+
+			for (var c = 0; c < 2; c++) {
+
+				if (this.modules[row][col - c] == null) {
+
+					var dark = false;
+
+					if (byteIndex < data.length) {
+						dark = ( ( (data[byteIndex] >>> bitIndex) & 1) == 1);
+					}
+
+					var mask = util.getMask(maskPattern, row, col - c);
+
+					if (mask) {
+						dark = !dark;
+					}
+
+					this.modules[row][col - c] = dark;
+					bitIndex--;
+
+					if (bitIndex == -1) {
+						byteIndex++;
+						bitIndex = 7;
+					}
+				}
+			}
+
+			row += inc;
+
+			if (row < 0 || this.moduleCount <= row) {
+				row -= inc;
+				inc = -inc;
+				break;
+			}
+		}
+	}
+};
+
+QRCode.PAD0 = 0xEC;
+QRCode.PAD1 = 0x11;
+
+QRCode.createData = function(typeNumber, errorCorrectLevel, dataList) {
+
+	var rsBlocks = RSBlock.getRSBlocks(typeNumber, errorCorrectLevel);
+
+	var buffer = new BitBuffer();
+
+	for (var i = 0; i < dataList.length; i++) {
+		var data = dataList[i];
+		buffer.put(data.mode, 4);
+		buffer.put(data.getLength(), util.getLengthInBits(data.mode, typeNumber) );
+		data.write(buffer);
+	}
+
+	// calc num max data.
+	var totalDataCount = 0;
+	for (var i = 0; i < rsBlocks.length; i++) {
+		totalDataCount += rsBlocks[i].dataCount;
+	}
+
+	if (buffer.getLengthInBits() > totalDataCount * 8) {
+		throw new Error("code length overflow. ("
+			+ buffer.getLengthInBits()
+			+ ">"
+			+  totalDataCount * 8
+			+ ")");
+	}
+
+	// end code
+	if (buffer.getLengthInBits() + 4 <= totalDataCount * 8) {
+		buffer.put(0, 4);
+	}
+
+	// padding
+	while (buffer.getLengthInBits() % 8 != 0) {
+		buffer.putBit(false);
+	}
+
+	// padding
+	while (true) {
+
+		if (buffer.getLengthInBits() >= totalDataCount * 8) {
+			break;
+		}
+		buffer.put(QRCode.PAD0, 8);
+
+		if (buffer.getLengthInBits() >= totalDataCount * 8) {
+			break;
+		}
+		buffer.put(QRCode.PAD1, 8);
+	}
+
+	return QRCode.createBytes(buffer, rsBlocks);
+};
+
+QRCode.createBytes = function(buffer, rsBlocks) {
+
+	var offset = 0;
+
+	var maxDcCount = 0;
+	var maxEcCount = 0;
+
+	var dcdata = new Array(rsBlocks.length);
+	var ecdata = new Array(rsBlocks.length);
+
+	for (var r = 0; r < rsBlocks.length; r++) {
+
+		var dcCount = rsBlocks[r].dataCount;
+		var ecCount = rsBlocks[r].totalCount - dcCount;
+
+		maxDcCount = Math.max(maxDcCount, dcCount);
+		maxEcCount = Math.max(maxEcCount, ecCount);
+
+		dcdata[r] = new Array(dcCount);
+
+		for (var i = 0; i < dcdata[r].length; i++) {
+			dcdata[r][i] = 0xff & buffer.buffer[i + offset];
+		}
+		offset += dcCount;
+
+		var rsPoly = util.getErrorCorrectPolynomial(ecCount);
+		var rawPoly = new Polynomial(dcdata[r], rsPoly.getLength() - 1);
+
+		var modPoly = rawPoly.mod(rsPoly);
+		ecdata[r] = new Array(rsPoly.getLength() - 1);
+		for (var i = 0; i < ecdata[r].length; i++) {
+            var modIndex = i + modPoly.getLength() - ecdata[r].length;
+			ecdata[r][i] = (modIndex >= 0)? modPoly.get(modIndex) : 0;
+		}
+
+	}
+
+	var totalCodeCount = 0;
+	for (var i = 0; i < rsBlocks.length; i++) {
+		totalCodeCount += rsBlocks[i].totalCount;
+	}
+
+	var data = new Array(totalCodeCount);
+	var index = 0;
+
+	for (var i = 0; i < maxDcCount; i++) {
+		for (var r = 0; r < rsBlocks.length; r++) {
+			if (i < dcdata[r].length) {
+				data[index++] = dcdata[r][i];
+			}
+		}
+	}
+
+	for (var i = 0; i < maxEcCount; i++) {
+		for (var r = 0; r < rsBlocks.length; r++) {
+			if (i < ecdata[r].length) {
+				data[index++] = ecdata[r][i];
+			}
+		}
+	}
+
+	return data;
+};
+
+export default QRCode;
diff --git a/components/firstui/fui-qrcode/fui-qr/lib/RSBlock.js b/components/firstui/fui-qrcode/fui-qr/lib/RSBlock.js
new file mode 100644
index 0000000..00b4be3
--- /dev/null
+++ b/components/firstui/fui-qrcode/fui-qr/lib/RSBlock.js
@@ -0,0 +1,300 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8614 0    7  254  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// ErrorCorrectLevel
+import ECL from './ErrorCorrectLevel.js'
+
+function QRRSBlock(totalCount, dataCount) {
+	this.totalCount = totalCount;
+	this.dataCount  = dataCount;
+}
+
+QRRSBlock.RS_BLOCK_TABLE = [
+
+	// L
+	// M
+	// Q
+	// H
+
+	// 1
+	[1, 26, 19],
+	[1, 26, 16],
+	[1, 26, 13],
+	[1, 26, 9],
+
+	// 2
+	[1, 44, 34],
+	[1, 44, 28],
+	[1, 44, 22],
+	[1, 44, 16],
+
+	// 3
+	[1, 70, 55],
+	[1, 70, 44],
+	[2, 35, 17],
+	[2, 35, 13],
+
+	// 4
+	[1, 100, 80],
+	[2, 50, 32],
+	[2, 50, 24],
+	[4, 25, 9],
+
+	// 5
+	[1, 134, 108],
+	[2, 67, 43],
+	[2, 33, 15, 2, 34, 16],
+	[2, 33, 11, 2, 34, 12],
+
+	// 6
+	[2, 86, 68],
+	[4, 43, 27],
+	[4, 43, 19],
+	[4, 43, 15],
+
+	// 7
+	[2, 98, 78],
+	[4, 49, 31],
+	[2, 32, 14, 4, 33, 15],
+	[4, 39, 13, 1, 40, 14],
+
+	// 8
+	[2, 121, 97],
+	[2, 60, 38, 2, 61, 39],
+	[4, 40, 18, 2, 41, 19],
+	[4, 40, 14, 2, 41, 15],
+
+	// 9
+	[2, 146, 116],
+	[3, 58, 36, 2, 59, 37],
+	[4, 36, 16, 4, 37, 17],
+	[4, 36, 12, 4, 37, 13],
+
+	// 10
+	[2, 86, 68, 2, 87, 69],
+	[4, 69, 43, 1, 70, 44],
+	[6, 43, 19, 2, 44, 20],
+	[6, 43, 15, 2, 44, 16],
+
+	// 11
+	[4, 101, 81],
+	[1, 80, 50, 4, 81, 51],
+	[4, 50, 22, 4, 51, 23],
+	[3, 36, 12, 8, 37, 13],
+
+	// 12
+	[2, 116, 92, 2, 117, 93],
+	[6, 58, 36, 2, 59, 37],
+	[4, 46, 20, 6, 47, 21],
+	[7, 42, 14, 4, 43, 15],
+
+	// 13
+	[4, 133, 107],
+	[8, 59, 37, 1, 60, 38],
+	[8, 44, 20, 4, 45, 21],
+	[12, 33, 11, 4, 34, 12],
+
+	// 14
+	[3, 145, 115, 1, 146, 116],
+	[4, 64, 40, 5, 65, 41],
+	[11, 36, 16, 5, 37, 17],
+	[11, 36, 12, 5, 37, 13],
+
+	// 15
+	[5, 109, 87, 1, 110, 88],
+	[5, 65, 41, 5, 66, 42],
+	[5, 54, 24, 7, 55, 25],
+	[11, 36, 12],
+
+	// 16
+	[5, 122, 98, 1, 123, 99],
+	[7, 73, 45, 3, 74, 46],
+	[15, 43, 19, 2, 44, 20],
+	[3, 45, 15, 13, 46, 16],
+
+	// 17
+	[1, 135, 107, 5, 136, 108],
+	[10, 74, 46, 1, 75, 47],
+	[1, 50, 22, 15, 51, 23],
+	[2, 42, 14, 17, 43, 15],
+
+	// 18
+	[5, 150, 120, 1, 151, 121],
+	[9, 69, 43, 4, 70, 44],
+	[17, 50, 22, 1, 51, 23],
+	[2, 42, 14, 19, 43, 15],
+
+	// 19
+	[3, 141, 113, 4, 142, 114],
+	[3, 70, 44, 11, 71, 45],
+	[17, 47, 21, 4, 48, 22],
+	[9, 39, 13, 16, 40, 14],
+
+	// 20
+	[3, 135, 107, 5, 136, 108],
+	[3, 67, 41, 13, 68, 42],
+	[15, 54, 24, 5, 55, 25],
+	[15, 43, 15, 10, 44, 16],
+
+	// 21
+	[4, 144, 116, 4, 145, 117],
+	[17, 68, 42],
+	[17, 50, 22, 6, 51, 23],
+	[19, 46, 16, 6, 47, 17],
+
+	// 22
+	[2, 139, 111, 7, 140, 112],
+	[17, 74, 46],
+	[7, 54, 24, 16, 55, 25],
+	[34, 37, 13],
+
+	// 23
+	[4, 151, 121, 5, 152, 122],
+	[4, 75, 47, 14, 76, 48],
+	[11, 54, 24, 14, 55, 25],
+	[16, 45, 15, 14, 46, 16],
+
+	// 24
+	[6, 147, 117, 4, 148, 118],
+	[6, 73, 45, 14, 74, 46],
+	[11, 54, 24, 16, 55, 25],
+	[30, 46, 16, 2, 47, 17],
+
+	// 25
+	[8, 132, 106, 4, 133, 107],
+	[8, 75, 47, 13, 76, 48],
+	[7, 54, 24, 22, 55, 25],
+	[22, 45, 15, 13, 46, 16],
+
+	// 26
+	[10, 142, 114, 2, 143, 115],
+	[19, 74, 46, 4, 75, 47],
+	[28, 50, 22, 6, 51, 23],
+	[33, 46, 16, 4, 47, 17],
+
+	// 27
+	[8, 152, 122, 4, 153, 123],
+	[22, 73, 45, 3, 74, 46],
+	[8, 53, 23, 26, 54, 24],
+	[12, 45, 15, 28, 46, 16],
+
+	// 28
+	[3, 147, 117, 10, 148, 118],
+	[3, 73, 45, 23, 74, 46],
+	[4, 54, 24, 31, 55, 25],
+	[11, 45, 15, 31, 46, 16],
+
+	// 29
+	[7, 146, 116, 7, 147, 117],
+	[21, 73, 45, 7, 74, 46],
+	[1, 53, 23, 37, 54, 24],
+	[19, 45, 15, 26, 46, 16],
+
+	// 30
+	[5, 145, 115, 10, 146, 116],
+	[19, 75, 47, 10, 76, 48],
+	[15, 54, 24, 25, 55, 25],
+	[23, 45, 15, 25, 46, 16],
+
+	// 31
+	[13, 145, 115, 3, 146, 116],
+	[2, 74, 46, 29, 75, 47],
+	[42, 54, 24, 1, 55, 25],
+	[23, 45, 15, 28, 46, 16],
+
+	// 32
+	[17, 145, 115],
+	[10, 74, 46, 23, 75, 47],
+	[10, 54, 24, 35, 55, 25],
+	[19, 45, 15, 35, 46, 16],
+
+	// 33
+	[17, 145, 115, 1, 146, 116],
+	[14, 74, 46, 21, 75, 47],
+	[29, 54, 24, 19, 55, 25],
+	[11, 45, 15, 46, 46, 16],
+
+	// 34
+	[13, 145, 115, 6, 146, 116],
+	[14, 74, 46, 23, 75, 47],
+	[44, 54, 24, 7, 55, 25],
+	[59, 46, 16, 1, 47, 17],
+
+	// 35
+	[12, 151, 121, 7, 152, 122],
+	[12, 75, 47, 26, 76, 48],
+	[39, 54, 24, 14, 55, 25],
+	[22, 45, 15, 41, 46, 16],
+
+	// 36
+	[6, 151, 121, 14, 152, 122],
+	[6, 75, 47, 34, 76, 48],
+	[46, 54, 24, 10, 55, 25],
+	[2, 45, 15, 64, 46, 16],
+
+	// 37
+	[17, 152, 122, 4, 153, 123],
+	[29, 74, 46, 14, 75, 47],
+	[49, 54, 24, 10, 55, 25],
+	[24, 45, 15, 46, 46, 16],
+
+	// 38
+	[4, 152, 122, 18, 153, 123],
+	[13, 74, 46, 32, 75, 47],
+	[48, 54, 24, 14, 55, 25],
+	[42, 45, 15, 32, 46, 16],
+
+	// 39
+	[20, 147, 117, 4, 148, 118],
+	[40, 75, 47, 7, 76, 48],
+	[43, 54, 24, 22, 55, 25],
+	[10, 45, 15, 67, 46, 16],
+
+	// 40
+	[19, 148, 118, 6, 149, 119],
+	[18, 75, 47, 31, 76, 48],
+	[34, 54, 24, 34, 55, 25],
+	[20, 45, 15, 61, 46, 16]
+];
+
+QRRSBlock.getRSBlocks = function(typeNumber, errorCorrectLevel) {
+
+	var rsBlock = QRRSBlock.getRsBlockTable(typeNumber, errorCorrectLevel);
+
+	if (rsBlock == undefined) {
+		throw new Error("bad rs block @ typeNumber:" + typeNumber + "/errorCorrectLevel:" + errorCorrectLevel);
+	}
+
+	var length = rsBlock.length / 3;
+
+	var list = new Array();
+
+	for (var i = 0; i < length; i++) {
+
+		var count = rsBlock[i * 3 + 0];
+		var totalCount = rsBlock[i * 3 + 1];
+		var dataCount  = rsBlock[i * 3 + 2];
+
+		for (var j = 0; j < count; j++) {
+			list.push(new QRRSBlock(totalCount, dataCount) );
+		}
+	}
+
+	return list;
+}
+
+QRRSBlock.getRsBlockTable = function(typeNumber, errorCorrectLevel) {
+
+	switch(errorCorrectLevel) {
+	case ECL.L :
+		return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 0];
+	case ECL.M :
+		return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 1];
+	case ECL.Q :
+		return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 2];
+	case ECL.H :
+		return QRRSBlock.RS_BLOCK_TABLE[(typeNumber - 1) * 4 + 3];
+	default :
+		return undefined;
+	}
+}
+
+export default QRRSBlock;
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/fui-qr/lib/math.js b/components/firstui/fui-qrcode/fui-qr/lib/math.js
new file mode 100644
index 0000000..8a73ca8
--- /dev/null
+++ b/components/firstui/fui-qrcode/fui-qr/lib/math.js
@@ -0,0 +1,45 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  186    14072 5  4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+var QRMath = {
+
+	glog : function(n) {
+
+		if (n < 1) {
+			throw new Error("glog(" + n + ")");
+		}
+
+		return QRMath.LOG_TABLE[n];
+	},
+
+	gexp : function(n) {
+
+		while (n < 0) {
+			n += 255;
+		}
+
+		while (n >= 256) {
+			n -= 255;
+		}
+
+		return QRMath.EXP_TABLE[n];
+	},
+
+	EXP_TABLE : new Array(256),
+
+	LOG_TABLE : new Array(256)
+
+};
+
+for (var i = 0; i < 8; i++) {
+	QRMath.EXP_TABLE[i] = 1 << i;
+}
+for (var i = 8; i < 256; i++) {
+	QRMath.EXP_TABLE[i] = QRMath.EXP_TABLE[i - 4]
+		^ QRMath.EXP_TABLE[i - 5]
+		^ QRMath.EXP_TABLE[i - 6]
+		^ QRMath.EXP_TABLE[i - 8];
+}
+for (var i = 0; i < 255; i++) {
+	QRMath.LOG_TABLE[QRMath.EXP_TABLE[i] ] = i;
+}
+
+export default QRMath;
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/fui-qr/lib/mode.js b/components/firstui/fui-qrcode/fui-qr/lib/mode.js
new file mode 100644
index 0000000..4907573
--- /dev/null
+++ b/components/firstui/fui-qrcode/fui-qr/lib/mode.js
@@ -0,0 +1,7 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 861  4 0725 4     9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export default {
+	MODE_NUMBER :		1 << 0,
+	MODE_ALPHA_NUM : 	1 << 1,
+	MODE_8BIT_BYTE : 	1 << 2,
+	MODE_KANJI :		1 << 3
+};
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/fui-qr/lib/util.js b/components/firstui/fui-qrcode/fui-qr/lib/util.js
new file mode 100644
index 0000000..f64e8a4
--- /dev/null
+++ b/components/firstui/fui-qrcode/fui-qr/lib/util.js
@@ -0,0 +1,280 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 186    1 40725 4   9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import Mode from './mode.js'
+import Polynomial from './Polynomial.js'
+import math from './math.js'
+
+var QRMaskPattern = {
+	PATTERN000 : 0,
+	PATTERN001 : 1,
+	PATTERN010 : 2,
+	PATTERN011 : 3,
+	PATTERN100 : 4,
+	PATTERN101 : 5,
+	PATTERN110 : 6,
+	PATTERN111 : 7
+};
+
+var QRUtil = {
+
+    PATTERN_POSITION_TABLE : [
+	    [],
+	    [6, 18],
+	    [6, 22],
+	    [6, 26],
+	    [6, 30],
+	    [6, 34],
+	    [6, 22, 38],
+	    [6, 24, 42],
+	    [6, 26, 46],
+	    [6, 28, 50],
+	    [6, 30, 54],
+	    [6, 32, 58],
+	    [6, 34, 62],
+	    [6, 26, 46, 66],
+	    [6, 26, 48, 70],
+	    [6, 26, 50, 74],
+	    [6, 30, 54, 78],
+	    [6, 30, 56, 82],
+	    [6, 30, 58, 86],
+	    [6, 34, 62, 90],
+	    [6, 28, 50, 72, 94],
+	    [6, 26, 50, 74, 98],
+	    [6, 30, 54, 78, 102],
+	    [6, 28, 54, 80, 106],
+	    [6, 32, 58, 84, 110],
+	    [6, 30, 58, 86, 114],
+	    [6, 34, 62, 90, 118],
+	    [6, 26, 50, 74, 98, 122],
+	    [6, 30, 54, 78, 102, 126],
+	    [6, 26, 52, 78, 104, 130],
+	    [6, 30, 56, 82, 108, 134],
+	    [6, 34, 60, 86, 112, 138],
+	    [6, 30, 58, 86, 114, 142],
+	    [6, 34, 62, 90, 118, 146],
+	    [6, 30, 54, 78, 102, 126, 150],
+	    [6, 24, 50, 76, 102, 128, 154],
+	    [6, 28, 54, 80, 106, 132, 158],
+	    [6, 32, 58, 84, 110, 136, 162],
+	    [6, 26, 54, 82, 110, 138, 166],
+	    [6, 30, 58, 86, 114, 142, 170]
+    ],
+
+    G15 : (1 << 10) | (1 << 8) | (1 << 5) | (1 << 4) | (1 << 2) | (1 << 1) | (1 << 0),
+    G18 : (1 << 12) | (1 << 11) | (1 << 10) | (1 << 9) | (1 << 8) | (1 << 5) | (1 << 2) | (1 << 0),
+    G15_MASK : (1 << 14) | (1 << 12) | (1 << 10)	| (1 << 4) | (1 << 1),
+
+    getBCHTypeInfo : function(data) {
+	    var d = data << 10;
+	    while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15) >= 0) {
+		    d ^= (QRUtil.G15 << (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G15) ) );
+	    }
+	    return ( (data << 10) | d) ^ QRUtil.G15_MASK;
+    },
+
+    getBCHTypeNumber : function(data) {
+	    var d = data << 12;
+	    while (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18) >= 0) {
+		    d ^= (QRUtil.G18 << (QRUtil.getBCHDigit(d) - QRUtil.getBCHDigit(QRUtil.G18) ) );
+	    }
+	    return (data << 12) | d;
+    },
+
+    getBCHDigit : function(data) {
+
+	    var digit = 0;
+
+	    while (data != 0) {
+		    digit++;
+		    data >>>= 1;
+	    }
+
+	    return digit;
+    },
+
+    getPatternPosition : function(typeNumber) {
+	    return QRUtil.PATTERN_POSITION_TABLE[typeNumber - 1];
+    },
+
+    getMask : function(maskPattern, i, j) {
+
+	    switch (maskPattern) {
+
+	    case QRMaskPattern.PATTERN000 : return (i + j) % 2 == 0;
+	    case QRMaskPattern.PATTERN001 : return i % 2 == 0;
+	    case QRMaskPattern.PATTERN010 : return j % 3 == 0;
+	    case QRMaskPattern.PATTERN011 : return (i + j) % 3 == 0;
+	    case QRMaskPattern.PATTERN100 : return (Math.floor(i / 2) + Math.floor(j / 3) ) % 2 == 0;
+	    case QRMaskPattern.PATTERN101 : return (i * j) % 2 + (i * j) % 3 == 0;
+	    case QRMaskPattern.PATTERN110 : return ( (i * j) % 2 + (i * j) % 3) % 2 == 0;
+	    case QRMaskPattern.PATTERN111 : return ( (i * j) % 3 + (i + j) % 2) % 2 == 0;
+
+	    default :
+		    throw new Error("bad maskPattern:" + maskPattern);
+	    }
+    },
+
+    getErrorCorrectPolynomial : function(errorCorrectLength) {
+
+	    var a = new Polynomial([1], 0);
+
+	    for (var i = 0; i < errorCorrectLength; i++) {
+		    a = a.multiply(new Polynomial([1, math.gexp(i)], 0) );
+	    }
+
+	    return a;
+    },
+
+    getLengthInBits : function(mode, type) {
+
+	    if (1 <= type && type < 10) {
+
+		    // 1 - 9
+
+		    switch(mode) {
+		    case Mode.MODE_NUMBER 	: return 10;
+		    case Mode.MODE_ALPHA_NUM 	: return 9;
+		    case Mode.MODE_8BIT_BYTE	: return 8;
+		    case Mode.MODE_KANJI  	: return 8;
+		    default :
+			    throw new Error("mode:" + mode);
+		    }
+
+	    } else if (type < 27) {
+
+		    // 10 - 26
+
+		    switch(mode) {
+		    case Mode.MODE_NUMBER 	: return 12;
+		    case Mode.MODE_ALPHA_NUM 	: return 11;
+		    case Mode.MODE_8BIT_BYTE	: return 16;
+		    case Mode.MODE_KANJI  	: return 10;
+		    default :
+			    throw new Error("mode:" + mode);
+		    }
+
+	    } else if (type < 41) {
+
+		    // 27 - 40
+
+		    switch(mode) {
+		    case Mode.MODE_NUMBER 	: return 14;
+		    case Mode.MODE_ALPHA_NUM	: return 13;
+		    case Mode.MODE_8BIT_BYTE	: return 16;
+		    case Mode.MODE_KANJI  	: return 12;
+		    default :
+			    throw new Error("mode:" + mode);
+		    }
+
+	    } else {
+		    throw new Error("type:" + type);
+	    }
+    },
+
+    getLostPoint : function(qrCode) {
+
+	    var moduleCount = qrCode.getModuleCount();
+
+	    var lostPoint = 0;
+
+	    // LEVEL1
+
+	    for (var row = 0; row < moduleCount; row++) {
+
+		    for (var col = 0; col < moduleCount; col++) {
+
+			    var sameCount = 0;
+			    var dark = qrCode.isDark(row, col);
+
+				for (var r = -1; r <= 1; r++) {
+
+				    if (row + r < 0 || moduleCount <= row + r) {
+					    continue;
+				    }
+
+				    for (var c = -1; c <= 1; c++) {
+
+					    if (col + c < 0 || moduleCount <= col + c) {
+						    continue;
+					    }
+
+					    if (r == 0 && c == 0) {
+						    continue;
+					    }
+
+					    if (dark == qrCode.isDark(row + r, col + c) ) {
+						    sameCount++;
+					    }
+				    }
+			    }
+
+			    if (sameCount > 5) {
+				    lostPoint += (3 + sameCount - 5);
+			    }
+		    }
+	    }
+
+	    // LEVEL2
+
+	    for (var row = 0; row < moduleCount - 1; row++) {
+		    for (var col = 0; col < moduleCount - 1; col++) {
+			    var count = 0;
+			    if (qrCode.isDark(row,     col    ) ) count++;
+			    if (qrCode.isDark(row + 1, col    ) ) count++;
+			    if (qrCode.isDark(row,     col + 1) ) count++;
+			    if (qrCode.isDark(row + 1, col + 1) ) count++;
+			    if (count == 0 || count == 4) {
+				    lostPoint += 3;
+			    }
+		    }
+	    }
+
+	    // LEVEL3
+
+	    for (var row = 0; row < moduleCount; row++) {
+		    for (var col = 0; col < moduleCount - 6; col++) {
+			    if (qrCode.isDark(row, col)
+					    && !qrCode.isDark(row, col + 1)
+					    &&  qrCode.isDark(row, col + 2)
+					    &&  qrCode.isDark(row, col + 3)
+					    &&  qrCode.isDark(row, col + 4)
+					    && !qrCode.isDark(row, col + 5)
+					    &&  qrCode.isDark(row, col + 6) ) {
+				    lostPoint += 40;
+			    }
+		    }
+	    }
+
+	    for (var col = 0; col < moduleCount; col++) {
+		    for (var row = 0; row < moduleCount - 6; row++) {
+			    if (qrCode.isDark(row, col)
+					    && !qrCode.isDark(row + 1, col)
+					    &&  qrCode.isDark(row + 2, col)
+					    &&  qrCode.isDark(row + 3, col)
+					    &&  qrCode.isDark(row + 4, col)
+					    && !qrCode.isDark(row + 5, col)
+					    &&  qrCode.isDark(row + 6, col) ) {
+				    lostPoint += 40;
+			    }
+		    }
+	    }
+
+	    // LEVEL4
+
+	    var darkCount = 0;
+
+	    for (var col = 0; col < moduleCount; col++) {
+		    for (var row = 0; row < moduleCount; row++) {
+			    if (qrCode.isDark(row, col) ) {
+				    darkCount++;
+			    }
+		    }
+	    }
+
+	    var ratio = Math.abs(100 * darkCount / moduleCount / moduleCount - 50) / 5;
+	    lostPoint += ratio * 10;
+
+	    return lostPoint;
+    }
+};
+
+export default QRUtil;
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/fui-qrcode.vue b/components/firstui/fui-qrcode/fui-qrcode.vue
new file mode 100644
index 0000000..998a37e
--- /dev/null
+++ b/components/firstui/fui-qrcode/fui-qrcode.vue
@@ -0,0 +1,186 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186 1 4   07 2 5   49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<!-- #ifdef APP-NVUE -->
+	<gcanvas @longpress="longtap" @touchstart="touchstart" @touchend="touchend" :ref="canvasId"
+		:style="{ width: w + 'px', height:h + 'px'  }">
+	</gcanvas>
+	<!-- #endif -->
+
+	<!-- #ifndef APP-NVUE || MP-QQ -->
+	<canvas :canvas-id="canvasId" :id="canvasId" :style="{width:w+'px',height:h+'px'}" @longtap="longtap"
+		@touchstart="touchstart" @touchend="touchend" v-if="canvasId"></canvas>
+	<!-- #endif -->
+
+	<!-- #ifdef MP-QQ -->
+	<canvas canvas-id="canvas_qrcode" :style="{width:w+'px',height:h+'px'}" @longtap="longtap" @touchstart="touchstart"
+		@touchend="touchend"></canvas>
+	<!-- #endif -->
+</template>
+
+<script>
+	import fuiQr from './fui-qr/index.js'
+
+	// #ifdef APP-NVUE
+	import {
+		enable,
+		WeexBridge
+	} from './gcanvas/index.js';
+	// #endif
+
+	const utf16to8 = (str) => {
+		const len = str.length
+		let out = ''
+
+		for (let i = 0; i < len; i++) {
+			const c = str.charCodeAt(i)
+
+			if ((c >= 0x0001) && (c <= 0x007F)) {
+				out += str.charAt(i)
+			} else if (c > 0x07FF) {
+				out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F))
+				out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F))
+				out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F))
+			} else {
+				out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F))
+				out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F))
+			}
+		}
+
+		return out
+	}
+	// #ifdef MP-WEIXIN
+	const canvasId = `fui_qr_${Math.ceil(Math.random() * 10e5).toString(36)}`
+	// #endif
+
+	// #ifdef MP-QQ
+	const canvasId = 'canvas_qrcode'
+	// #endif
+	export default {
+		name: "fui-qrcode",
+		emits: ['ready', 'longclick', 'touchStart', 'touchEnd'],
+		props: {
+			width: {
+				type: [Number, String],
+				default: 400
+			},
+			height: {
+				type: [Number, String],
+				default: 400
+			},
+			value: {
+				type: String,
+				default: ''
+			},
+			foreground: {
+				type: String,
+				default: '#181818'
+			},
+			background: {
+				type: String,
+				default: '#ffffff'
+			}
+		},
+		data() {
+			// #ifndef MP-WEIXIN || MP-QQ
+			const canvasId = `fui_qr_${Math.ceil(Math.random() * 10e5).toString(36)}`
+			// #endif
+			return {
+				canvasId,
+				//误差校正等级
+				errorCorrectLevel: 2,
+				//类型
+				typeNumber: -1,
+				w: 200,
+				h: 200
+			};
+		},
+		computed: {
+			initDraw() {
+				return `${this.width}_${this.height}_${this.foreground}_${this.background}_${this.value}`
+			}
+		},
+		watch: {
+			initDraw(val) {
+				this.w = uni.upx2px(this.width || 400)
+				this.h = uni.upx2px(this.height || 400)
+				this.$nextTick(() => {
+					this.draw()
+				})
+			}
+		},
+		created() {
+			this.w = uni.upx2px(this.width || 400)
+			this.h = uni.upx2px(this.height || 400)
+			this.ctx = null;
+		},
+		mounted() {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this.draw()
+					this.$emit('ready', {
+						canvasId: this.canvasId
+					})
+				}, 50)
+			})
+		},
+		// #ifndef VUE3
+		beforeDestroy() {
+			this.ctx = null;
+		},
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+			this.ctx = null;
+		},
+		// #endif
+		methods: {
+			draw() {
+				const qrcode = fuiQr(utf16to8(this.value), {
+					typeNumber: this.typeNumber,
+					errorCorrectLevel: this.errorCorrectLevel,
+				})
+				const cells = qrcode.modules
+				const tileW = this.w / cells.length
+				const tileH = this.h / cells.length
+
+				if (!this.ctx) {
+					// #ifdef APP-NVUE
+					let ganvas = this.$refs[this.canvasId];
+					/*通过元素引用获取canvas对象*/
+					let canvasObj = enable(ganvas, {
+						bridge: WeexBridge
+					});
+					/*获取绘图所需的上下文，暂不支持3d*/
+					this.ctx = canvasObj.getContext('2d');
+					// #endif
+
+					// #ifndef APP-NVUE
+					this.ctx = uni.createCanvasContext(this.canvasId, this)
+					// #endif
+				}
+				this.ctx.scale(1, 1)
+
+				cells.forEach((row, rdx) => {
+					row.forEach((cell, cdx) => {
+						this.ctx.setFillStyle(cell ? this.foreground : this.background)
+						const w = (Math.ceil((cdx + 1) * tileW) - Math.floor(cdx * tileW))
+						const h = (Math.ceil((rdx + 1) * tileH) - Math.floor(rdx * tileH))
+						this.ctx.fillRect(Math.round(cdx * tileW), Math.round(rdx * tileH), w, h)
+					})
+				})
+				this.ctx.draw()
+			},
+			longtap() {
+				this.$emit('longclick', {})
+			},
+			touchstart() {
+				this.$emit('touchStart', {})
+			},
+			touchend() {
+				this.$emit('touchEnd', {})
+			}
+		}
+	}
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/gcanvas/bridge/bridge-weex.js b/components/firstui/fui-qrcode/gcanvas/bridge/bridge-weex.js
new file mode 100644
index 0000000..ddd6adc
--- /dev/null
+++ b/components/firstui/fui-qrcode/gcanvas/bridge/bridge-weex.js
@@ -0,0 +1,242 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 186    140  725 4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+const isWeex = typeof WXEnvironment !== 'undefined';
+const isWeexIOS = isWeex && /ios/i.test(WXEnvironment.platform);
+const isWeexAndroid = isWeex && !isWeexIOS;
+
+import GLmethod from '../context-webgl/GLmethod';
+
+const GCanvasModule =
+    (typeof weex !== 'undefined' && weex.requireModule) ? (weex.requireModule('gcanvas')) :
+        (typeof __weex_require__ !== 'undefined') ? (__weex_require__('@weex-module/gcanvas')) : {};
+
+let isDebugging = false;
+
+let isComboDisabled = false;
+
+const logCommand = (function () {
+    const methodQuery = [];
+    Object.keys(GLmethod).forEach(key => {
+        methodQuery[GLmethod[key]] = key;
+    })
+    const queryMethod = (id) => {
+        return methodQuery[parseInt(id)] || 'NotFoundMethod';
+    }
+    const logCommand = (id, cmds) => {
+        const mId = cmds.split(',')[0];
+        const mName = queryMethod(mId);
+        console.log(`=== callNative - componentId:${id}; method: ${mName}; cmds: ${cmds}`);
+    }
+    return logCommand;
+})();
+
+function joinArray(arr, sep) {
+    let res = '';
+    for (let i = 0; i < arr.length; i++) {
+        if (i !== 0) {
+            res += sep;
+        }
+        res += arr[i];
+    }
+    return res;
+}
+
+const commandsCache = {}
+
+const GBridge = {
+
+    callEnable: (ref, configArray) => {
+
+        commandsCache[ref] = [];
+
+        return GCanvasModule.enable({
+            componentId: ref,
+            config: configArray
+        });
+    },
+
+    callEnableDebug: () => {
+        isDebugging = true;
+    },
+
+    callEnableDisableCombo: () => {
+        isComboDisabled = true;
+    },
+
+    callSetContextType: function (componentId, context_type) {
+        GCanvasModule.setContextType(context_type, componentId);
+    },
+
+    callReset: function(id){
+        GCanvasModule.resetComponent && canvasModule.resetComponent(componentId);
+    },
+
+    render: isWeexIOS ? function (componentId) {
+        return GCanvasModule.extendCallNative({
+            contextId: componentId,
+            type: 0x60000001
+        });
+    } : function (componentId) {
+        return callGCanvasLinkNative(componentId, 0x60000001, 'render');
+    },
+
+    render2d: isWeexIOS ? function (componentId, commands, callback) {
+
+        if (isDebugging) {
+            console.log('>>> >>> render2d ===');
+            console.log('>>> commands: ' + commands);
+        }
+
+        GCanvasModule.render([commands, callback?true:false], componentId, callback);
+
+    } : function (componentId, commands,callback) {
+
+        if (isDebugging) {
+            console.log('>>> >>> render2d ===');
+            console.log('>>> commands: ' + commands);
+        }
+
+        callGCanvasLinkNative(componentId, 0x20000001, commands);
+		if(callback){
+		callback();
+		}
+    },
+
+    callExtendCallNative: isWeexIOS ? function (componentId, cmdArgs) {
+
+        throw 'should not be here anymore ' + cmdArgs;
+
+    } : function (componentId, cmdArgs) {
+
+        throw 'should not be here anymore ' + cmdArgs;
+
+    },
+
+
+    flushNative: isWeexIOS ? function (componentId) {
+
+        const cmdArgs = joinArray(commandsCache[componentId], ';');
+        commandsCache[componentId] = [];
+
+        if (isDebugging) {
+            console.log('>>> >>> flush native ===');
+            console.log('>>> commands: ' + cmdArgs);
+        }
+
+        const result = GCanvasModule.extendCallNative({
+            "contextId": componentId,
+            "type": 0x60000000,
+            "args": cmdArgs
+        });
+
+        const res = result && result.result;
+
+        if (isDebugging) {
+            console.log('>>> result: ' + res);
+        }
+
+        return res;
+
+    } : function (componentId) {
+
+        const cmdArgs = joinArray(commandsCache[componentId], ';');
+        commandsCache[componentId] = [];
+
+        if (isDebugging) {
+            console.log('>>> >>> flush native ===');
+            console.log('>>> commands: ' + cmdArgs);
+        }
+
+        const result = callGCanvasLinkNative(componentId, 0x60000000, cmdArgs);
+
+        if (isDebugging) {
+            console.log('>>> result: ' + result);
+        }
+
+        return result;
+    },
+
+    callNative: function (componentId, cmdArgs, cache) {
+
+        if (isDebugging) {
+            logCommand(componentId, cmdArgs);
+        }
+
+        commandsCache[componentId].push(cmdArgs);
+
+        if (!cache || isComboDisabled) {
+            return GBridge.flushNative(componentId);
+        } else {
+            return undefined;
+        }
+    },
+
+    texImage2D(componentId, ...args) {
+        if (isWeexIOS) {
+            if (args.length === 6) {
+                const [target, level, internalformat, format, type, image] = args;
+                GBridge.callNative(
+                    componentId,
+                    GLmethod.texImage2D + ',' + 6 + ',' + target + ',' + level + ',' + internalformat + ',' + format + ',' + type + ',' + image.src
+                )
+            } else if (args.length === 9) {
+                const [target, level, internalformat, width, height, border, format, type, image] = args;
+                GBridge.callNative(
+                    componentId,
+                    GLmethod.texImage2D + ',' + 9 + ',' + target + ',' + level + ',' + internalformat + ',' + width + ',' + height + ',' + border + ',' +
+                    + format + ',' + type + ',' + (image ? image.src : 0)
+                )
+            }
+        } else if (isWeexAndroid) {
+            if (args.length === 6) {
+                const [target, level, internalformat, format, type, image] = args;
+                GCanvasModule.texImage2D(componentId, target, level, internalformat, format, type, image.src);
+            } else if (args.length === 9) {
+                const [target, level, internalformat, width, height, border, format, type, image] = args;
+                GCanvasModule.texImage2D(componentId, target, level, internalformat, width, height, border, format, type, (image ? image.src : 0));
+            }
+        }
+    },
+
+    texSubImage2D(componentId, target, level, xoffset, yoffset, format, type, image) {
+        if (isWeexIOS) {
+            if (arguments.length === 8) {
+                GBridge.callNative(
+                    componentId,
+                    GLmethod.texSubImage2D + ',' + 6 + ',' + target + ',' + level + ',' + xoffset + ',' + yoffset, + ',' + format + ',' + type + ',' + image.src
+                )
+            }
+        } else if (isWeexAndroid) {
+            GCanvasModule.texSubImage2D(componentId, target, level, xoffset, yoffset, format, type, image.src);
+        }
+    },
+
+    bindImageTexture(componentId, src, imageId) {
+        GCanvasModule.bindImageTexture([src, imageId], componentId);
+    },
+
+    perloadImage([url, id], callback) {
+        GCanvasModule.preLoadImage([url, id], function (image) {
+            image.url = url;
+            image.id = id;
+            callback(image);
+        });
+    },
+
+	measureText(text, fontStyle, componentId) {
+	    return GCanvasModule.measureText([text, fontStyle], componentId);
+	},
+
+	getImageData (componentId, x, y, w, h, callback) {
+		GCanvasModule.getImageData([x, y,w,h],componentId,callback);
+	},
+
+	putImageData (componentId, data, x, y, w, h, callback) {
+		GCanvasModule.putImageData([x, y,w,h,data],componentId,callback);
+	},
+
+	toTempFilePath(componentId, x, y, width, height, destWidth, destHeight, fileType, quality, callback){
+		GCanvasModule.toTempFilePath([x, y, width,height, destWidth, destHeight, fileType, quality], componentId, callback);
+	}
+}
+
+export default GBridge;
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/gcanvas/context-2d/FillStyleLinearGradient.js b/components/firstui/fui-qrcode/gcanvas/context-2d/FillStyleLinearGradient.js
new file mode 100644
index 0000000..0da05e9
--- /dev/null
+++ b/components/firstui/fui-qrcode/gcanvas/context-2d/FillStyleLinearGradient.js
@@ -0,0 +1,19 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18 6 1   4 072 5  49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+class FillStyleLinearGradient {
+
+    constructor(x0, y0, x1, y1) {
+        this._start_pos = { _x: x0, _y: y0 };
+        this._end_pos = { _x: x1, _y: y1 };
+        this._stop_count = 0;
+        this._stops = [0, 0, 0, 0, 0];
+    }
+
+    addColorStop = function (pos, color) {
+        if (this._stop_count < 5 && 0.0 <= pos && pos <= 1.0) {
+            this._stops[this._stop_count] = { _pos: pos, _color: color };
+            this._stop_count++;
+        }
+    }
+}
+
+export default FillStyleLinearGradient;
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/gcanvas/context-2d/FillStylePattern.js b/components/firstui/fui-qrcode/gcanvas/context-2d/FillStylePattern.js
new file mode 100644
index 0000000..a5623ab
--- /dev/null
+++ b/components/firstui/fui-qrcode/gcanvas/context-2d/FillStylePattern.js
@@ -0,0 +1,9 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  1      8614  072549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+class FillStylePattern {
+    constructor(img, pattern) {
+        this._style = pattern;
+        this._img = img;
+    }
+}
+
+export default FillStylePattern;
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/gcanvas/context-2d/FillStyleRadialGradient.js b/components/firstui/fui-qrcode/gcanvas/context-2d/FillStyleRadialGradient.js
new file mode 100644
index 0000000..4f6b47c
--- /dev/null
+++ b/components/firstui/fui-qrcode/gcanvas/context-2d/FillStyleRadialGradient.js
@@ -0,0 +1,18 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  1  8  61  4 0 72549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+class FillStyleRadialGradient {
+    constructor(x0, y0, r0, x1, y1, r1) {
+        this._start_pos = { _x: x0, _y: y0, _r: r0 };
+        this._end_pos = { _x: x1, _y: y1, _r: r1 };
+        this._stop_count = 0;
+        this._stops = [0, 0, 0, 0, 0];
+    }
+
+    addColorStop(pos, color) {
+        if (this._stop_count < 5 && 0.0 <= pos && pos <= 1.0) {
+            this._stops[this._stop_count] = { _pos: pos, _color: color };
+            this._stop_count++;
+        }
+    }
+}
+
+export default FillStyleRadialGradient;
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/gcanvas/context-2d/RenderingContext.js b/components/firstui/fui-qrcode/gcanvas/context-2d/RenderingContext.js
new file mode 100644
index 0000000..1382716
--- /dev/null
+++ b/components/firstui/fui-qrcode/gcanvas/context-2d/RenderingContext.js
@@ -0,0 +1,667 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：   1 861  40 7 2 54 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import FillStylePattern from './FillStylePattern';
+import FillStyleLinearGradient from './FillStyleLinearGradient';
+import FillStyleRadialGradient from './FillStyleRadialGradient';
+import GImage from '../env/image.js';
+import {
+	ArrayBufferToBase64,
+	Base64ToUint8ClampedArray
+} from '../env/tool.js';
+
+export default class CanvasRenderingContext2D {
+
+	_drawCommands = '';
+
+	_globalAlpha = 1.0;
+
+	_fillStyle = 'rgb(0,0,0)';
+	_strokeStyle = 'rgb(0,0,0)';
+
+	_lineWidth = 1;
+	_lineCap = 'butt';
+	_lineJoin = 'miter';
+
+	_miterLimit = 10;
+
+	_globalCompositeOperation = 'source-over';
+
+	_textAlign = 'start';
+	_textBaseline = 'alphabetic';
+
+	_font = '10px sans-serif';
+
+	_savedGlobalAlpha = [];
+
+	timer = null;
+	componentId = null;
+
+	_notCommitDrawImageCache = [];
+	_needRedrawImageCache = [];
+	_redrawCommands = '';
+	_autoSaveContext = true;
+	// _imageMap = new GHashMap();
+	// _textureMap = new GHashMap();
+
+	constructor() {
+		this.className = 'CanvasRenderingContext2D';
+		//this.save()
+	}
+
+	setFillStyle(value) {
+		this.fillStyle = value;
+	}
+
+	set fillStyle(value) {
+		this._fillStyle = value;
+
+		if (typeof(value) == 'string') {
+			this._drawCommands = this._drawCommands.concat("F" + value + ";");
+		} else if (value instanceof FillStylePattern) {
+			const image = value._img;
+			if (!image.complete) {
+				image.onload = () => {
+					var index = this._needRedrawImageCache.indexOf(image);
+					if (index > -1) {
+						this._needRedrawImageCache.splice(index, 1);
+						CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+						this._redrawflush(true);
+					}
+				}
+				this._notCommitDrawImageCache.push(image);
+			} else {
+				CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+			}
+
+			//CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+			this._drawCommands = this._drawCommands.concat("G" + image._id + "," + value._style + ";");
+		} else if (value instanceof FillStyleLinearGradient) {
+			var command = "D" + value._start_pos._x.toFixed(2) + "," + value._start_pos._y.toFixed(2) + "," +
+				value._end_pos._x.toFixed(2) + "," + value._end_pos._y.toFixed(2) + "," +
+				value._stop_count;
+			for (var i = 0; i < value._stop_count; ++i) {
+				command += ("," + value._stops[i]._pos + "," + value._stops[i]._color);
+			}
+			this._drawCommands = this._drawCommands.concat(command + ";");
+		} else if (value instanceof FillStyleRadialGradient) {
+			var command = "H" + value._start_pos._x.toFixed(2) + "," + value._start_pos._y.toFixed(2) + "," + value._start_pos._r
+				.toFixed(2) + "," +
+				value._end_pos._x.toFixed(2) + "," + value._end_pos._y.toFixed(2) + "," + value._end_pos._r.toFixed(2) + "," +
+				value._stop_count;
+			for (var i = 0; i < value._stop_count; ++i) {
+				command += ("," + value._stops[i]._pos + "," + value._stops[i]._color);
+			}
+			this._drawCommands = this._drawCommands.concat(command + ";");
+		}
+	}
+
+	get fillStyle() {
+		return this._fillStyle;
+	}
+
+	get globalAlpha() {
+		return this._globalAlpha;
+	}
+
+	setGlobalAlpha(value) {
+		this.globalAlpha = value;
+	}
+
+	set globalAlpha(value) {
+		this._globalAlpha = value;
+		this._drawCommands = this._drawCommands.concat("a" + value.toFixed(2) + ";");
+	}
+
+
+	get strokeStyle() {
+		return this._strokeStyle;
+	}
+
+	setStrokeStyle(value) {
+		this.strokeStyle = value;
+	}
+
+	set strokeStyle(value) {
+
+		this._strokeStyle = value;
+
+		if (typeof(value) == 'string') {
+			this._drawCommands = this._drawCommands.concat("S" + value + ";");
+		} else if (value instanceof FillStylePattern) {
+			CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+			this._drawCommands = this._drawCommands.concat("G" + image._id + "," + value._style + ";");
+		} else if (value instanceof FillStyleLinearGradient) {
+			var command = "D" + value._start_pos._x.toFixed(2) + "," + value._start_pos._y.toFixed(2) + "," +
+				value._end_pos._x.toFixed(2) + "," + value._end_pos._y.toFixed(2) + "," +
+				value._stop_count;
+
+			for (var i = 0; i < value._stop_count; ++i) {
+				command += ("," + value._stops[i]._pos + "," + value._stops[i]._color);
+			}
+			this._drawCommands = this._drawCommands.concat(command + ";");
+		} else if (value instanceof FillStyleRadialGradient) {
+			var command = "H" + value._start_pos._x.toFixed(2) + "," + value._start_pos._y.toFixed(2) + "," + value._start_pos._r
+				.toFixed(2) + "," +
+				value._end_pos._x.toFixed(2) + "," + value._end_pos._y + ",".toFixed(2) + value._end_pos._r.toFixed(2) + "," +
+				value._stop_count;
+
+			for (var i = 0; i < value._stop_count; ++i) {
+				command += ("," + value._stops[i]._pos + "," + value._stops[i]._color);
+			}
+			this._drawCommands = this._drawCommands.concat(command + ";");
+		}
+	}
+
+	get lineWidth() {
+		return this._lineWidth;
+	}
+
+	setLineWidth(value) {
+		this.lineWidth = value;
+	}
+
+	set lineWidth(value) {
+		this._lineWidth = value;
+		this._drawCommands = this._drawCommands.concat("W" + value + ";");
+	}
+
+	get lineCap() {
+		return this._lineCap;
+	}
+
+	setLineCap(value) {
+		this.lineCap = value;
+	}
+
+	set lineCap(value) {
+		this._lineCap = value;
+		this._drawCommands = this._drawCommands.concat("C" + value + ";");
+	}
+
+	get lineJoin() {
+		return this._lineJoin;
+	}
+
+	setLineJoin(value) {
+		this.lineJoin = value
+	}
+
+	set lineJoin(value) {
+		this._lineJoin = value;
+		this._drawCommands = this._drawCommands.concat("J" + value + ";");
+	}
+
+	get miterLimit() {
+		return this._miterLimit;
+	}
+
+	setMiterLimit(value) {
+		this.miterLimit = value
+	}
+
+	set miterLimit(value) {
+		this._miterLimit = value;
+		this._drawCommands = this._drawCommands.concat("M" + value + ";");
+	}
+
+	get globalCompositeOperation() {
+		return this._globalCompositeOperation;
+	}
+
+	set globalCompositeOperation(value) {
+
+		this._globalCompositeOperation = value;
+		let mode = 0;
+		switch (value) {
+			case "source-over":
+				mode = 0;
+				break;
+			case "source-atop":
+				mode = 5;
+				break;
+			case "source-in":
+				mode = 0;
+				break;
+			case "source-out":
+				mode = 2;
+				break;
+			case "destination-over":
+				mode = 4;
+				break;
+			case "destination-atop":
+				mode = 4;
+				break;
+			case "destination-in":
+				mode = 4;
+				break;
+			case "destination-out":
+				mode = 3;
+				break;
+			case "lighter":
+				mode = 1;
+				break;
+			case "copy":
+				mode = 2;
+				break;
+			case "xor":
+				mode = 6;
+				break;
+			default:
+				mode = 0;
+		}
+
+		this._drawCommands = this._drawCommands.concat("B" + mode + ";");
+	}
+
+	get textAlign() {
+		return this._textAlign;
+	}
+
+	setTextAlign(value) {
+		this.textAlign = value
+	}
+
+	set textAlign(value) {
+
+		this._textAlign = value;
+		let Align = 0;
+		switch (value) {
+			case "start":
+				Align = 0;
+				break;
+			case "end":
+				Align = 1;
+				break;
+			case "left":
+				Align = 2;
+				break;
+			case "center":
+				Align = 3;
+				break;
+			case "right":
+				Align = 4;
+				break;
+			default:
+				Align = 0;
+		}
+
+		this._drawCommands = this._drawCommands.concat("A" + Align + ";");
+	}
+
+	get textBaseline() {
+		return this._textBaseline;
+	}
+
+	setTextBaseline(value) {
+		this.textBaseline = value
+	}
+
+	set textBaseline(value) {
+		this._textBaseline = value;
+		let baseline = 0;
+		switch (value) {
+			case "alphabetic":
+				baseline = 0;
+				break;
+			case "middle":
+				baseline = 1;
+				break;
+			case "top":
+				baseline = 2;
+				break;
+			case "hanging":
+				baseline = 3;
+				break;
+			case "bottom":
+				baseline = 4;
+				break;
+			case "ideographic":
+				baseline = 5;
+				break;
+			default:
+				baseline = 0;
+				break;
+		}
+
+		this._drawCommands = this._drawCommands.concat("E" + baseline + ";");
+	}
+
+	get font() {
+		return this._font;
+	}
+
+	setFontSize(size) {
+		var str = this._font;
+		var strs = str.trim().split(/\s+/);
+		for (var i = 0; i < strs.length; i++) {
+			var values = ["normal", "italic", "oblique", "normal", "small-caps", "normal", "bold",
+				"bolder", "lighter", "100", "200", "300", "400", "500", "600", "700", "800", "900",
+				"normal", "ultra-condensed", "extra-condensed", "condensed", "semi-condensed",
+				"semi-expanded", "expanded", "extra-expanded", "ultra-expanded"
+			];
+
+			if (-1 == values.indexOf(strs[i].trim())) {
+				if (typeof size === 'string') {
+					strs[i] = size;
+				} else if (typeof size === 'number') {
+					strs[i] = String(size) + 'px';
+				}
+				break;
+			}
+		}
+		this.font = strs.join(" ");
+	}
+
+	set font(value) {
+		this._font = value;
+		this._drawCommands = this._drawCommands.concat("j" + value + ";");
+	}
+
+	setTransform(a, b, c, d, tx, ty) {
+		this._drawCommands = this._drawCommands.concat("t" +
+			(a === 1 ? "1" : a.toFixed(2)) + "," +
+			(b === 0 ? "0" : b.toFixed(2)) + "," +
+			(c === 0 ? "0" : c.toFixed(2)) + "," +
+			(d === 1 ? "1" : d.toFixed(2)) + "," + tx.toFixed(2) + "," + ty.toFixed(2) + ";");
+	}
+
+	transform(a, b, c, d, tx, ty) {
+		this._drawCommands = this._drawCommands.concat("f" +
+			(a === 1 ? "1" : a.toFixed(2)) + "," +
+			(b === 0 ? "0" : b.toFixed(2)) + "," +
+			(c === 0 ? "0" : c.toFixed(2)) + "," +
+			(d === 1 ? "1" : d.toFixed(2)) + "," + tx + "," + ty + ";");
+	}
+
+	resetTransform() {
+		this._drawCommands = this._drawCommands.concat("m;");
+	}
+
+	scale(a, d) {
+		this._drawCommands = this._drawCommands.concat("k" + a.toFixed(2) + "," +
+			d.toFixed(2) + ";");
+	}
+
+	rotate(angle) {
+		this._drawCommands = this._drawCommands
+			.concat("r" + angle.toFixed(6) + ";");
+	}
+
+	translate(tx, ty) {
+		this._drawCommands = this._drawCommands.concat("l" + tx.toFixed(2) + "," + ty.toFixed(2) + ";");
+	}
+
+	save() {
+		this._savedGlobalAlpha.push(this._globalAlpha);
+		this._drawCommands = this._drawCommands.concat("v;");
+	}
+
+	restore() {
+		this._drawCommands = this._drawCommands.concat("e;");
+		this._globalAlpha = this._savedGlobalAlpha.pop();
+	}
+
+	createPattern(img, pattern) {
+		if (typeof img === 'string') {
+			var imgObj = new GImage();
+			imgObj.src = img;
+			img = imgObj;
+		}
+		return new FillStylePattern(img, pattern);
+	}
+
+	createLinearGradient(x0, y0, x1, y1) {
+		return new FillStyleLinearGradient(x0, y0, x1, y1);
+	}
+
+	createRadialGradient = function(x0, y0, r0, x1, y1, r1) {
+		return new FillStyleRadialGradient(x0, y0, r0, x1, y1, r1);
+	};
+
+	createCircularGradient = function(x0, y0, r0) {
+		return new FillStyleRadialGradient(x0, y0, 0, x0, y0, r0);
+	};
+
+	strokeRect(x, y, w, h) {
+		this._drawCommands = this._drawCommands.concat("s" + x + "," + y + "," + w + "," + h + ";");
+	}
+
+
+	clearRect(x, y, w, h) {
+		this._drawCommands = this._drawCommands.concat("c" + x + "," + y + "," + w +
+			"," + h + ";");
+	}
+
+	clip() {
+		this._drawCommands = this._drawCommands.concat("p;");
+	}
+
+	resetClip() {
+		this._drawCommands = this._drawCommands.concat("q;");
+	}
+
+	closePath() {
+		this._drawCommands = this._drawCommands.concat("o;");
+	}
+
+	moveTo(x, y) {
+		this._drawCommands = this._drawCommands.concat("g" + x.toFixed(2) + "," + y.toFixed(2) + ";");
+	}
+
+	lineTo(x, y) {
+		this._drawCommands = this._drawCommands.concat("i" + x.toFixed(2) + "," + y.toFixed(2) + ";");
+	}
+
+	quadraticCurveTo = function(cpx, cpy, x, y) {
+		this._drawCommands = this._drawCommands.concat("u" + cpx + "," + cpy + "," + x + "," + y + ";");
+	}
+
+	bezierCurveTo(cp1x, cp1y, cp2x, cp2y, x, y, ) {
+		this._drawCommands = this._drawCommands.concat(
+			"z" + cp1x.toFixed(2) + "," + cp1y.toFixed(2) + "," + cp2x.toFixed(2) + "," + cp2y.toFixed(2) + "," +
+			x.toFixed(2) + "," + y.toFixed(2) + ";");
+	}
+
+	arcTo(x1, y1, x2, y2, radius) {
+		this._drawCommands = this._drawCommands.concat("h" + x1 + "," + y1 + "," + x2 + "," + y2 + "," + radius + ";");
+	}
+
+	beginPath() {
+		this._drawCommands = this._drawCommands.concat("b;");
+	}
+
+
+	fillRect(x, y, w, h) {
+		this._drawCommands = this._drawCommands.concat("n" + x + "," + y + "," + w +
+			"," + h + ";");
+	}
+
+	rect(x, y, w, h) {
+		this._drawCommands = this._drawCommands.concat("w" + x + "," + y + "," + w + "," + h + ";");
+	}
+
+	fill() {
+		this._drawCommands = this._drawCommands.concat("L;");
+	}
+
+	stroke(path) {
+		this._drawCommands = this._drawCommands.concat("x;");
+	}
+
+	arc(x, y, radius, startAngle, endAngle, anticlockwise) {
+
+		let ianticlockwise = 0;
+		if (anticlockwise) {
+			ianticlockwise = 1;
+		}
+
+		this._drawCommands = this._drawCommands.concat(
+			"y" + x.toFixed(2) + "," + y.toFixed(2) + "," +
+			radius.toFixed(2) + "," + startAngle + "," + endAngle + "," + ianticlockwise +
+			";"
+		);
+	}
+
+	fillText(text, x, y) {
+		let tmptext = text.replace(/!/g, "!!");
+		tmptext = tmptext.replace(/,/g, "!,");
+		tmptext = tmptext.replace(/;/g, "!;");
+		this._drawCommands = this._drawCommands.concat("T" + tmptext + "," + x + "," + y + ",0.0;");
+	}
+
+	strokeText = function(text, x, y) {
+		let tmptext = text.replace(/!/g, "!!");
+		tmptext = tmptext.replace(/,/g, "!,");
+		tmptext = tmptext.replace(/;/g, "!;");
+		this._drawCommands = this._drawCommands.concat("U" + tmptext + "," + x + "," + y + ",0.0;");
+	}
+
+	measureText(text) {
+		return CanvasRenderingContext2D.GBridge.measureText(text, this.font, this.componentId);
+	}
+
+	isPointInPath = function(x, y) {
+		throw new Error('GCanvas not supported yet');
+	}
+
+	drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh) {
+		if (typeof image === 'string') {
+			var imgObj = new GImage();
+			imgObj.src = image;
+			image = imgObj;
+		}
+		if (image instanceof GImage) {
+			if (!image.complete) {
+				imgObj.onload = () => {
+					var index = this._needRedrawImageCache.indexOf(image);
+					if (index > -1) {
+						this._needRedrawImageCache.splice(index, 1);
+						CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+						this._redrawflush(true);
+					}
+				}
+				this._notCommitDrawImageCache.push(image);
+			} else {
+				CanvasRenderingContext2D.GBridge.bindImageTexture(this.componentId, image.src, image._id);
+			}
+			var srcArgs = [image, sx, sy, sw, sh, dx, dy, dw, dh];
+			var args = [];
+			for (var arg in srcArgs) {
+				if (typeof(srcArgs[arg]) != 'undefined') {
+					args.push(srcArgs[arg]);
+				}
+			}
+			this.__drawImage.apply(this, args);
+			//this.__drawImage(image,sx, sy, sw, sh, dx, dy, dw, dh);
+		}
+	}
+
+	__drawImage(image, sx, sy, sw, sh, dx, dy, dw, dh) {
+		const numArgs = arguments.length;
+
+		function drawImageCommands() {
+
+			if (numArgs === 3) {
+				const x = parseFloat(sx) || 0.0;
+				const y = parseFloat(sy) || 0.0;
+
+				return ("d" + image._id + ",0,0," +
+					image.width + "," + image.height + "," +
+					x + "," + y + "," + image.width + "," + image.height + ";");
+			} else if (numArgs === 5) {
+				const x = parseFloat(sx) || 0.0;
+				const y = parseFloat(sy) || 0.0;
+				const width = parseInt(sw) || image.width;
+				const height = parseInt(sh) || image.height;
+
+				return ("d" + image._id + ",0,0," +
+					image.width + "," + image.height + "," +
+					x + "," + y + "," + width + "," + height + ";");
+			} else if (numArgs === 9) {
+				sx = parseFloat(sx) || 0.0;
+				sy = parseFloat(sy) || 0.0;
+				sw = parseInt(sw) || image.width;
+				sh = parseInt(sh) || image.height;
+				dx = parseFloat(dx) || 0.0;
+				dy = parseFloat(dy) || 0.0;
+				dw = parseInt(dw) || image.width;
+				dh = parseInt(dh) || image.height;
+
+				return ("d" + image._id + "," +
+					sx + "," + sy + "," + sw + "," + sh + "," +
+					dx + "," + dy + "," + dw + "," + dh + ";");
+			}
+		}
+		this._drawCommands += drawImageCommands();
+	}
+
+	_flush(reserve, callback) {
+		const commands = this._drawCommands;
+		this._drawCommands = '';
+		CanvasRenderingContext2D.GBridge.render2d(this.componentId, commands, callback);
+		this._needRender = false;
+	}
+
+	_redrawflush(reserve, callback) {
+		const commands = this._redrawCommands;
+		CanvasRenderingContext2D.GBridge.render2d(this.componentId, commands, callback);
+		if (this._needRedrawImageCache.length == 0) {
+			this._redrawCommands = '';
+		}
+	}
+
+	draw(reserve, callback) {
+		if (!reserve) {
+			this._globalAlpha = this._savedGlobalAlpha.pop();
+			this._savedGlobalAlpha.push(this._globalAlpha);
+			this._redrawCommands = this._drawCommands;
+			this._needRedrawImageCache = this._notCommitDrawImageCache;
+			if (this._autoSaveContext) {
+				this._drawCommands = ("v;" + this._drawCommands);
+				this._autoSaveContext = false;
+			} else {
+				this._drawCommands = ("e;X;v;" + this._drawCommands);
+			}
+		} else {
+			this._needRedrawImageCache = this._needRedrawImageCache.concat(this._notCommitDrawImageCache);
+			this._redrawCommands += this._drawCommands;
+			if (this._autoSaveContext) {
+				this._drawCommands = ("v;" + this._drawCommands);
+				this._autoSaveContext = false;
+			}
+		}
+		this._notCommitDrawImageCache = [];
+		if (this._flush) {
+			this._flush(reserve, callback);
+		}
+	}
+
+	getImageData(x, y, w, h, callback) {
+		CanvasRenderingContext2D.GBridge.getImageData(this.componentId, x, y, w, h, function(res) {
+			res.data = Base64ToUint8ClampedArray(res.data);
+			if (typeof(callback) == 'function') {
+				callback(res);
+			}
+		});
+	}
+
+	putImageData(data, x, y, w, h, callback) {
+		if (data instanceof Uint8ClampedArray) {
+			data = ArrayBufferToBase64(data);
+			CanvasRenderingContext2D.GBridge.putImageData(this.componentId, data, x, y, w, h, function(res) {
+				if (typeof(callback) == 'function') {
+					callback(res);
+				}
+			});
+		}
+	}
+
+	toTempFilePath(x, y, width, height, destWidth, destHeight, fileType, quality, callback) {
+		CanvasRenderingContext2D.GBridge.toTempFilePath(this.componentId, x, y, width, height, destWidth, destHeight,
+			fileType, quality,
+			function(res) {
+				if (typeof(callback) == 'function') {
+					callback(res);
+				}
+			});
+	}
+}
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/gcanvas/context-webgl/ActiveInfo.js b/components/firstui/fui-qrcode/gcanvas/context-webgl/ActiveInfo.js
new file mode 100644
index 0000000..350c6e6
--- /dev/null
+++ b/components/firstui/fui-qrcode/gcanvas/context-webgl/ActiveInfo.js
@@ -0,0 +1,12 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  1  8   61407  25 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export default class WebGLActiveInfo {
+    className = 'WebGLActiveInfo';
+
+    constructor({
+        type, name, size
+    }) {
+        this.type = type;
+        this.name = name;
+        this.size = size;
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/gcanvas/context-webgl/Buffer.js b/components/firstui/fui-qrcode/gcanvas/context-webgl/Buffer.js
new file mode 100644
index 0000000..dc290c9
--- /dev/null
+++ b/components/firstui/fui-qrcode/gcanvas/context-webgl/Buffer.js
@@ -0,0 +1,22 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18  6  1 40 7   2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLBuffer';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLBuffer {
+    className = name;
+
+    constructor(id) {
+        this.id = id;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/gcanvas/context-webgl/Framebuffer.js b/components/firstui/fui-qrcode/gcanvas/context-webgl/Framebuffer.js
new file mode 100644
index 0000000..aa70d10
--- /dev/null
+++ b/components/firstui/fui-qrcode/gcanvas/context-webgl/Framebuffer.js
@@ -0,0 +1,22 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  18 6   1407    2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLFrameBuffer';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLFramebuffer {
+    className = name;
+
+    constructor(id) {
+        this.id = id;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/gcanvas/context-webgl/GLenum.js b/components/firstui/fui-qrcode/gcanvas/context-webgl/GLenum.js
new file mode 100644
index 0000000..aab9e47
--- /dev/null
+++ b/components/firstui/fui-qrcode/gcanvas/context-webgl/GLenum.js
@@ -0,0 +1,299 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：    18 61  40725  4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export default {
+    "DEPTH_BUFFER_BIT": 256,
+    "STENCIL_BUFFER_BIT": 1024,
+    "COLOR_BUFFER_BIT": 16384,
+    "POINTS": 0,
+    "LINES": 1,
+    "LINE_LOOP": 2,
+    "LINE_STRIP": 3,
+    "TRIANGLES": 4,
+    "TRIANGLE_STRIP": 5,
+    "TRIANGLE_FAN": 6,
+    "ZERO": 0,
+    "ONE": 1,
+    "SRC_COLOR": 768,
+    "ONE_MINUS_SRC_COLOR": 769,
+    "SRC_ALPHA": 770,
+    "ONE_MINUS_SRC_ALPHA": 771,
+    "DST_ALPHA": 772,
+    "ONE_MINUS_DST_ALPHA": 773,
+    "DST_COLOR": 774,
+    "ONE_MINUS_DST_COLOR": 775,
+    "SRC_ALPHA_SATURATE": 776,
+    "FUNC_ADD": 32774,
+    "BLEND_EQUATION": 32777,
+    "BLEND_EQUATION_RGB": 32777,
+    "BLEND_EQUATION_ALPHA": 34877,
+    "FUNC_SUBTRACT": 32778,
+    "FUNC_REVERSE_SUBTRACT": 32779,
+    "BLEND_DST_RGB": 32968,
+    "BLEND_SRC_RGB": 32969,
+    "BLEND_DST_ALPHA": 32970,
+    "BLEND_SRC_ALPHA": 32971,
+    "CONSTANT_COLOR": 32769,
+    "ONE_MINUS_CONSTANT_COLOR": 32770,
+    "CONSTANT_ALPHA": 32771,
+    "ONE_MINUS_CONSTANT_ALPHA": 32772,
+    "BLEND_COLOR": 32773,
+    "ARRAY_BUFFER": 34962,
+    "ELEMENT_ARRAY_BUFFER": 34963,
+    "ARRAY_BUFFER_BINDING": 34964,
+    "ELEMENT_ARRAY_BUFFER_BINDING": 34965,
+    "STREAM_DRAW": 35040,
+    "STATIC_DRAW": 35044,
+    "DYNAMIC_DRAW": 35048,
+    "BUFFER_SIZE": 34660,
+    "BUFFER_USAGE": 34661,
+    "CURRENT_VERTEX_ATTRIB": 34342,
+    "FRONT": 1028,
+    "BACK": 1029,
+    "FRONT_AND_BACK": 1032,
+    "TEXTURE_2D": 3553,
+    "CULL_FACE": 2884,
+    "BLEND": 3042,
+    "DITHER": 3024,
+    "STENCIL_TEST": 2960,
+    "DEPTH_TEST": 2929,
+    "SCISSOR_TEST": 3089,
+    "POLYGON_OFFSET_FILL": 32823,
+    "SAMPLE_ALPHA_TO_COVERAGE": 32926,
+    "SAMPLE_COVERAGE": 32928,
+    "NO_ERROR": 0,
+    "INVALID_ENUM": 1280,
+    "INVALID_VALUE": 1281,
+    "INVALID_OPERATION": 1282,
+    "OUT_OF_MEMORY": 1285,
+    "CW": 2304,
+    "CCW": 2305,
+    "LINE_WIDTH": 2849,
+    "ALIASED_POINT_SIZE_RANGE": 33901,
+    "ALIASED_LINE_WIDTH_RANGE": 33902,
+    "CULL_FACE_MODE": 2885,
+    "FRONT_FACE": 2886,
+    "DEPTH_RANGE": 2928,
+    "DEPTH_WRITEMASK": 2930,
+    "DEPTH_CLEAR_VALUE": 2931,
+    "DEPTH_FUNC": 2932,
+    "STENCIL_CLEAR_VALUE": 2961,
+    "STENCIL_FUNC": 2962,
+    "STENCIL_FAIL": 2964,
+    "STENCIL_PASS_DEPTH_FAIL": 2965,
+    "STENCIL_PASS_DEPTH_PASS": 2966,
+    "STENCIL_REF": 2967,
+    "STENCIL_VALUE_MASK": 2963,
+    "STENCIL_WRITEMASK": 2968,
+    "STENCIL_BACK_FUNC": 34816,
+    "STENCIL_BACK_FAIL": 34817,
+    "STENCIL_BACK_PASS_DEPTH_FAIL": 34818,
+    "STENCIL_BACK_PASS_DEPTH_PASS": 34819,
+    "STENCIL_BACK_REF": 36003,
+    "STENCIL_BACK_VALUE_MASK": 36004,
+    "STENCIL_BACK_WRITEMASK": 36005,
+    "VIEWPORT": 2978,
+    "SCISSOR_BOX": 3088,
+    "COLOR_CLEAR_VALUE": 3106,
+    "COLOR_WRITEMASK": 3107,
+    "UNPACK_ALIGNMENT": 3317,
+    "PACK_ALIGNMENT": 3333,
+    "MAX_TEXTURE_SIZE": 3379,
+    "MAX_VIEWPORT_DIMS": 3386,
+    "SUBPIXEL_BITS": 3408,
+    "RED_BITS": 3410,
+    "GREEN_BITS": 3411,
+    "BLUE_BITS": 3412,
+    "ALPHA_BITS": 3413,
+    "DEPTH_BITS": 3414,
+    "STENCIL_BITS": 3415,
+    "POLYGON_OFFSET_UNITS": 10752,
+    "POLYGON_OFFSET_FACTOR": 32824,
+    "TEXTURE_BINDING_2D": 32873,
+    "SAMPLE_BUFFERS": 32936,
+    "SAMPLES": 32937,
+    "SAMPLE_COVERAGE_VALUE": 32938,
+    "SAMPLE_COVERAGE_INVERT": 32939,
+    "COMPRESSED_TEXTURE_FORMATS": 34467,
+    "DONT_CARE": 4352,
+    "FASTEST": 4353,
+    "NICEST": 4354,
+    "GENERATE_MIPMAP_HINT": 33170,
+    "BYTE": 5120,
+    "UNSIGNED_BYTE": 5121,
+    "SHORT": 5122,
+    "UNSIGNED_SHORT": 5123,
+    "INT": 5124,
+    "UNSIGNED_INT": 5125,
+    "FLOAT": 5126,
+    "DEPTH_COMPONENT": 6402,
+    "ALPHA": 6406,
+    "RGB": 6407,
+    "RGBA": 6408,
+    "LUMINANCE": 6409,
+    "LUMINANCE_ALPHA": 6410,
+    "UNSIGNED_SHORT_4_4_4_4": 32819,
+    "UNSIGNED_SHORT_5_5_5_1": 32820,
+    "UNSIGNED_SHORT_5_6_5": 33635,
+    "FRAGMENT_SHADER": 35632,
+    "VERTEX_SHADER": 35633,
+    "MAX_VERTEX_ATTRIBS": 34921,
+    "MAX_VERTEX_UNIFORM_VECTORS": 36347,
+    "MAX_VARYING_VECTORS": 36348,
+    "MAX_COMBINED_TEXTURE_IMAGE_UNITS": 35661,
+    "MAX_VERTEX_TEXTURE_IMAGE_UNITS": 35660,
+    "MAX_TEXTURE_IMAGE_UNITS": 34930,
+    "MAX_FRAGMENT_UNIFORM_VECTORS": 36349,
+    "SHADER_TYPE": 35663,
+    "DELETE_STATUS": 35712,
+    "LINK_STATUS": 35714,
+    "VALIDATE_STATUS": 35715,
+    "ATTACHED_SHADERS": 35717,
+    "ACTIVE_UNIFORMS": 35718,
+    "ACTIVE_ATTRIBUTES": 35721,
+    "SHADING_LANGUAGE_VERSION": 35724,
+    "CURRENT_PROGRAM": 35725,
+    "NEVER": 512,
+    "LESS": 513,
+    "EQUAL": 514,
+    "LEQUAL": 515,
+    "GREATER": 516,
+    "NOTEQUAL": 517,
+    "GEQUAL": 518,
+    "ALWAYS": 519,
+    "KEEP": 7680,
+    "REPLACE": 7681,
+    "INCR": 7682,
+    "DECR": 7683,
+    "INVERT": 5386,
+    "INCR_WRAP": 34055,
+    "DECR_WRAP": 34056,
+    "VENDOR": 7936,
+    "RENDERER": 7937,
+    "VERSION": 7938,
+    "NEAREST": 9728,
+    "LINEAR": 9729,
+    "NEAREST_MIPMAP_NEAREST": 9984,
+    "LINEAR_MIPMAP_NEAREST": 9985,
+    "NEAREST_MIPMAP_LINEAR": 9986,
+    "LINEAR_MIPMAP_LINEAR": 9987,
+    "TEXTURE_MAG_FILTER": 10240,
+    "TEXTURE_MIN_FILTER": 10241,
+    "TEXTURE_WRAP_S": 10242,
+    "TEXTURE_WRAP_T": 10243,
+    "TEXTURE": 5890,
+    "TEXTURE_CUBE_MAP": 34067,
+    "TEXTURE_BINDING_CUBE_MAP": 34068,
+    "TEXTURE_CUBE_MAP_POSITIVE_X": 34069,
+    "TEXTURE_CUBE_MAP_NEGATIVE_X": 34070,
+    "TEXTURE_CUBE_MAP_POSITIVE_Y": 34071,
+    "TEXTURE_CUBE_MAP_NEGATIVE_Y": 34072,
+    "TEXTURE_CUBE_MAP_POSITIVE_Z": 34073,
+    "TEXTURE_CUBE_MAP_NEGATIVE_Z": 34074,
+    "MAX_CUBE_MAP_TEXTURE_SIZE": 34076,
+    "TEXTURE0": 33984,
+    "TEXTURE1": 33985,
+    "TEXTURE2": 33986,
+    "TEXTURE3": 33987,
+    "TEXTURE4": 33988,
+    "TEXTURE5": 33989,
+    "TEXTURE6": 33990,
+    "TEXTURE7": 33991,
+    "TEXTURE8": 33992,
+    "TEXTURE9": 33993,
+    "TEXTURE10": 33994,
+    "TEXTURE11": 33995,
+    "TEXTURE12": 33996,
+    "TEXTURE13": 33997,
+    "TEXTURE14": 33998,
+    "TEXTURE15": 33999,
+    "TEXTURE16": 34000,
+    "TEXTURE17": 34001,
+    "TEXTURE18": 34002,
+    "TEXTURE19": 34003,
+    "TEXTURE20": 34004,
+    "TEXTURE21": 34005,
+    "TEXTURE22": 34006,
+    "TEXTURE23": 34007,
+    "TEXTURE24": 34008,
+    "TEXTURE25": 34009,
+    "TEXTURE26": 34010,
+    "TEXTURE27": 34011,
+    "TEXTURE28": 34012,
+    "TEXTURE29": 34013,
+    "TEXTURE30": 34014,
+    "TEXTURE31": 34015,
+    "ACTIVE_TEXTURE": 34016,
+    "REPEAT": 10497,
+    "CLAMP_TO_EDGE": 33071,
+    "MIRRORED_REPEAT": 33648,
+    "FLOAT_VEC2": 35664,
+    "FLOAT_VEC3": 35665,
+    "FLOAT_VEC4": 35666,
+    "INT_VEC2": 35667,
+    "INT_VEC3": 35668,
+    "INT_VEC4": 35669,
+    "BOOL": 35670,
+    "BOOL_VEC2": 35671,
+    "BOOL_VEC3": 35672,
+    "BOOL_VEC4": 35673,
+    "FLOAT_MAT2": 35674,
+    "FLOAT_MAT3": 35675,
+    "FLOAT_MAT4": 35676,
+    "SAMPLER_2D": 35678,
+    "SAMPLER_CUBE": 35680,
+    "VERTEX_ATTRIB_ARRAY_ENABLED": 34338,
+    "VERTEX_ATTRIB_ARRAY_SIZE": 34339,
+    "VERTEX_ATTRIB_ARRAY_STRIDE": 34340,
+    "VERTEX_ATTRIB_ARRAY_TYPE": 34341,
+    "VERTEX_ATTRIB_ARRAY_NORMALIZED": 34922,
+    "VERTEX_ATTRIB_ARRAY_POINTER": 34373,
+    "VERTEX_ATTRIB_ARRAY_BUFFER_BINDING": 34975,
+    "IMPLEMENTATION_COLOR_READ_TYPE": 35738,
+    "IMPLEMENTATION_COLOR_READ_FORMAT": 35739,
+    "COMPILE_STATUS": 35713,
+    "LOW_FLOAT": 36336,
+    "MEDIUM_FLOAT": 36337,
+    "HIGH_FLOAT": 36338,
+    "LOW_INT": 36339,
+    "MEDIUM_INT": 36340,
+    "HIGH_INT": 36341,
+    "FRAMEBUFFER": 36160,
+    "RENDERBUFFER": 36161,
+    "RGBA4": 32854,
+    "RGB5_A1": 32855,
+    "RGB565": 36194,
+    "DEPTH_COMPONENT16": 33189,
+    "STENCIL_INDEX8": 36168,
+    "DEPTH_STENCIL": 34041,
+    "RENDERBUFFER_WIDTH": 36162,
+    "RENDERBUFFER_HEIGHT": 36163,
+    "RENDERBUFFER_INTERNAL_FORMAT": 36164,
+    "RENDERBUFFER_RED_SIZE": 36176,
+    "RENDERBUFFER_GREEN_SIZE": 36177,
+    "RENDERBUFFER_BLUE_SIZE": 36178,
+    "RENDERBUFFER_ALPHA_SIZE": 36179,
+    "RENDERBUFFER_DEPTH_SIZE": 36180,
+    "RENDERBUFFER_STENCIL_SIZE": 36181,
+    "FRAMEBUFFER_ATTACHMENT_OBJECT_TYPE": 36048,
+    "FRAMEBUFFER_ATTACHMENT_OBJECT_NAME": 36049,
+    "FRAMEBUFFER_ATTACHMENT_TEXTURE_LEVEL": 36050,
+    "FRAMEBUFFER_ATTACHMENT_TEXTURE_CUBE_MAP_FACE": 36051,
+    "COLOR_ATTACHMENT0": 36064,
+    "DEPTH_ATTACHMENT": 36096,
+    "STENCIL_ATTACHMENT": 36128,
+    "DEPTH_STENCIL_ATTACHMENT": 33306,
+    "NONE": 0,
+    "FRAMEBUFFER_COMPLETE": 36053,
+    "FRAMEBUFFER_INCOMPLETE_ATTACHMENT": 36054,
+    "FRAMEBUFFER_INCOMPLETE_MISSING_ATTACHMENT": 36055,
+    "FRAMEBUFFER_INCOMPLETE_DIMENSIONS": 36057,
+    "FRAMEBUFFER_UNSUPPORTED": 36061,
+    "FRAMEBUFFER_BINDING": 36006,
+    "RENDERBUFFER_BINDING": 36007,
+    "MAX_RENDERBUFFER_SIZE": 34024,
+    "INVALID_FRAMEBUFFER_OPERATION": 1286,
+    "UNPACK_FLIP_Y_WEBGL": 37440,
+    "UNPACK_PREMULTIPLY_ALPHA_WEBGL": 37441,
+    "CONTEXT_LOST_WEBGL": 37442,
+    "UNPACK_COLORSPACE_CONVERSION_WEBGL": 37443,
+    "BROWSER_DEFAULT_WEBGL": 37444
+};
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/gcanvas/context-webgl/GLmethod.js b/components/firstui/fui-qrcode/gcanvas/context-webgl/GLmethod.js
new file mode 100644
index 0000000..35b52cf
--- /dev/null
+++ b/components/firstui/fui-qrcode/gcanvas/context-webgl/GLmethod.js
@@ -0,0 +1,143 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  186 1407   2   54 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+let i = 1;
+
+const GLmethod = {};
+
+GLmethod.activeTexture = i++;         //1
+GLmethod.attachShader = i++;
+GLmethod.bindAttribLocation = i++;
+GLmethod.bindBuffer = i++;
+GLmethod.bindFramebuffer = i++;
+GLmethod.bindRenderbuffer = i++;
+GLmethod.bindTexture = i++;
+GLmethod.blendColor = i++;
+GLmethod.blendEquation = i++;
+GLmethod.blendEquationSeparate = i++; //10
+GLmethod.blendFunc = i++;
+GLmethod.blendFuncSeparate = i++;
+GLmethod.bufferData = i++;
+GLmethod.bufferSubData = i++;
+GLmethod.checkFramebufferStatus = i++;
+GLmethod.clear = i++;
+GLmethod.clearColor = i++;
+GLmethod.clearDepth = i++;
+GLmethod.clearStencil = i++;
+GLmethod.colorMask = i++;              //20
+GLmethod.compileShader = i++;
+GLmethod.compressedTexImage2D = i++;
+GLmethod.compressedTexSubImage2D = i++;
+GLmethod.copyTexImage2D = i++;
+GLmethod.copyTexSubImage2D = i++;
+GLmethod.createBuffer = i++;
+GLmethod.createFramebuffer = i++;
+GLmethod.createProgram = i++;
+GLmethod.createRenderbuffer = i++;
+GLmethod.createShader = i++;           //30
+GLmethod.createTexture = i++;
+GLmethod.cullFace = i++;
+GLmethod.deleteBuffer = i++;
+GLmethod.deleteFramebuffer = i++;
+GLmethod.deleteProgram = i++;
+GLmethod.deleteRenderbuffer = i++;
+GLmethod.deleteShader = i++;
+GLmethod.deleteTexture = i++;
+GLmethod.depthFunc = i++;
+GLmethod.depthMask = i++;              //40
+GLmethod.depthRange = i++;
+GLmethod.detachShader = i++;
+GLmethod.disable = i++;
+GLmethod.disableVertexAttribArray = i++;
+GLmethod.drawArrays = i++;
+GLmethod.drawArraysInstancedANGLE = i++;
+GLmethod.drawElements = i++;
+GLmethod.drawElementsInstancedANGLE = i++;
+GLmethod.enable = i++;
+GLmethod.enableVertexAttribArray = i++;    //50
+GLmethod.flush = i++;
+GLmethod.framebufferRenderbuffer = i++;
+GLmethod.framebufferTexture2D = i++;
+GLmethod.frontFace = i++;
+GLmethod.generateMipmap = i++;
+GLmethod.getActiveAttrib = i++;
+GLmethod.getActiveUniform = i++;
+GLmethod.getAttachedShaders = i++;
+GLmethod.getAttribLocation = i++;
+GLmethod.getBufferParameter = i++;         //60
+GLmethod.getContextAttributes = i++;
+GLmethod.getError = i++;
+GLmethod.getExtension = i++;
+GLmethod.getFramebufferAttachmentParameter = i++;
+GLmethod.getParameter = i++;
+GLmethod.getProgramInfoLog = i++;
+GLmethod.getProgramParameter = i++;
+GLmethod.getRenderbufferParameter = i++;
+GLmethod.getShaderInfoLog = i++;
+GLmethod.getShaderParameter = i++;         //70
+GLmethod.getShaderPrecisionFormat = i++;
+GLmethod.getShaderSource = i++;
+GLmethod.getSupportedExtensions = i++;
+GLmethod.getTexParameter = i++;
+GLmethod.getUniform = i++;
+GLmethod.getUniformLocation = i++;
+GLmethod.getVertexAttrib = i++;
+GLmethod.getVertexAttribOffset = i++;
+GLmethod.isBuffer = i++;
+GLmethod.isContextLost = i++;              //80
+GLmethod.isEnabled = i++;
+GLmethod.isFramebuffer = i++;
+GLmethod.isProgram = i++;
+GLmethod.isRenderbuffer = i++;
+GLmethod.isShader = i++;
+GLmethod.isTexture = i++;
+GLmethod.lineWidth = i++;
+GLmethod.linkProgram = i++;
+GLmethod.pixelStorei = i++;
+GLmethod.polygonOffset = i++;              //90
+GLmethod.readPixels = i++;
+GLmethod.renderbufferStorage = i++;
+GLmethod.sampleCoverage = i++;
+GLmethod.scissor = i++;
+GLmethod.shaderSource = i++;
+GLmethod.stencilFunc = i++;
+GLmethod.stencilFuncSeparate = i++;
+GLmethod.stencilMask = i++;
+GLmethod.stencilMaskSeparate = i++;
+GLmethod.stencilOp = i++;                  //100
+GLmethod.stencilOpSeparate = i++;
+GLmethod.texImage2D = i++;
+GLmethod.texParameterf = i++;
+GLmethod.texParameteri = i++;
+GLmethod.texSubImage2D = i++;
+GLmethod.uniform1f = i++;
+GLmethod.uniform1fv = i++;
+GLmethod.uniform1i = i++;
+GLmethod.uniform1iv = i++;
+GLmethod.uniform2f = i++;                  //110
+GLmethod.uniform2fv = i++;
+GLmethod.uniform2i = i++;
+GLmethod.uniform2iv = i++;
+GLmethod.uniform3f = i++;
+GLmethod.uniform3fv = i++;
+GLmethod.uniform3i = i++;
+GLmethod.uniform3iv = i++;
+GLmethod.uniform4f = i++;
+GLmethod.uniform4fv = i++;
+GLmethod.uniform4i = i++;                  //120
+GLmethod.uniform4iv = i++;
+GLmethod.uniformMatrix2fv = i++;
+GLmethod.uniformMatrix3fv = i++;
+GLmethod.uniformMatrix4fv = i++;
+GLmethod.useProgram = i++;
+GLmethod.validateProgram = i++;
+GLmethod.vertexAttrib1f = i++; //new
+GLmethod.vertexAttrib2f = i++; //new
+GLmethod.vertexAttrib3f = i++; //new
+GLmethod.vertexAttrib4f = i++; //new       //130
+GLmethod.vertexAttrib1fv = i++; //new
+GLmethod.vertexAttrib2fv = i++; //new
+GLmethod.vertexAttrib3fv = i++; //new
+GLmethod.vertexAttrib4fv = i++; //new
+GLmethod.vertexAttribPointer = i++;
+GLmethod.viewport = i++;
+
+export default GLmethod;
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/gcanvas/context-webgl/GLtype.js b/components/firstui/fui-qrcode/gcanvas/context-webgl/GLtype.js
new file mode 100644
index 0000000..2526996
--- /dev/null
+++ b/components/firstui/fui-qrcode/gcanvas/context-webgl/GLtype.js
@@ -0,0 +1,23 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8 6  1  40 72 5 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+const GLtype = {};
+
+[
+    "GLbitfield",
+    "GLboolean",
+    "GLbyte",
+    "GLclampf",
+    "GLenum",
+    "GLfloat",
+    "GLint",
+    "GLintptr",
+    "GLsizei",
+    "GLsizeiptr",
+    "GLshort",
+    "GLubyte",
+    "GLuint",
+    "GLushort"
+].sort().map((typeName, i) => GLtype[typeName] = 1 >> (i + 1));
+
+export default GLtype;
+
+
diff --git a/components/firstui/fui-qrcode/gcanvas/context-webgl/Program.js b/components/firstui/fui-qrcode/gcanvas/context-webgl/Program.js
new file mode 100644
index 0000000..8423410
--- /dev/null
+++ b/components/firstui/fui-qrcode/gcanvas/context-webgl/Program.js
@@ -0,0 +1,22 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18 6 14 07  2 5 4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLProgram';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLProgram {
+    className = name;
+
+    constructor(id) {
+        this.id = id;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/gcanvas/context-webgl/Renderbuffer.js b/components/firstui/fui-qrcode/gcanvas/context-webgl/Renderbuffer.js
new file mode 100644
index 0000000..eb0591b
--- /dev/null
+++ b/components/firstui/fui-qrcode/gcanvas/context-webgl/Renderbuffer.js
@@ -0,0 +1,22 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18 6 1407       2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLRenderBuffer';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLRenderbuffer {
+    className = name;
+
+    constructor(id) {
+        this.id = id;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/gcanvas/context-webgl/RenderingContext.js b/components/firstui/fui-qrcode/gcanvas/context-webgl/RenderingContext.js
new file mode 100644
index 0000000..cb755a5
--- /dev/null
+++ b/components/firstui/fui-qrcode/gcanvas/context-webgl/RenderingContext.js
@@ -0,0 +1,1192 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18    61407  2   5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import GLenum from './GLenum';
+import ActiveInfo from './ActiveInfo';
+import Buffer from './Buffer';
+import Framebuffer from './Framebuffer';
+import Renderbuffer from './Renderbuffer';
+import Texture from './Texture';
+import Program from './Program';
+import Shader from './Shader';
+import ShaderPrecisionFormat from './ShaderPrecisionFormat';
+import UniformLocation from './UniformLocation';
+import GLmethod from './GLmethod';
+
+const processArray = (array, checkArrayType = false) => {
+
+    function joinArray(arr, sep) {
+        let res = '';
+        for (let i = 0; i < arr.length; i++) {
+            if (i !== 0) {
+                res += sep;
+            }
+            res += arr[i];
+        }
+        return res;
+    }
+
+    let type = 'Float32Array';
+    if (checkArrayType) {
+        if (array instanceof Uint8Array) {
+            type = 'Uint8Array'
+        } else if (array instanceof Uint16Array) {
+            type = 'Uint16Array';
+        } else if (array instanceof Uint32Array) {
+            type = 'Uint32Array';
+        } else if (array instanceof Float32Array) {
+            type = 'Float32Array';
+        } else {
+            throw new Error('Check array type failed. Array type is ' + typeof array);
+        }
+    }
+
+    const ArrayTypes = {
+        Uint8Array: 1,
+        Uint16Array: 2,
+        Uint32Array: 4,
+        Float32Array: 14
+    };
+    return ArrayTypes[type] + ',' + btoa(joinArray(array, ','))
+}
+
+export default class WebGLRenderingContext {
+
+    // static GBridge = null;
+
+    className = 'WebGLRenderingContext';
+
+    constructor(canvas, type, attrs) {
+        this._canvas = canvas;
+        this._type = type;
+        this._version = 'WebGL 1.0';
+        this._attrs = attrs;
+        this._map = new Map();
+
+        Object.keys(GLenum)
+            .forEach(name => Object.defineProperty(this, name, {
+                value: GLenum[name]
+            }));
+    }
+
+    get canvas() {
+        return this._canvas;
+    }
+
+    activeTexture = function (textureUnit) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.activeTexture + ',' + textureUnit,
+            true
+        );
+    }
+
+    attachShader = function (progarm, shader) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.attachShader + ',' + progarm.id + ',' + shader.id,
+            true
+        );
+    }
+
+    bindAttribLocation = function (program, index, name) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindAttribLocation + ',' + program.id + ',' + index + ',' + name,
+            true
+        )
+    }
+
+    bindBuffer = function (target, buffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindBuffer + ',' + target + ',' + (buffer ? buffer.id : 0),
+            true
+        );
+    }
+
+    bindFramebuffer = function (target, framebuffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindFramebuffer + ',' + target + ',' + (framebuffer ? framebuffer.id : 0),
+            true
+        )
+    }
+
+    bindRenderbuffer = function (target, renderBuffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindRenderbuffer + ',' + target + ',' + (renderBuffer ? renderBuffer.id : 0),
+            true
+        )
+    }
+
+    bindTexture = function (target, texture) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bindTexture + ',' + target + ',' + (texture ? texture.id : 0),
+            true
+        )
+    }
+
+    blendColor = function (r, g, b, a) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendColor + ',' + target + ',' + r + ',' + g + ',' + b + ',' + a,
+            true
+        )
+    }
+
+    blendEquation = function (mode) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendEquation + ',' + mode,
+            true
+        )
+    }
+
+    blendEquationSeparate = function (modeRGB, modeAlpha) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendEquationSeparate + ',' + modeRGB + ',' + modeAlpha,
+            true
+        )
+    }
+
+
+    blendFunc = function (sfactor, dfactor) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendFunc + ',' + sfactor + ',' + dfactor,
+            true
+        );
+    }
+
+    blendFuncSeparate = function (srcRGB, dstRGB, srcAlpha, dstAlpha) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.blendFuncSeparate + ',' + srcRGB + ',' + dstRGB + ',' + srcAlpha + ',' + dstAlpha,
+            true
+        );
+    }
+
+    bufferData = function (target, data, usage) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bufferData + ',' + target + ',' + processArray(data, true) + ',' + usage,
+            true
+        )
+    }
+
+    bufferSubData = function (target, offset, data) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.bufferSubData + ',' + target + ',' + offset + ',' + processArray(data, true),
+            true
+        )
+    }
+
+    checkFramebufferStatus = function (target) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.checkFramebufferStatus + ',' + target
+        );
+        return Number(result);
+    }
+
+    clear = function (mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.clear + ',' + mask
+        );
+        this._canvas._needRender = true;
+    }
+
+    clearColor = function (r, g, b, a) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.clearColor + ',' + r + ',' + g + ',' + b,
+            true
+        )
+    }
+
+    clearDepth = function (depth) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.clearDepth + ',' + depth,
+            true
+        )
+    }
+
+    clearStencil = function (s) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.clearStencil + ',' + s
+        );
+    }
+
+    colorMask = function (r, g, b, a) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.colorMask + ',' + r + ',' + g + ',' + b + ',' + a
+        )
+    }
+
+    compileShader = function (shader) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.compileShader + ',' + shader.id,
+            true
+        )
+    }
+
+    compressedTexImage2D = function (target, level, internalformat, width, height, border, pixels) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.compressedTexImage2D + ',' + target + ',' + level + ',' + internalformat + ',' +
+            width + ',' + height + ',' + border + ',' + processArray(pixels),
+            true
+        )
+    }
+
+    compressedTexSubImage2D = function (target, level, xoffset, yoffset, width, height, format, pixels) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.compressedTexSubImage2D + ',' + target + ',' + level + ',' + xoffset + ',' + yoffset + ',' +
+            width + ',' + height + ',' + format + ',' + processArray(pixels),
+            true
+        )
+    }
+
+
+    copyTexImage2D = function (target, level, internalformat, x, y, width, height, border) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.copyTexImage2D + ',' + target + ',' + level + ',' + internalformat + ',' + x + ',' + y + ',' +
+            width + ',' + height + ',' + border,
+            true
+        );
+    }
+
+    copyTexSubImage2D = function (target, level, xoffset, yoffset, x, y, width, height) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.copyTexSubImage2D + ',' + target + ',' + level + ',' + xoffset + ',' + yoffset + ',' + x + ',' + y + ',' +
+            width + ',' + height
+        );
+    }
+
+    createBuffer = function () {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createBuffer + ''
+        );
+        const buffer = new Buffer(result);
+        this._map.set(buffer.uuid(), buffer);
+        return buffer;
+    }
+
+    createFramebuffer = function () {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createFramebuffer + ''
+        );
+        const framebuffer = new Framebuffer(result);
+        this._map.set(framebuffer.uuid(), framebuffer);
+        return framebuffer;
+    }
+
+
+    createProgram = function () {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createProgram + ''
+        );
+        const program = new Program(id);
+        this._map.set(program.uuid(), program);
+        return program;
+    }
+
+    createRenderbuffer = function () {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createRenderbuffer + ''
+        )
+        const renderBuffer = new Renderbuffer(id);
+        this._map.set(renderBuffer.uuid(), renderBuffer);
+        return renderBuffer;
+    }
+
+    createShader = function (type) {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createShader + ',' + type
+        )
+        const shader = new Shader(id, type);
+        this._map.set(shader.uuid(), shader);
+        return shader;
+    }
+
+    createTexture = function () {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.createTexture + ''
+        );
+        const texture = new Texture(id);
+        this._map.set(texture.uuid(), texture);
+        return texture;
+    }
+
+    cullFace = function (mode) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.cullFace + ',' + mode,
+            true
+        )
+    }
+
+
+    deleteBuffer = function (buffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteBuffer + ',' + buffer.id,
+            true
+        )
+    }
+
+    deleteFramebuffer = function (framebuffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteFramebuffer + ',' + framebuffer.id,
+            true
+        )
+    }
+
+    deleteProgram = function (program) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteProgram + ',' + program.id,
+            true
+        )
+    }
+
+    deleteRenderbuffer = function (renderbuffer) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteRenderbuffer + ',' + renderbuffer.id,
+            true
+        )
+    }
+
+    deleteShader = function (shader) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteShader + ',' + shader.id,
+            true
+        )
+    }
+
+    deleteTexture = function (texture) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.deleteTexture + ',' + texture.id,
+            true
+        )
+    }
+
+    depthFunc = function (func) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.depthFunc + ',' + func
+        )
+    }
+
+    depthMask = function (flag) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.depthMask + ',' + Number(flag),
+            true
+        )
+    }
+
+    depthRange = function (zNear, zFar) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.depthRange + ',' + zNear + ',' + zFar,
+            true
+        )
+    }
+
+    detachShader = function (program, shader) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.detachShader + ',' + program.id + ',' + shader.id,
+            true
+        )
+    }
+
+    disable = function (cap) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.disable + ',' + cap,
+            true
+        )
+    }
+
+    disableVertexAttribArray = function (index) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.disableVertexAttribArray + ',' + index,
+            true
+        );
+    }
+
+    drawArrays = function (mode, first, count) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.drawArrays + ',' + mode + ',' + first + ',' + count
+        )
+        this._canvas._needRender = true;
+    }
+
+    drawElements = function (mode, count, type, offset) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.drawElements + ',' + mode + ',' + count + ',' + type + ',' + offset + ';'
+        );
+        this._canvas._needRender = true;
+    }
+
+    enable = function (cap) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.enable + ',' + cap,
+            true
+        );
+    }
+
+    enableVertexAttribArray = function (index) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.enableVertexAttribArray + ',' + index,
+            true
+        )
+    }
+
+
+    flush = function () {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.flush + ''
+        )
+    }
+
+    framebufferRenderbuffer = function (target, attachment, textarget, texture, level) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.framebufferRenderbuffer + ',' + target + ',' + attachment + ',' + textarget + ',' + (texture ? texture.id : 0) + ',' + level,
+            true
+        )
+    }
+
+    framebufferTexture2D = function (target, attachment, textarget, texture, level) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.framebufferTexture2D + ',' + target + ',' + attachment + ',' + textarget + ',' + (texture ? texture.id : 0) + ',' + level,
+            true
+        )
+    }
+
+    frontFace = function (mode) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.frontFace + ',' + mode,
+            true
+        )
+    }
+
+    generateMipmap = function (target) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.generateMipmap + ',' + target,
+            true
+        )
+    }
+
+    getActiveAttrib = function (progarm, index) {
+        const resultString = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getActiveAttrib + ',' + progarm.id + ',' + index
+        )
+        const [type, size, name] = resultString.split(',');
+        return new ActiveInfo({
+            type: Number(type),
+            size: Number(size),
+            name
+        });
+    }
+
+    getActiveUniform = function (progarm, index) {
+        const resultString = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getActiveUniform + ',' + progarm.id + ',' + index
+        );
+        const [type, size, name] = resultString.split(',');
+        return new ActiveInfo({
+            type: Number(type),
+            size: Number(size),
+            name
+        })
+    }
+
+    getAttachedShaders = function (progarm) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getAttachedShaders + ',' + progarm.id
+        );
+        const [type, ...ids] = result;
+        return ids.map(id => this._map.get(Shader.uuid(id)));
+    }
+
+    getAttribLocation = function (progarm, name) {
+        return WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getAttribLocation + ',' + progarm.id + ',' + name
+        )
+    }
+
+    getBufferParameter = function (target, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getBufferParameter + ',' + target + ',' + pname
+        );
+        const [type, res] = getBufferParameter;
+        return res;
+    }
+
+    getError = function () {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getError + ''
+        )
+        return result;
+    }
+
+    getExtension = function (name) {
+        return null;
+    }
+
+    getFramebufferAttachmentParameter = function (target, attachment, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getFramebufferAttachmentParameter + ',' + target + ',' + attachment + ',' + pname
+        )
+        switch (pname) {
+            case GLenum.FRAMEBUFFER_ATTACHMENT_OBJECT_NAME:
+                return this._map.get(Renderbuffer.uuid(result)) || this._map.get(Texture.uuid(result)) || null;
+            default:
+                return result;
+        }
+    }
+
+    getParameter = function (pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getParameter + ',' + pname
+        )
+        switch (pname) {
+            case GLenum.VERSION:
+                return this._version;
+            case GLenum.ARRAY_BUFFER_BINDING: // buffer
+            case GLenum.ELEMENT_ARRAY_BUFFER_BINDING: // buffer
+                return this._map.get(Buffer.uuid(result)) || null;
+            case GLenum.CURRENT_PROGRAM: // program
+                return this._map.get(Program.uuid(result)) || null;
+            case GLenum.FRAMEBUFFER_BINDING: // framebuffer
+                return this._map.get(Framebuffer.uuid(result)) || null;
+            case GLenum.RENDERBUFFER_BINDING: // renderbuffer
+                return this._map.get(Renderbuffer.uuid(result)) || null;
+            case GLenum.TEXTURE_BINDING_2D: // texture
+            case GLenum.TEXTURE_BINDING_CUBE_MAP: // texture
+                return this._map.get(Texture.uuid(result)) || null;
+            case GLenum.ALIASED_LINE_WIDTH_RANGE: // Float32Array
+            case GLenum.ALIASED_POINT_SIZE_RANGE: // Float32Array
+            case GLenum.BLEND_COLOR: // Float32Array
+            case GLenum.COLOR_CLEAR_VALUE: // Float32Array
+            case GLenum.DEPTH_RANGE: // Float32Array
+            case GLenum.MAX_VIEWPORT_DIMS: // Int32Array
+            case GLenum.SCISSOR_BOX: // Int32Array
+            case GLenum.VIEWPORT: // Int32Array
+            case GLenum.COMPRESSED_TEXTURE_FORMATS: // Uint32Array
+            default:
+                const [type, ...res] = result.split(',');
+                if (res.length === 1) {
+                    return Number(res[0]);
+                } else {
+                    return res.map(Number);
+                }
+        }
+    }
+
+    getProgramInfoLog = function (progarm) {
+        return WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getProgramInfoLog + ',' + progarm.id
+        )
+    }
+
+    getProgramParameter = function (program, pname) {
+        const res = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getProgramParameter + ',' + program.id + ',' + pname
+        );
+
+        const [type, result] = res.split(',').map(i => parseInt(i));
+
+        if (type === 1) {
+            return Boolean(result);
+        } else if (type === 2) {
+            return result;
+        } else {
+            throw new Error('Unrecongized program paramater ' + res + ', type: ' + typeof res);
+        }
+    }
+
+
+    getRenderbufferParameter = function (target, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getRenderbufferParameter + ',' + target + ',' + pname
+        )
+        return result;
+    }
+
+
+    getShaderInfoLog = function (shader) {
+        return WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getShaderInfoLog + ',' + shader.id
+        );
+    }
+
+    getShaderParameter = function (shader, pname) {
+        return WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getShaderParameter + ',' + shader.id + ',' + pname
+        )
+    }
+
+    getShaderPrecisionFormat = function (shaderType, precisionType) {
+        const [rangeMin, rangeMax, precision] = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getShaderPrecisionFormat + ',' + shaderType + ',' + precisionType
+        );
+        const shaderPrecisionFormat = new ShaderPrecisionFormat({
+            rangeMin: Number(rangeMin),
+            rangeMax: Number(rangeMax),
+            precision: Number(precision)
+        });
+        return shaderPrecisionFormat;
+    }
+
+    getShaderSource = function (shader) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getShaderSource + ',' + shader.id
+        );
+        return result;
+    }
+
+    getSupportedExtensions = function () {
+        return Object.keys({});
+    }
+
+    getTexParameter = function (target, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getTexParameter + ',' + target + ',' + pname
+        )
+        return result;
+    }
+
+    getUniformLocation = function (program, name) {
+        const id = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getUniformLocation + ',' + program.id + ',' + name
+        );
+        if (id === -1) {
+            return null;
+        } else {
+            return new UniformLocation(Number(id));
+        }
+    }
+
+    getVertexAttrib = function (index, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getVertexAttrib + ',' + index + ',' + pname
+        );
+        switch (pname) {
+            case GLenum.VERTEX_ATTRIB_ARRAY_BUFFER_BINDING:
+                return this._map.get(Buffer.uuid(result)) || null;
+            case GLenum.CURRENT_VERTEX_ATTRIB: // Float32Array
+            default:
+                return result;
+        }
+    }
+
+    getVertexAttribOffset = function (index, pname) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.getVertexAttribOffset + ',' + index + ',' + pname
+        )
+        return Number(result);
+    }
+
+    isBuffer = function (buffer) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isBuffer + ',' + buffer.id
+        )
+        return Boolean(result);
+    }
+
+    isContextLost = function () {
+        return false;
+    }
+
+    isEnabled = function (cap) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isEnabled + ',' + cap
+        )
+        return Boolean(result);
+    }
+
+    isFramebuffer = function (framebuffer) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isFramebuffer + ',' + framebuffer.id
+        )
+        return Boolean(result);
+    }
+
+    isProgram = function (program) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isProgram + ',' + program.id
+        )
+        return Boolean(result);
+    }
+
+    isRenderbuffer = function (renderBuffer) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isRenderbuffer + ',' + renderbuffer.id
+        )
+        return Boolean(result);
+    }
+
+    isShader = function (shader) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isShader + ',' + shader.id
+        )
+        return Boolean(result);
+    }
+
+    isTexture = function (texture) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.isTexture + ',' + texture.id
+        );
+        return Boolean(result);
+    }
+
+    lineWidth = function (width) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.lineWidth + ',' + width,
+            true
+        )
+    }
+
+    linkProgram = function (program) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.linkProgram + ',' + program.id,
+            true
+        );
+    }
+
+
+    pixelStorei = function (pname, param) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.pixelStorei + ',' + pname + ',' + Number(param)
+        )
+    }
+
+    polygonOffset = function (factor, units) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.polygonOffset + ',' + factor + ',' + units
+        )
+    }
+
+    readPixels = function (x, y, width, height, format, type, pixels) {
+        const result = WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.readPixels + ',' + x + ',' + y + ',' + width + ',' + height + ',' + format + ',' + type
+        )
+        return result;
+    }
+
+    renderbufferStorage = function (target, internalFormat, width, height) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.renderbufferStorage + ',' + target + ',' + internalFormat + ',' + width + ',' + height,
+            true
+        )
+    }
+
+    sampleCoverage = function (value, invert) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.sampleCoverage + ',' + value + ',' + Number(invert),
+            true
+        )
+    }
+
+    scissor = function (x, y, width, height) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.scissor + ',' + x + ',' + y + ',' + width + ',' + height,
+            true
+        )
+    }
+
+    shaderSource = function (shader, source) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.shaderSource + ',' + shader.id + ',' + source
+        )
+    }
+
+    stencilFunc = function (func, ref, mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilFunc + ',' + func + ',' + ref + ',' + mask,
+            true
+        )
+    }
+
+    stencilFuncSeparate = function (face, func, ref, mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilFuncSeparate + ',' + face + ',' + func + ',' + ref + ',' + mask,
+            true
+        )
+    }
+
+    stencilMask = function (mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilMask + ',' + mask,
+            true
+        )
+    }
+
+    stencilMaskSeparate = function (face, mask) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilMaskSeparate + ',' + face + ',' + mask,
+            true
+        )
+    }
+
+    stencilOp = function (fail, zfail, zpass) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilOp + ',' + fail + ',' + zfail + ',' + zpass
+        )
+    }
+
+    stencilOpSeparate = function (face, fail, zfail, zpass) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.stencilOp + ',' + face + ',' + fail + ',' + zfail + ',' + zpass,
+            true
+        )
+    }
+
+    texImage2D = function (...args) {
+        WebGLRenderingContext.GBridge.texImage2D(this._canvas.id, ...args);
+    }
+
+
+    texParameterf = function (target, pname, param) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.texParameterf + ',' + target + ',' + pname + ',' + param,
+            true
+        )
+    }
+
+    texParameteri = function (target, pname, param) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.texParameteri + ',' + target + ',' + pname + ',' + param
+        )
+    }
+
+    texSubImage2D = function (...args) {
+        WebGLRenderingContext.GBridge.texSubImage2D(this._canvas.id, ...args);
+    }
+
+    uniform1f = function (location, v0) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform1f + ',' + location.id + ',' + v0
+        )
+    }
+
+    uniform1fv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform1fv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform1i = function (location, v0) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform1i + ',' + location.id + ',' + v0,
+            // true
+        )
+    }
+
+    uniform1iv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform1iv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform2f = function (location, v0, v1) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform2f + ',' + location.id + ',' + v0 + ',' + v1,
+            true
+        )
+    }
+
+    uniform2fv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform2fv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform2i = function (location, v0, v1) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform2i + ',' + location.id + ',' + v0 + ',' + v1,
+            true
+        )
+    }
+
+    uniform2iv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform2iv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform3f = function (location, v0, v1, v2) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform3f + ',' + location.id + ',' + v0 + ',' + v1 + ',' + v2,
+            true
+        )
+    }
+
+    uniform3fv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform3fv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform3i = function (location, v0, v1, v2) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform3i + ',' + location.id + ',' + v0 + ',' + v1 + ',' + v2,
+            true
+        )
+    }
+
+    uniform3iv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform3iv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform4f = function (location, v0, v1, v2, v3) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform4f + ',' + location.id + ',' + v0 + ',' + v1 + ',' + v2 + ',' + v3,
+            true
+        )
+    }
+
+    uniform4fv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform4fv + ',' + location.id + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniform4i = function (location, v0, v1, v2, v3) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform4i + ',' + location.id + ',' + v0 + ',' + v1 + ',' + v2 + ',' + v3,
+            true
+        )
+    }
+
+    uniform4iv = function (location, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniform4iv + ',' + location.id + ',' + processArray(value, true),
+            true
+        )
+    }
+
+    uniformMatrix2fv = function (location, transpose, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniformMatrix2fv + ',' + location.id + ',' + Number(transpose) + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniformMatrix3fv = function (location, transpose, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniformMatrix3fv + ',' + location.id + ',' + Number(transpose) + ',' + processArray(value),
+            true
+        )
+    }
+
+    uniformMatrix4fv = function (location, transpose, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.uniformMatrix4fv + ',' + location.id + ',' + Number(transpose) + ',' + processArray(value),
+            true
+        );
+    }
+
+    useProgram = function (progarm) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.useProgram + ',' + progarm.id + '',
+            true
+        )
+    }
+
+
+    validateProgram = function (program) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.validateProgram + ',' + program.id,
+            true
+        )
+    }
+
+    vertexAttrib1f = function (index, v0) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib1f + ',' + index + ',' + v0,
+            true
+        )
+    }
+
+    vertexAttrib2f = function (index, v0, v1) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib2f + ',' + index + ',' + v0 + ',' + v1,
+            true
+        )
+    }
+
+    vertexAttrib3f = function (index, v0, v1, v2) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib3f + ',' + index + ',' + v0 + ',' + v1 + ',' + v2,
+            true
+        )
+    }
+
+    vertexAttrib4f = function (index, v0, v1, v2, v3) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib4f + ',' + index + ',' + v0 + ',' + v1 + ',' + v2 + ',' + v3,
+            true
+        )
+    }
+
+    vertexAttrib1fv = function (index, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib1fv + ',' + index + ',' + processArray(value),
+            true
+        )
+    }
+
+    vertexAttrib2fv = function (index, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib2fv + ',' + index + ',' + processArray(value),
+            true
+        )
+    }
+
+    vertexAttrib3fv = function (index, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib3fv + ',' + index + ',' + processArray(value),
+            true
+        )
+    }
+
+    vertexAttrib4fv = function (index, value) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttrib4fv + ',' + index + ',' + processArray(value),
+            true
+        )
+    }
+
+    vertexAttribPointer = function (index, size, type, normalized, stride, offset) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.vertexAttribPointer + ',' + index + ',' + size + ',' + type + ',' + Number(normalized) + ',' + stride + ',' + offset,
+            true
+        )
+    }
+
+    viewport = function (x, y, width, height) {
+        WebGLRenderingContext.GBridge.callNative(
+            this._canvas.id,
+            GLmethod.viewport + ',' + x + ',' + y + ',' + width + ',' + height,
+            true
+        )
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/gcanvas/context-webgl/Shader.js b/components/firstui/fui-qrcode/gcanvas/context-webgl/Shader.js
new file mode 100644
index 0000000..a3735f7
--- /dev/null
+++ b/components/firstui/fui-qrcode/gcanvas/context-webgl/Shader.js
@@ -0,0 +1,23 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186     14072   5 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLShader';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLShader {
+    className = name;
+
+    constructor(id, type) {
+        this.id = id;
+        this.type = type;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/gcanvas/context-webgl/ShaderPrecisionFormat.js b/components/firstui/fui-qrcode/gcanvas/context-webgl/ShaderPrecisionFormat.js
new file mode 100644
index 0000000..db17496
--- /dev/null
+++ b/components/firstui/fui-qrcode/gcanvas/context-webgl/ShaderPrecisionFormat.js
@@ -0,0 +1,12 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8 614    0 7  2 549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export default class WebGLShaderPrecisionFormat {
+    className = 'WebGLShaderPrecisionFormat';
+
+    constructor({
+        rangeMin, rangeMax, precision
+    }) {
+        this.rangeMin = rangeMin;
+        this.rangeMax = rangeMax;
+        this.precision = precision;
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/gcanvas/context-webgl/Texture.js b/components/firstui/fui-qrcode/gcanvas/context-webgl/Texture.js
new file mode 100644
index 0000000..a84692b
--- /dev/null
+++ b/components/firstui/fui-qrcode/gcanvas/context-webgl/Texture.js
@@ -0,0 +1,23 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18 614     07   2 549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLTexture';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLTexture {
+    className = name;
+
+    constructor(id, type) {
+        this.id = id;
+        this.type = type;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/gcanvas/context-webgl/UniformLocation.js b/components/firstui/fui-qrcode/gcanvas/context-webgl/UniformLocation.js
new file mode 100644
index 0000000..2fbd943
--- /dev/null
+++ b/components/firstui/fui-qrcode/gcanvas/context-webgl/UniformLocation.js
@@ -0,0 +1,23 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186 14  0 7 25   4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import {getTransferedObjectUUID} from './classUtils';
+
+const name = 'WebGLUniformLocation';
+
+function uuid(id) {
+    return getTransferedObjectUUID(name, id);
+}
+
+export default class WebGLUniformLocation {
+    className = name;
+
+    constructor(id, type) {
+        this.id = id;
+        this.type = type;
+    }
+
+    static uuid = uuid;
+
+    uuid() {
+        return uuid(this.id);
+    }
+}
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/gcanvas/context-webgl/classUtils.js b/components/firstui/fui-qrcode/gcanvas/context-webgl/classUtils.js
new file mode 100644
index 0000000..57db395
--- /dev/null
+++ b/components/firstui/fui-qrcode/gcanvas/context-webgl/classUtils.js
@@ -0,0 +1,4 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1  8 61407   2  54  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+export function getTransferedObjectUUID(name, id) {
+    return `${name.toLowerCase()}-${id}`;
+}
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/gcanvas/env/canvas.js b/components/firstui/fui-qrcode/gcanvas/env/canvas.js
new file mode 100644
index 0000000..e28b408
--- /dev/null
+++ b/components/firstui/fui-qrcode/gcanvas/env/canvas.js
@@ -0,0 +1,75 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 861  4   0  7  2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import GContext2D from '../context-2d/RenderingContext';
+import GContextWebGL from '../context-webgl/RenderingContext';
+
+export default class GCanvas {
+
+    // static GBridge = null;
+
+    id = null;
+
+    _needRender = true;
+
+    constructor(id, { disableAutoSwap }) {
+        this.id = id;
+
+        this._disableAutoSwap = disableAutoSwap;
+        if (disableAutoSwap) {
+            this._swapBuffers = () => {
+                GCanvas.GBridge.render(this.id);
+            }
+        }
+    }
+
+    getContext(type) {
+
+        let context = null;
+
+        if (type.match(/webgl/i)) {
+            context = new GContextWebGL(this);
+
+            context.componentId = this.id;
+
+            if (!this._disableAutoSwap) {
+                const render = () => {
+                    if (this._needRender) {
+                        GCanvas.GBridge.render(this.id);
+                        this._needRender = false;
+                    }
+                }
+                setInterval(render, 16);
+            }
+
+            GCanvas.GBridge.callSetContextType(this.id, 1); // 0 for 2d; 1 for webgl
+        } else if (type.match(/2d/i)) {
+            context = new GContext2D(this);
+
+            context.componentId = this.id;
+
+//             const render = ( callback ) => {
+//
+//                 const commands = context._drawCommands;
+//                 context._drawCommands = '';
+//
+//                 GCanvas.GBridge.render2d(this.id, commands, callback);
+//                 this._needRender = false;
+//             }
+// 			//draw方法触发
+// 			context._flush = render;
+//             //setInterval(render, 16);
+
+            GCanvas.GBridge.callSetContextType(this.id, 0);
+        } else {
+            throw new Error('not supported context ' + type);
+        }
+
+        return context;
+
+    }
+
+    reset() {
+        GCanvas.GBridge.callReset(this.id);
+    }
+
+
+}
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/gcanvas/env/image.js b/components/firstui/fui-qrcode/gcanvas/env/image.js
new file mode 100644
index 0000000..51d9f35
--- /dev/null
+++ b/components/firstui/fui-qrcode/gcanvas/env/image.js
@@ -0,0 +1,97 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：    1    86 140 72549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+let incId = 1;
+
+const noop = function () { };
+
+class GImage {
+
+    static GBridge = null;
+
+    constructor() {
+        this._id = incId++;
+        this._width = 0;
+        this._height = 0;
+        this._src = undefined;
+        this._onload = noop;
+        this._onerror = noop;
+        this.complete = false;
+    }
+
+    get width() {
+        return this._width;
+    }
+    set width(v) {
+        this._width = v;
+    }
+
+    get height() {
+        return this._height;
+    }
+
+    set height(v) {
+        this._height = v;
+    }
+
+    get src() {
+        return this._src;
+    }
+
+    set src(v) {
+
+        if (v.startsWith('//')) {
+            v = 'http:' + v;
+        }
+
+        this._src = v;
+
+        GImage.GBridge.perloadImage([this._src, this._id], (data) => {
+            if (typeof data === 'string') {
+                data = JSON.parse(data);
+            }
+            if (data.error) {
+                var evt = { type: 'error', target: this };
+                this.onerror(evt);
+            } else {
+                this.complete = true;
+                this.width = typeof data.width === 'number' ? data.width : 0;
+                this.height = typeof data.height === 'number' ? data.height : 0;
+                var evt = { type: 'load', target: this };
+                this.onload(evt);
+            }
+        });
+    }
+
+    addEventListener(name, listener) {
+        if (name === 'load') {
+            this.onload = listener;
+        } else if (name === 'error') {
+            this.onerror = listener;
+        }
+    }
+
+    removeEventListener(name, listener) {
+        if (name === 'load') {
+            this.onload = noop;
+        } else if (name === 'error') {
+            this.onerror = noop;
+        }
+    }
+
+    get onload() {
+        return this._onload;
+    }
+
+    set onload(v) {
+        this._onload = v;
+    }
+
+    get onerror() {
+        return this._onerror;
+    }
+
+    set onerror(v) {
+        this._onerror = v;
+    }
+}
+
+export default GImage;
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/gcanvas/env/tool.js b/components/firstui/fui-qrcode/gcanvas/env/tool.js
new file mode 100644
index 0000000..1cfc5ad
--- /dev/null
+++ b/components/firstui/fui-qrcode/gcanvas/env/tool.js
@@ -0,0 +1,25 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  186 1  4   0725 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+
+export function ArrayBufferToBase64 (buffer) {
+    var binary = '';
+    var bytes = new Uint8ClampedArray(buffer);
+    for (var len = bytes.byteLength, i = 0; i < len; i++) {
+        binary += String.fromCharCode(bytes[i]);
+    }
+    return btoa(binary);
+}
+
+export function Base64ToUint8ClampedArray(base64String) {
+	const padding = '='.repeat((4 - base64String.length % 4) % 4);
+	const base64 = (base64String + padding)
+		.replace(/\-/g, '+')
+		.replace(/_/g, '/');
+
+	const rawData = atob(base64);
+	const outputArray = new Uint8ClampedArray(rawData.length);
+
+	for (let i = 0; i < rawData.length; ++i) {
+		outputArray[i] = rawData.charCodeAt(i);
+	}
+	return outputArray;
+}
\ No newline at end of file
diff --git a/components/firstui/fui-qrcode/gcanvas/index.js b/components/firstui/fui-qrcode/gcanvas/index.js
new file mode 100644
index 0000000..6797b82
--- /dev/null
+++ b/components/firstui/fui-qrcode/gcanvas/index.js
@@ -0,0 +1,48 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1     8614  0725 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+import GCanvas from './env/canvas';
+import GImage from './env/image';
+
+import GWebGLRenderingContext from './context-webgl/RenderingContext';
+import GContext2D from './context-2d/RenderingContext';
+
+import GBridgeWeex from './bridge/bridge-weex';
+
+export let Image = GImage;
+
+export let WeexBridge = GBridgeWeex;
+
+export function enable(el, {
+	bridge,
+	debug,
+	disableAutoSwap,
+	disableComboCommands
+} = {}) {
+
+	const GBridge = GImage.GBridge = GCanvas.GBridge = GWebGLRenderingContext.GBridge = GContext2D.GBridge = bridge;
+
+	GBridge.callEnable(el.ref, [
+		0, // renderMode: 0--RENDERMODE_WHEN_DIRTY, 1--RENDERMODE_CONTINUOUSLY
+		-1, // hybridLayerType:  0--LAYER_TYPE_NONE 1--LAYER_TYPE_SOFTWARE 2--LAYER_TYPE_HARDWARE
+		false, // supportScroll
+		false, // newCanvasMode
+		1, // compatible
+		'white', // clearColor
+		false // sameLevel: newCanvasMode = true && true => GCanvasView and Webview is same level
+	]);
+
+	if (debug === true) {
+		GBridge.callEnableDebug();
+	}
+	if (disableComboCommands) {
+		GBridge.callEnableDisableCombo();
+	}
+
+	var canvas = new GCanvas(el.ref, {
+		disableAutoSwap
+	});
+	let pixelRatio = uni.getSystemInfoSync().pixelRatio;
+	canvas.width = el.style.width * pixelRatio;
+	canvas.height = el.style.height * pixelRatio;
+
+	return canvas;
+};
\ No newline at end of file
diff --git a/components/firstui/fui-radio-group/fui-radio-group.vue b/components/firstui/fui-radio-group/fui-radio-group.vue
new file mode 100644
index 0000000..e386026
--- /dev/null
+++ b/components/firstui/fui-radio-group/fui-radio-group.vue
@@ -0,0 +1,97 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：   186 1  4 0 7 2 549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<!-- #ifdef APP-PLUS || H5 || MP-ALIPAY || MP-TOUTIAO|| MP-KUAISHOU || MP-JD || MP-360 || MP-LARK  -->
+	<radio-group :name="name">
+		<slot></slot>
+	</radio-group>
+	<!-- #endif -->
+
+	<!-- #ifdef MP-WEIXIN || MP-BAIDU || MP-QQ -->
+	<fui-form-field :name="name" v-model="val">
+		<slot></slot>
+	</fui-form-field>
+	<!-- #endif -->
+</template>
+
+<script>
+	export default {
+		name: "fui-radio-group",
+		emits: ['change', 'input', 'update:modelValue'],
+		// #ifdef MP-WEIXIN
+		behaviors: ['wx://form-field-group'],
+		// #endif
+		// #ifdef MP-BAIDU || MP-QQ || H5
+		behaviors: ['uni://form-field'],
+		// #endif
+		props: {
+			name: {
+				type: String,
+				default: ''
+			},
+			// #ifdef VUE3
+			modelValue: {
+				type: String,
+				default: ''
+			},
+			// #endif
+			value: {
+				type: String,
+				default: ''
+			}
+		},
+		data() {
+			return {
+				val: ''
+			}
+		},
+		watch: {
+			// #ifdef VUE3
+			modelValue(val) {
+				this.modelChange(val)
+			},
+			// #endif
+			value(val) {
+				this.modelChange(val)
+			}
+		},
+		created() {
+			this.childrens = []
+		},
+		methods: {
+			radioChange(e) {
+				this.$emit('change', e)
+				// TODO vue2 兼容
+				this.$emit('input', e.detail.value)
+				// TODO vue3 兼容
+				// #ifdef VUE3
+				this.$emit("update:modelValue", e.detail.value);
+				// #endif
+			},
+			changeValue(value, target) {
+				if (value === this.val) return;
+				this.val = value;
+				this.childrens.forEach(item => {
+					if (item !== target) {
+						item.val = false;
+					}
+				})
+				let e = {
+					detail: {
+						value: value
+					}
+				}
+				this.radioChange(e)
+			},
+			modelChange(val) {
+				this.childrens.forEach(item => {
+					if (item.value === val) {
+						item.val = true;
+					} else {
+						item.val = false;
+					}
+				})
+			}
+		}
+	}
+</script>
+<style scoped></style>
\ No newline at end of file
diff --git a/components/firstui/fui-radio/fui-radio.vue b/components/firstui/fui-radio/fui-radio.vue
new file mode 100644
index 0000000..2b9c13d
--- /dev/null
+++ b/components/firstui/fui-radio/fui-radio.vue
@@ -0,0 +1,235 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：   1  8614 07   2 549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-radio__input"
+		:class="{'fui-radio__disabled':disabled,'fui-radio__color':!getColor && val && !isCheckMark}"
+		:style="{backgroundColor:getBackgroundColor(val,isCheckMark),borderColor:getBorderColor(val,isCheckMark),zoom:isNvue?1:scaleRatio,transform:`scale(${isNvue?scaleRatio:1})`,borderRadius:borderRadius}"
+		@tap.stop="radioChange">
+		<view class="fui-check__mark" :style="{borderBottomColor:checkMarkColor,borderRightColor:checkMarkColor}"
+			v-if="val"></view>
+		<radio class="fui-radio__hidden" style="opacity: 0;position: absolute;" :color="getColor" :disabled="disabled" :value="value" :checked="val"></radio>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-radio",
+		emits: ['change'],
+		options: {
+			virtualHost: true
+		},
+		props: {
+			value: {
+				type: String,
+				default: ''
+			},
+			checked: {
+				type: Boolean,
+				default: false
+			},
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+			//radio选中背景颜色
+			color: {
+				type: String,
+				default: ''
+			},
+			//radio未选中时边框颜色
+			borderColor: {
+				type: String,
+				default: '#ccc'
+			},
+			borderRadius: {
+				type: String,
+				// #ifdef APP-NVUE
+				default: '40rpx'
+				// #endif
+				// #ifndef APP-NVUE
+				default: '50%'
+				// #endif
+			},
+			//是否只展示对号，无边框背景
+			isCheckMark: {
+				type: Boolean,
+				default: false
+			},
+			//对号颜色
+			checkMarkColor: {
+				type: String,
+				default: '#fff'
+			},
+			scaleRatio: {
+				type: [Number, String],
+				default: 1
+			}
+		},
+		created() {
+			this.val = this.checked;
+			this.group = this.getParent()
+			if (this.group) {
+				this.group.childrens.push(this);
+				if (this.group.value) {
+					this.val = this.value === this.group.value
+				}
+				// #ifdef VUE3
+				if (this.group.modelValue) {
+					this.val = this.value === this.group.modelValue
+				}
+				// #endif
+			}
+			this.label = this.getParent('fui-label')
+			if (this.label) {
+				this.label.childrens.push(this);
+			}
+		},
+		watch: {
+			checked(newVal) {
+				this.val = newVal;
+			},
+			val(newVal) {
+				if (newVal && this.group) {
+					this.group.changeValue(this.value, this);
+				}
+			}
+		},
+		computed: {
+			getColor() {
+				let color = this.color;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color;
+			}
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				val: false,
+				isNvue: isNvue
+			};
+		},
+		methods: {
+			getBackgroundColor(val, isCheckMark) {
+				let color = val ? this.getColor : '#fff'
+				if (isCheckMark) {
+					color = 'transparent'
+				}
+				return color;
+			},
+			getBorderColor(val, isCheckMark) {
+				let color = val ? this.getColor : this.borderColor;
+				if (isCheckMark) {
+					color = 'transparent'
+				}
+				return color;
+			},
+			radioChange(e) {
+				if (this.disabled || this.val) return;
+				this.val = true;
+				this.$emit('change', {
+					checked: this.val,
+					value: this.value
+				})
+			},
+			getParent(name = 'fui-radio-group') {
+				let parent = this.$parent;
+				let parentName = parent.$options.name;
+				while (parentName !== name) {
+					parent = parent.$parent;
+					if (!parent) return false;
+					parentName = parent.$options.name;
+				}
+				return parent;
+			},
+			labelClick() {
+				this.radioChange()
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-radio__input {
+		font-size: 0;
+		color: rgba(0, 0, 0, 0);
+		width: 40rpx;
+		height: 40rpx;
+		border-width: 1px;
+		border-style: solid;
+		/* #ifdef APP-NVUE */
+		border-radius: 40rpx;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		border-radius: 50%;
+		display: inline-flex;
+		box-sizing: border-box;
+		vertical-align: top;
+		flex-shrink: 0;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		overflow: hidden;
+		position: relative;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-radio__color {
+		background: var(--fui-color-primary, #465CFF) !important;
+		border-color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+
+	.fui-check__mark {
+		width: 20rpx;
+		height: 40rpx;
+		border-bottom-style: solid;
+		border-bottom-width: 3px;
+		border-bottom-color: #FFFFFF;
+		border-right-style: solid;
+		border-right-width: 3px;
+		border-right-color: #FFFFFF;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		transform: rotate(45deg) scale(0.5) translateZ(0);
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		transform: rotate(45deg) scale(0.5);
+		/* #endif */
+		transform-origin: 54% 48%;
+	}
+
+	.fui-radio__hidden {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		height: 100%;
+		border: 0 none;
+		-webkit-appearance: none;
+		-moz-appearance: none;
+		appearance: none;
+		pointer-events: none;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		width: 100wx;
+		height: 100wx;
+		border-width: 0;
+		/* #endif */
+		position: absolute;
+		top: 0;
+		left: 0;
+		opacity: 0;
+		z-index: 2;
+	}
+
+	.fui-radio__disabled {
+		opacity: 0.6;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-rate/fui-rate.vue b/components/firstui/fui-rate/fui-rate.vue
new file mode 100644
index 0000000..993ddc6
--- /dev/null
+++ b/components/firstui/fui-rate/fui-rate.vue
@@ -0,0 +1,330 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18   6 1 40   725 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-rate__wrap" ref="fui_rate_wrap">
+		<view class="fui-rate__item" :class="{'fui-rate__not-allowed':disabled}" :style="{paddingRight:spacing + 'rpx'}"
+			v-for="(item,index) in stars" :key="index" @touchstart.stop="touchstart" @touchmove.stop="touchmove"
+			@mousedown.stop="mousedown" @mousemove.stop="mousemove" @mouseup="mouseup">
+			<fui-icon :disabled="disabled" :name="getName(index,intScore,decimalScore)" :size="size"
+				:color="index < intScore || (index == intScore && decimalScore > 0) ? getActiveColor : color"></fui-icon>
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const dom = uni.requireNativePlugin('dom');
+	// #endif
+	//非easycom模式取消注释引入字体组件，按实际路径进行调整
+	// import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
+	export default {
+		emits: ['change'],
+		name: "fui-rate",
+		// components:{
+		// 	fuiIcon
+		// },
+		props: {
+			max: {
+				type: [Number, String],
+				default: 5
+			},
+			score: {
+				type: [Number, String],
+				default: 0
+			},
+			color: {
+				type: String,
+				default: "#CCCCCC"
+			},
+			activeColor: {
+				type: String,
+				default: ""
+			},
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+			size: {
+				type: [Number, String],
+				default: 56
+			},
+			spacing: {
+				type: [Number, String],
+				default: 0
+			},
+			allowHalf: {
+				type: Boolean,
+				default: false
+			},
+			halfRate: {
+				type: [Number, String],
+				default: 0.2
+			},
+			touchable: {
+				type: Boolean,
+				default: true
+			},
+			param: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		watch: {
+			max(newValue, oldValue) {
+				this.initData(newValue)
+			},
+			score(newValue, oldValue) {
+				this.initRateScore(newValue)
+			}
+		},
+		computed: {
+			getActiveColor() {
+				let color = this.activeColor;
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.warning) || '#FFB703';
+				}
+				return color;
+			}
+		},
+		data() {
+			return {
+				stars: [],
+				pageX: 0,
+				parentWidth: 0,
+				intScore: 0,
+				decimalScore: 0,
+				isPC: false,
+				rated: false,
+				isMounted: false
+			};
+		},
+		created() {
+			this.initData(this.max)
+			this.initRateScore(this.score)
+			this.drawer = this.getParent()
+		},
+		mounted() {
+			this.isMounted = true;
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this._getSize()
+				}, 100)
+			})
+			// #ifdef H5
+			this.isPC = this.IsPC()
+			// #endif
+		},
+		// #ifdef H5
+		updated() {
+			if (!this.isMounted && !this.pageX) {
+				setTimeout(() => {
+					this._getSize()
+				}, 50)
+			}
+		},
+		// #endif
+		methods: {
+			getName(index, iScore, dScore) {
+				let name = 'star'
+				if (index < iScore) {
+					name += '-fill'
+				}
+				if (index === iScore && dScore > 0) {
+					name += 'half'
+				}
+				return name;
+			},
+			initData(vals) {
+				vals = Number(vals)
+				if (isNaN(vals)) {
+					vals = 5
+				}
+				vals = Math.ceil(vals)
+				this.stars = Array.from(new Array(vals + 1).keys()).slice(1)
+			},
+			initRateScore(val) {
+				val = Number(val);
+				let intVal = parseInt(val);
+				let decimalVal = val % 1;
+				if (!this.allowHalf) {
+					intVal = decimalVal > 0 ? intVal + 1 : intVal;
+					decimalVal = 0;
+				}
+				this.intScore = intVal;
+				this.decimalScore = decimalVal;
+			},
+			// #ifdef H5
+			IsPC() {
+				var userAgentInfo = navigator.userAgent;
+				var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
+				var flag = true;
+				for (let v = 0; v < Agents.length - 1; v++) {
+					if (userAgentInfo.indexOf(Agents[v]) > 0) {
+						flag = false;
+						break;
+					}
+				}
+				return flag;
+			},
+			// #endif
+			_setWidth(width) {
+				const sys = uni.getSystemInfoSync()
+				if (this.pageX < 0) {
+					this.parentWidth = width
+				} else if (this.pageX > sys.windowWidth) {
+					this.parentWidth = -width
+				}
+			},
+			setParentWidth(width) {
+				setTimeout(() => {
+					this._setWidth(width)
+				}, 100)
+			},
+			initParentWidth() {
+				if (this.drawer) {
+					const sys = uni.getSystemInfoSync()
+					let pWidth = this.drawer.width
+					if (!pWidth) {
+						this.drawer._getSize((width) => {
+							this._setWidth(width)
+						})
+					} else {
+						this._setWidth(pWidth)
+					}
+				}
+			},
+			_getSize() {
+				// #ifndef APP-NVUE
+				uni.createSelectorQuery()
+					// #ifndef MP-ALIPAY
+					.in(this)
+					// #endif
+					.select('.fui-rate__wrap')
+					.boundingClientRect()
+					.exec(ret => {
+						if (ret) {
+							this.pageX = ret[0].left || 0
+							this.initParentWidth()
+						}
+					})
+				// #endif
+				// #ifdef APP-NVUE
+				dom.getComponentRect(this.$refs['fui_rate_wrap'], (ret) => {
+					const size = ret.size
+					if (size) {
+						this.pageX = size.left
+						this.initParentWidth()
+					}
+				})
+				// #endif
+			},
+			_getRateScore(clientX) {
+				const distance = clientX - (this.pageX + this.parentWidth);
+				let score = 0;
+				if (distance > 0) {
+					let width = uni.upx2px((Number(this.size) + Number(this.spacing)));
+					score = distance / width;
+					let decimalScore = score % 1;
+					if (!this.allowHalf) {
+						decimalScore = decimalScore > 0 ? 1 : 0;
+					} else {
+						if (decimalScore > Number(this.halfRate)) {
+							decimalScore = decimalScore <= 0.5 ? 0.5 : 1;
+						} else {
+							decimalScore = 0;
+						}
+					}
+					score = parseInt(score) + decimalScore;
+					let max = Number(this.max)
+					score = score > max ? max : score;
+				}
+				this.initRateScore(score)
+				this.$emit('change', {
+					score: score,
+					param: this.param
+				});
+			},
+			touchstart(e) {
+				// #ifdef H5
+				if (this.isPC) return
+				// #endif
+				if (this.disabled) return
+				const {
+					clientX,
+					screenX
+				} = e.changedTouches[0]
+				// Nvue下为 screenX，其他平台为clientX
+				this._getRateScore(clientX || screenX)
+			},
+			touchmove(e) {
+				// #ifdef H5
+				if (this.isPC) return
+				// #endif
+				if (this.disabled || !this.touchable) return
+				const {
+					clientX,
+					screenX
+				} = e.changedTouches[0]
+				this._getRateScore(clientX || screenX)
+			},
+			mousedown(e) {
+				// #ifdef H5
+				if (!this.isPC || this.disabled) return
+				const {
+					clientX,
+				} = e
+				this._getRateScore(clientX)
+				this.rated = true
+				// #endif
+			},
+			mousemove(e) {
+				// #ifdef H5
+				if (!this.isPC || !this.rated || this.disabled || !this.touchable) return
+				const {
+					clientX
+				} = e
+				this._getRateScore(clientX)
+				// #endif
+			},
+			mouseup(e) {
+				// #ifdef H5
+				if (!this.isPC || this.disabled || !this.touchable) return
+				this.rated = false
+				// #endif
+			},
+			getParent(name = 'fui-drawer') {
+				let parent = this.$parent;
+				let parentName = parent.$options.name;
+				while (parentName !== name) {
+					parent = parent.$parent;
+					if (!parent) return false;
+					parentName = parent.$options.name;
+				}
+				return parent;
+			},
+			reset() {
+				this._getSize();
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-rate__wrap {
+		/* #ifndef APP-NVUE */
+		display: inline-flex;
+		/* #endif */
+		line-height: 1;
+		font-size: 0;
+		flex-direction: row;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-rate__not-allowed {
+		/* #ifdef H5 */
+		cursor: not-allowed !important;
+		/* #endif */
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-request/fui-common.js b/components/firstui/fui-request/fui-common.js
new file mode 100644
index 0000000..97c9f51
--- /dev/null
+++ b/components/firstui/fui-request/fui-common.js
@@ -0,0 +1,120 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1  8 6140  7  254   9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+const base = {
+	//所有配置项，未设置则使用默认值
+	config() {
+		return {
+			//接口域名，如：https://firstui.cn（如果host为空，则直接使用传入的目标地址url）
+			host: '',
+			// 接口地址：/order/getList（如果host为空，直接传入：https://firstui.cn/order/getList）
+			url: '',
+			//参数
+			data: {},
+			//请求头
+			header: {
+				/*
+				 * content-type:
+				 * application/x-www-form-urlencoded
+				 * application/json
+				 */
+				'content-type': 'application/json'
+			},
+			//必须大写
+			method: 'POST',
+			//大于0时才生效，否则使用全局配置或者默认值
+			timeout: 0,
+			dataType: 'json',
+			//是否阻止拦截重复的请求（重复：请求地址url + method + 参数data 一致）
+			prevent: false,
+			//Array<String> 参数data中的key，prevent为true时有效，进行重复请求判断时移除keys中相关参数，如时间戳、随机数等.
+			keys: [],
+			//是否仅返回简要数据：true-仅返回接口数据data，false-返回包含header、statusCode、errMsg、data等数据
+			brief: false,
+			//String 请求标记，用于中断该请求，不同请求不可重复，只可包含数字、字母、下划线，如：firstui_001
+			cancelToken: '',
+			showLoading: true,
+			//加载中提示文本，showLoading为true时有效
+			loadingText: '',
+			errorMsg: '网络不给力，请检查网络设置！',
+			//跨域请求时是否携带凭证（cookies）仅H5支持（HBuilderX 2.6.15+）
+			withCredentials: false,
+			//DNS解析时优先使用ipv4,仅 App-Android 支持 (HBuilderX 2.8.0+)
+			firstIpv4: false,
+			//get请求时参数值为数组时处理方式，可选值：comma-值逗号拼接，repeat-重复参数名，brackets-带中括号参数名，indices-数组下标参数名
+			arrayFormat: 'comma'
+		}
+	},
+	getOptions(config) {
+		let options = {
+			...config
+		};
+		['host', 'timeout', 'prevent', 'keys', 'brief', 'cancelToken', 'showLoading', 'loadingText', 'errorMsg',
+			'arrayFormat'
+		]
+		.forEach(item => {
+			delete options[item];
+		})
+		return options;
+	},
+	getParamsHandle(config, arrayFormat) {
+		const options = {
+			...config
+		}
+		const idx = ['indices', 'repeat', 'brackets'].indexOf(arrayFormat)
+		if (options.data && Object.keys(options.data).length > 0 && idx !== -1) {
+			let params = []
+			Object.entries(options.data).forEach(([key, value]) => {
+				if (Array.isArray(value)) {
+					let _key = key;
+					if (arrayFormat === 'brackets') {
+						_key = `${key}[]`
+					}
+					value.forEach((item, index) => {
+						if (arrayFormat === 'indices') {
+							_key = `${key}[${index}]`
+						}
+						const val = Object.prototype.toString.call(item) === '[object Object]' ?
+							JSON.stringify(item) : item;
+						params.push(`${_key}=${val}`)
+					})
+				} else {
+					params.push(`${key}=${value}`)
+				}
+			})
+
+			options.url = `${options.url}?${params.join('&')}`
+			options.data = {}
+		}
+		return options;
+	},
+	merge(a, b) {
+		return Object.assign({}, a, b);
+	},
+	mergeConfig(defaultConfig, config, init) {
+		let header = base.merge(defaultConfig.header, config.header || {});
+		let params = base.merge(defaultConfig, config)
+		params.header = header;
+		if (!init) {
+			let url = base.combineURLs(params.host, params.url)
+			params.url = url;
+		}
+		return params;
+	},
+	//如果host为空，则直接使用传入的目标地址
+	combineURLs(host, target) {
+		return host ? host.replace(/\s+/g, '') + '/' + target.replace(/\s+/g, '').replace(/^\/+/, '') : target;
+	},
+	toast(text, duration, success) {
+		text && uni.showToast({
+			title: text,
+			icon: success ? 'success' : 'none',
+			duration: duration || 2000
+		})
+	},
+	showLoading(title, mask = true) {
+		uni.showLoading({
+			mask: mask,
+			title: title || '请稍候...'
+		})
+	}
+}
+export default base
\ No newline at end of file
diff --git a/components/firstui/fui-request/fui-taskStore.js b/components/firstui/fui-request/fui-taskStore.js
new file mode 100644
index 0000000..249e2fc
--- /dev/null
+++ b/components/firstui/fui-request/fui-taskStore.js
@@ -0,0 +1,57 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  1 8 6  14  07 25 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+class RequestTaskStore {
+	constructor(taskList = []) {
+		this.taskStore = taskList
+	}
+	setRequestTaskStore(taskArr, taskKey) {
+		taskKey && taskArr.push(taskKey)
+		this.taskStore = taskArr;
+	}
+	removeRequestTask(task) {
+		if (!task) return;
+		const taskKey = this.getRequestTask(task)
+		let taskArr = [...this.taskStore]
+		const index = taskArr.indexOf(taskKey)
+		if (~index) {
+			taskArr.splice(index, 1)
+			this.setRequestTaskStore(taskArr)
+		}
+	}
+	getRequestTask(task) {
+		let {
+			url,
+			method,
+			keys,
+			data
+		} = task;
+		keys = keys || []
+		data = typeof data === 'string' ? JSON.parse(data) : data;
+		let taskArr = [];
+		for (let key in data) {
+			if (data.hasOwnProperty(key) && !~keys.indexOf(key)) {
+				let value = data[key] === null ? '' : data[key];
+				taskArr.push(encodeURIComponent(key) + '=' + encodeURIComponent(value));
+			}
+		}
+		return url + method + taskArr.join('');
+	}
+	requestTaskStore(task) {
+		let result = false;
+		if (!task) return result;
+		const taskKey = this.getRequestTask(task)
+		let taskArr = [...this.taskStore]
+		if (taskArr.length > 0) {
+			if (~taskArr.indexOf(taskKey)) {
+				result = true;
+			} else {
+				this.setRequestTaskStore(taskArr, taskKey)
+			}
+		} else {
+			taskKey && this.setRequestTaskStore(taskArr, taskKey)
+		}
+		return result;
+	}
+}
+export default function createTaskStore(taskList = []) {
+	return new RequestTaskStore(taskList)
+}
\ No newline at end of file
diff --git a/components/firstui/fui-request/index.js b/components/firstui/fui-request/index.js
new file mode 100644
index 0000000..9a3b0b6
--- /dev/null
+++ b/components/firstui/fui-request/index.js
@@ -0,0 +1,179 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 186 140 72 5  4    9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+/**
+ * 网络请求
+ * 文档地址：https://doc.firstui.cn/
+ **/
+
+import base from './fui-common.js'
+import createTaskStore from './fui-taskStore.js'
+
+const store = createTaskStore()
+
+class FIRSTUI_INNER {
+	constructor(initConfig = {}) {
+		this.initConfig = initConfig
+		this.request = []
+		this.response = []
+		this.cancelToken = {}
+		this.dispatchRequest = this.dispatchRequest.bind(this)
+		this.loading = false
+	}
+	dispatchRequest(config = {}) {
+		let params = base.mergeConfig(this.initConfig, config)
+		const task = {
+			url: params.url,
+			method: params.method,
+			keys: params.keys,
+			data: params.data
+		}
+		if (params.prevent && store.requestTaskStore(task)) {
+			return new Promise((resolve, reject) => {
+				reject({
+					statusCode: -9998,
+					errMsg: 'request:prevented'
+				})
+			});
+		}
+		const arrayFormat = params.arrayFormat;
+		let options = base.getOptions(params)
+		if (options.method.toLocaleLowerCase() === 'get' && arrayFormat !== 'comma') {
+			options = base.getParamsHandle(options, arrayFormat)
+		}
+		let promise = Promise.resolve(options);
+		promise = promise.then(config => {
+			if (params.showLoading && !this.loading) {
+				base.showLoading(params.loadingText)
+				this.loading = true
+			}
+			return new Promise((resolve, reject) => {
+				let requestTask = uni.request({
+					...options,
+					success: (res) => {
+						if (params.showLoading && this.loading) {
+							uni.hideLoading()
+							this.loading = false
+						}
+						resolve(params.brief ? res.data : res)
+					},
+					fail: (err) => {
+						if (params.showLoading && this.loading) {
+							uni.hideLoading()
+							this.loading = false
+						}
+
+						if (params.errorMsg) {
+							base.toast(params.errorMsg)
+						}
+						reject(err)
+					},
+					complete: () => {
+						store.removeRequestTask(task)
+						if (params.cancelToken && this.cancelToken[params
+								.cancelToken]) {
+							delete this.cancelToken[params.cancelToken]
+						}
+					}
+				})
+				if (params.cancelToken) {
+					this.cancelToken[params.cancelToken] = requestTask;
+				}
+				if (params.timeout && typeof params.timeout === 'number' && params.timeout > 3000) {
+					setTimeout(() => {
+						try {
+							store.removeRequestTask(task)
+							if (params.cancelToken) {
+								delete this.cancelToken[params.cancelToken]
+							}
+							requestTask.abort();
+						} catch (e) {}
+						resolve({
+							statusCode: -9999,
+							errMsg: 'request:cancelled'
+						});
+					}, params.timeout)
+				}
+			});
+		})
+
+		return promise
+	}
+}
+
+
+const inner = new FIRSTUI_INNER(base.config())
+
+const http = {
+	interceptors: {
+		request: {
+			use: (fulfilled, rejected) => {
+				inner.request.push({
+					fulfilled,
+					rejected
+				})
+			},
+			eject: (name) => {
+				if (inner.request[name]) {
+					inner.request[name] = null;
+				}
+			}
+		},
+		response: {
+			use: (fulfilled, rejected) => {
+				inner.response.push({
+					fulfilled,
+					rejected
+				})
+			},
+			eject: (name) => {
+				if (inner.response[name]) {
+					inner.response[name] = null;
+				}
+			}
+		}
+	},
+	create(config) {
+		inner.initConfig = base.mergeConfig(base.config(), config, true);
+	},
+	get(url, config = {}) {
+		config.method = 'GET'
+		config.url = url || config.url || ''
+		return http.request(config)
+	},
+	post(url, config = {}) {
+		config.method = 'POST'
+		config.url = url || config.url || ''
+		return http.request(config)
+	},
+	all(requests) {
+		return Promise.all(requests)
+	},
+	request(config = {}) {
+		let chain = [inner.dispatchRequest, undefined];
+		let promise = Promise.resolve(config);
+
+		inner.request.forEach(interceptor => {
+			chain.unshift(interceptor.fulfilled, interceptor.rejected);
+		});
+
+		inner.response.forEach(interceptor => {
+			chain.push(interceptor.fulfilled, interceptor.rejected);
+		});
+
+		while (chain.length) {
+			promise = promise.then(chain.shift(), chain.shift());
+		}
+
+		return promise;
+	},
+	abort(cancelToken) {
+		if (!cancelToken) return;
+		try {
+			if (inner.cancelToken[cancelToken]) {
+				inner.cancelToken[cancelToken].abort()
+				delete inner.cancelToken[cancelToken]
+				// console.log('request:cancelled')
+			}
+		} catch (e) {}
+	}
+}
+export default http
\ No newline at end of file
diff --git a/components/firstui/fui-result/fui-result.vue b/components/firstui/fui-result/fui-result.vue
new file mode 100644
index 0000000..3d060ac
--- /dev/null
+++ b/components/firstui/fui-result/fui-result.vue
@@ -0,0 +1,280 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 86 14  072      549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-result__wrap" :style="{paddingTop:paddingTop+'rpx'}" v-if="ibColor">
+		<view class="fui-result__icon-box">
+			<view class="fui-result__icon"
+				:style="{background:background || getTypeColor,zoom:isNvue?1:scaleRatio,transform:`scale(${isNvue?scaleRatio:1})`}"
+				:class="[background?'':`fui-result__bg-${type}`]" v-if="show">
+				<view :class="['fui-result__ib-'+type]" :style="ibColor"></view>
+				<view :class="['fui-result__ia-'+type]" :style="{background:iconColor}"
+					v-if="type==='fail' || type==='warning'"></view>
+			</view>
+			<slot name="icon"></slot>
+		</view>
+		<text class="fui-result__title" :class="{'fui-result__title-color':!color}"
+			:style="{fontSize:size+'rpx',color:color}" v-if="title">{{ title }}</text>
+		<text class="fui-result__descr" :class="{'fui-result__descr-color':!descrColor}"
+			:style="{fontSize:descrSize+'rpx',color:descrColor}" v-if="descr">{{ descr }}</text>
+		<slot></slot>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-result",
+		props: {
+			paddingTop: {
+				type: [Number, String],
+				default: 96
+			},
+			//success，warning，fail, waiting
+			type: {
+				type: String,
+				default: ''
+			},
+			background: {
+				type: String,
+				default: ''
+			},
+			iconColor: {
+				type: String,
+				default: '#fff'
+			},
+			//缩放比例
+			scaleRatio: {
+				type: Number,
+				default: 1
+			},
+			title: {
+				type: String,
+				default: ''
+			},
+			size: {
+				type: [Number, String],
+				default: 44
+			},
+			color: {
+				type: String,
+				// #ifdef APP-NVUE
+				default: '#181818'
+				// #endif
+
+				// #ifndef APP-NVUE
+				default: ''
+				// #endif
+			},
+			descr: {
+				type: String,
+				default: ''
+			},
+			descrSize: {
+				type: [Number, String],
+				default: 32
+			},
+			descrColor: {
+				type: String,
+				// #ifdef APP-NVUE
+				default: '#333'
+				// #endif
+
+				// #ifndef APP-NVUE
+				default: ''
+				// #endif
+			}
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				isNvue
+			}
+		},
+		computed: {
+			show() {
+				return ~['success', 'warning', 'fail', 'waiting'].indexOf(this.type)
+			},
+			ibColor() {
+				let style = `border-color:${this.iconColor}`;
+				if (this.type === 'fail' || this.type === 'warning') {
+					style = `background:${this.iconColor}`;
+				}
+				return style;
+			},
+			getTypeColor() {
+				let color = '';
+				// #ifdef APP-NVUE
+				const app = uni && uni.$fui && uni.$fui.color
+				let colors = {
+					waiting: (app && app.primary) || '#465CFF',
+					success: (app && app.success) || '#09BE4F',
+					warning: (app && app.warning) || '#FFB703',
+					fail: (app && app.danger) || '#FF2B2B'
+				}
+				color = colors[this.type || 'waiting']
+				// #endif
+
+				return color
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-result__wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+		flex: 1;
+		flex-direction: column;
+		align-items: center;
+	}
+
+	.fui-result__icon-box {
+		padding-bottom: 48rpx;
+	}
+
+	.fui-result__icon {
+		width: 128rpx;
+		height: 128rpx;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		border-radius: 50%;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		border-radius: 128rpx;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		position: relative;
+		overflow: hidden;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-result__bg-success {
+		background-color: var(--fui-color-success, #09BE4F) !important;
+	}
+
+	.fui-result__bg-warning {
+		background-color: var(--fui-color-warning, #FFB703) !important;
+	}
+
+	.fui-result__bg-fail {
+		background-color: var(--fui-color-danger, #FF2B2B) !important;
+	}
+
+	.fui-result__bg-waiting {
+		background-color: var(--fui-color-primary, #465CFF) !important;
+	}
+	/* #endif */
+
+
+	.fui-result__ib-success {
+		width: 30rpx;
+		height: 60rpx;
+		border-style: solid;
+		border-left-width: 0;
+		border-top-width: 0;
+		border-right-width: 8rpx;
+		border-bottom-width: 8rpx;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+		transform: rotate(45deg);
+		margin-bottom: 12rpx;
+		margin-left: 4rpx;
+		/* #ifdef APP-NVUE */
+		border-bottom-right-radius: 8rpx;
+		/* #endif */
+	}
+
+	.fui-result__ib-fail {
+		width: 60rpx;
+		height: 8rpx;
+		transform: rotate(45deg);
+	}
+
+	.fui-result__ia-fail {
+		width: 8rpx;
+		height: 60rpx;
+		position: absolute;
+		left: 61rpx;
+		top: 34rpx;
+		transform: rotate(45deg);
+	}
+
+	.fui-result__ib-waiting {
+		height: 48rpx;
+		width: 48rpx;
+		border-style: solid;
+		border-top-width: 0;
+		border-right-width: 0;
+		border-bottom-width: 8rpx;
+		border-left-width: 8rpx;
+		/* #ifdef APP-NVUE */
+		border-bottom-left-radius: 8rpx;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+		margin-left: 24rpx;
+		margin-top: -24rpx;
+	}
+
+	.fui-result__ib-warning {
+		height: 48rpx;
+		width: 8rpx;
+		margin-top: -16rpx;
+		border-radius: 2rpx;
+	}
+
+	.fui-result__ia-warning {
+		height: 8rpx;
+		width: 8rpx;
+		position: absolute;
+		top: 88rpx;
+		border-radius: 2rpx;
+	}
+
+	.fui-result__title {
+		font-weight: 700;
+		font-size: 44rpx;
+		margin-bottom: 32rpx;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-result__descr,
+	.fui-result__title {
+		display: block;
+		word-wrap: break-word;
+		word-break: break-all;
+	}
+
+	/* #endif */
+	.fui-result__descr {
+		flex: 1;
+		font-size: 32rpx;
+		text-align: center;
+		margin-bottom: 32rpx;
+		padding: 0 64rpx;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+		font-weight: normal;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-result__title-color {
+		color: var(--fui-color-title, #181818) !important;
+	}
+
+	.fui-result__descr-color {
+		color: var(--fui-color-section, #333) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-rotate-verify/fui-rotate-verify.vue b/components/firstui/fui-rotate-verify/fui-rotate-verify.vue
new file mode 100644
index 0000000..6d87e0c
--- /dev/null
+++ b/components/firstui/fui-rotate-verify/fui-rotate-verify.vue
@@ -0,0 +1,411 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1   8614 0 72  54  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-rotate__verify-wrap" :class="{'fui-rv__wrap-show':isShow}"
+		:style="{background:maskBgColor,zIndex:zIndex}" @tap="maskClose" @touchmove.stop.prevent="stop"
+		v-if="isShow || !isNvue" ref="fui_rv_ani">
+		<view class="fui-rotate__verify" :style="{width:width+'rpx',background:background}" @tap.stop="stop">
+			<view class="fui-rv__close" @tap.stop="closeVerify">
+				<fui-icon name="close" :color="closeColor"></fui-icon>
+			</view>
+			<text class="fui-rv__title" :style="{ color: color, fontSize: size + 'rpx' }">{{ title }}</text>
+			<text class="fui-rv__descr" :style="{ color: descrColor, fontSize: descrSize + 'rpx' }">拖动滑块，使图片角度为正</text>
+			<view class="fui-rv__image-box"
+				:style="{ width: imgW + 'px', height: imgW + 'px',borderRadius:isNvue?(imgW+'px'):'50%' }">
+				<!-- #ifdef APP-PLUS || MP-WEIXIN || H5 -->
+				<image class="fui-rv__image" :src="src"
+					:style="{ width: imgW + 'px', height: imgW + 'px',borderRadius:isNvue?(imgW+'px'):'50%' }"
+					ref="imgRef">
+				</image>
+				<!-- #endif -->
+
+				<!-- #ifndef APP-PLUS || MP-WEIXIN || H5 -->
+				<image class="fui-rv__image" :class="{'fui-rv__rest-ani':resetAni}" :src="src"
+					:style="{ width: imgW + 'px', height: imgW + 'px',borderRadius:isNvue?(imgW+'px'):'50%',transform:'rotate('+angle+'deg)' }">
+				</image>
+				<!-- #endif -->
+				<view class="fui-rv__result" v-if="showRes || isPass"
+					:style="{ width: imgW + 'px', height:imgW + 'px',borderRadius:isNvue?(imgW+'px'):'50%' }">
+					<fui-icon :name="isPass?'check':'close'" :size="96" :color="getColor"></fui-icon>
+				</view>
+			</view>
+			<!-- #ifdef APP-VUE || MP-WEIXIN || H5 -->
+			<view class="fui-rv__slidebar"
+				:style="{width: sliderWidth+'px',height: sliderHeight + 'px', borderColor: borderColor,borderRadius:sliderHeight+'px'}">
+				<view class="fui-rv__slider"
+					:style="{ width: sliderHeight + 'px', height: (sliderHeight-2) + 'px', background: sliderBgColor,borderColor: borderColor,borderRadius:isNvue?sliderHeight+'px':'50%'}"
+					:change:prop="parse.slidereset" :prop="resetNum" :data-width="sliderWidth"
+					:data-swidth="sliderHeight" :data-disabled="isPass || disabled || !isShow?1:0"
+					@touchstart="parse.touchstart" @touchmove="parse.touchmove" @touchend="parse.touchend"
+					@mousedown="parse.mousedown">
+					<fui-icon name="slide" :size="60" :color="slideColor"></fui-icon>
+				</view>
+			</view>
+			<!-- #endif -->
+
+			<!-- #ifdef APP-NVUE -->
+			<view class="fui-rv__slidebar"
+				:style="{width: sliderWidth+'px',height: sliderHeight + 'px', borderColor: borderColor,borderRadius:sliderHeight+'px'}">
+				<view class="fui-rv__slider"
+					:style="{ width: sliderHeight + 'px', height: (sliderHeight-2) + 'px', background: sliderBgColor,borderColor: borderColor,borderRadius:isNvue?sliderHeight+'px':'50%'}"
+					@touchstart="touchstart" @horizontalpan="touchmove" @touchend="touchend" ref="sliderRef">
+					<fui-icon name="slide" :size="60" :color="slideColor"></fui-icon>
+				</view>
+			</view>
+			<!-- #endif -->
+
+			<!-- #ifndef APP-PLUS  || MP-WEIXIN  || H5-->
+			<view class="fui-rv__slidebar"
+				:style="{width: sliderWidth+'px',height: sliderHeight + 'px', borderColor: borderColor,borderRadius:sliderHeight+'px'}">
+				<view class="fui-rv__slider" :class="{'fui-rv__rest-ani':resetAni}"
+					:style="{ width: sliderHeight + 'px', height: (sliderHeight-2) + 'px', background: sliderBgColor,borderColor: borderColor,borderRadius:isNvue?sliderHeight+'px':'50%',transform:transform}"
+					@touchstart="touchstart" @touchmove.stop.prevent="touchmove" @touchend="touchend">
+					<fui-icon name="slide" :size="60" :color="slideColor"></fui-icon>
+				</view>
+			</view>
+			<!-- #endif -->
+		</view>
+	</view>
+</template>
+<!-- #ifdef APP-VUE  || MP-WEIXIN  || H5-->
+<script src="./index.wxs" module="parse" lang="wxs"></script>
+<!-- #endif -->
+<script>
+	import weex from './weex.js'
+	import mpjs from './mpjs.js'
+	//非easycom模式取消注释引入字体组件，按实际路径进行调整
+	// import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
+	export default {
+		name: "fui-rotate-verify",
+		mixins: [mpjs, weex],
+		emits: ['verify'],
+		// components:{
+		// 	fuiIcon
+		// },
+		props: {
+			//验证弹层外层盒子宽度 rpx
+			width: {
+				type: [Number, String],
+				default: 600
+			},
+			background: {
+				type: String,
+				default: '#FFFFFF'
+			},
+			title: {
+				type: String,
+				default: '安全验证'
+			},
+			color: {
+				type: String,
+				default: '#B2B2B2'
+			},
+			size: {
+				type: [Number, String],
+				default: 28
+			},
+			descrColor: {
+				type: String,
+				default: '#333333'
+			},
+			descrSize: {
+				type: [Number, String],
+				default: 32
+			},
+			//图片地址（旋转了初始角度后的图片），必传
+			//旋转角度建议区间为 -330deg<angle <-30deg 或 30deg<angle<330deg
+			src: {
+				type: String,
+				default: ''
+			},
+			//图片宽度，单位rpx。默认为正方形图片
+			imgWidth: {
+				type: [Number, String],
+				default: 240
+			},
+			//滑动条和滑块边框颜色
+			borderColor: {
+				type: String,
+				default: '#EEEEEE'
+			},
+			sliderBgColor: {
+				type: String,
+				default: '#FFFFFF'
+			},
+			closeColor: {
+				type: String,
+				default: '#B2B2B2'
+			},
+			slideColor: {
+				type: String,
+				default: '#333333'
+			},
+			passColor: {
+				type: String,
+				default: ''
+			},
+			failColor: {
+				type: String,
+				default: ''
+			},
+			zIndex: {
+				type: [Number, String],
+				default: 996
+			},
+			maskBgColor: {
+				type: String,
+				default: 'rgba(0,0,0,.6)'
+			},
+			//点击遮罩 是否可关闭
+			maskClosable: {
+				type: Boolean,
+				default: false
+			}
+		},
+		watch: {
+			imgWidth(val) {
+				this.imgW = this.getPx(val)
+			},
+			width(val) {
+				this.sliderWidth = this.getPx((Number(val) - 64))
+			}
+		},
+		computed: {
+			getColor() {
+				const app = uni && uni.$fui && uni.$fui.color;
+				let passColor = this.passColor || (app && app.success) || '#09BE4F'
+				let failColor = this.failColor || (app && app.danger) || '#FF2B2B'
+				return this.isPass ? passColor : failColor
+			}
+		},
+		data() {
+			let isNvue = false
+			// #ifdef APP-NVUE
+			isNvue = true
+			// #endif
+			return {
+				isNvue: isNvue,
+				isShow: false,
+				isPass: false,
+				disabled: false,
+				showRes: false,
+				sliderHeight: 0,
+				imgW: 0,
+				sliderWidth: 0,
+				resetNum: 0
+			};
+		},
+		created() {
+			this.sliderWidth = this.getPx((Number(this.width) - 64))
+			this.sliderHeight = this.getPx(92)
+			this.imgW = this.getPx(this.imgWidth)
+		},
+		methods: {
+			getPx(value) {
+				let val = parseInt(uni.upx2px(Number(value)))
+				return val % 2 === 0 ? val : val + 1
+			},
+			success() {
+				this.isPass = true;
+			},
+			fail() {
+				this.showRes = true;
+				this.isPass = false;
+				setTimeout(() => {
+					this.reset()
+				}, 300)
+			},
+			verify(e) {
+				//Math.abs(angle + initAngle - 360) <= range || Math.abs(angle + initAngle) <= range
+				//验证中禁止操作
+				this.disabled = true
+				this.$emit('verify', e)
+			},
+			/*
+			 验证结果，前端验证时使用
+			@param {Number} angle 旋转角度
+			@param {Number} initAngle 初始化时旋转角度
+			@param {Number} range 可误差角度范围
+			@param {function} callback 回调函数 返回参数=>是否通过验证(bool)
+			*/
+			verifyRes(angle, initAngle, range, callback) {
+				let res = false
+				if (Math.abs(angle + initAngle - 360) <= range || Math.abs(angle + initAngle) <= range) {
+					res = true
+				}
+				callback && callback(res)
+			},
+			maskClose() {
+				if (!this.maskClosable) return;
+				this.closeVerify()
+			},
+			closeVerify() {
+				this.reset();
+				// #ifndef APP-NVUE
+				this.isShow = false;
+				// #endif
+
+				// #ifdef APP-NVUE
+				this.closeAni()
+				// #endif
+			},
+			show() {
+				// #ifndef APP-NVUE
+				this.isShow = true;
+				// #endif
+
+				// #ifdef APP-NVUE
+				this.openAni()
+				// #endif
+			},
+			reset() {
+				this.resetNum += 1
+				this.isPass = false;
+				this.disabled = false;
+				this.showRes = false
+			},
+			stop() {}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-rotate__verify-wrap {
+		position: fixed;
+		top: 0;
+		right: 0;
+		left: 0;
+		bottom: 0;
+		/* #ifndef APP-NVUE */
+		transition-property: all;
+		transition-timing-function: ease-in;
+		transition-duration: 0.2s;
+		display: flex;
+		transform: scale3d(1, 1, 0);
+		visibility: hidden;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		opacity: 0;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-rv__wrap-show {
+		opacity: 1;
+		transform: scale3d(1, 1, 1);
+		visibility: visible;
+	}
+
+	/* #endif */
+
+	.fui-rotate__verify {
+		padding: 60rpx 32rpx;
+		text-align: center;
+		border-radius: 24rpx;
+		overflow: hidden;
+		position: relative;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.fui-rv__close {
+		position: absolute;
+		padding: 16rpx 16rpx 0 0;
+		right: 12rpx;
+		top: 12rpx;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-rv__title {
+		text-align: center;
+		padding-top: 30rpx;
+		font-weight: normal;
+	}
+
+	.fui-rv__descr {
+		text-align: center;
+		padding-top: 20rpx;
+		font-weight: normal;
+	}
+
+	.fui-rv__image-box {
+		position: relative;
+		margin-top: 48rpx;
+		margin-bottom: 64rpx;
+		background: #F1F4FA;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-rv__image {
+		border-radius: 50%;
+		display: block;
+		/* #ifndef APP-PLUS || MP-WEIXIN || H5 */
+		position: absolute;
+		left: 0;
+		top: 0;
+		/* #endif */
+	}
+
+	/* #endif */
+
+	/* #ifndef APP-NVUE */
+	.fui-rv__rest-ani {
+		transition: transform 0.2s;
+	}
+
+	/* #endif */
+
+	/* fix：vue3下动画问题，app端直接移除class效果未消失，导致卡顿 */
+
+	/* #ifdef VUE3 */
+	.fui-rv__un-ani {
+		transition: transform 0s;
+	}
+
+	/* #endif */
+
+	.fui-rv__result {
+		position: absolute;
+		z-index: 2;
+		left: 0;
+		top: 0;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		background: rgba(0, 0, 0, 0.6);
+	}
+
+	.fui-rv__slidebar {
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+		position: relative;
+		border-width: 1px;
+		border-style: solid;
+	}
+
+	.fui-rv__slider {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		position: absolute;
+		left: 0;
+		top: 0;
+		border-width: 1px;
+		border-style: solid;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-rotate-verify/index.wxs b/components/firstui/fui-rotate-verify/index.wxs
new file mode 100644
index 0000000..3dd1311
--- /dev/null
+++ b/components/firstui/fui-rotate-verify/index.wxs
@@ -0,0 +1,137 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1    861  40  7 25 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+var twidth = 0
+var swidth = 0
+
+function isPC() {
+	if (typeof navigator !== 'object') return false;
+	var userAgentInfo = navigator.userAgent;
+	var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
+	var flag = true;
+	for (var v = 0; v < Agents.length - 1; v++) {
+		if (userAgentInfo.indexOf(Agents[v]) > 0) {
+			flag = false;
+			break;
+		}
+	}
+	return flag;
+}
+var isH5 = false
+if (typeof window === 'object') isH5 = true
+
+function bool(str) {
+	return str === 'true' || str == true ? true : false
+}
+
+function touchstart(e, ins) {
+	var state = e.instance.getState()
+	var touch = e.touches[0] || e.changedTouches[0]
+	if (isH5 && isPC()) {
+		touch = e;
+	}
+	var dataset = e.instance.getDataset()
+	state.startX = touch.pageX
+	twidth = +dataset.width
+	swidth = +dataset.swidth
+	state.disabled = (+dataset.disabled) == 1 ? true : false
+}
+
+function styleChange(left, deg, ins) {
+	if (!ins) return;
+	var block = ins.selectComponent('.fui-rv__slider');
+	var image = ins.selectComponent('.fui-rv__image')
+	if (!image || !block) return;
+	if (left == 0 && deg == 0) {
+		block.removeClass('fui-rv__un-ani')
+		image.removeClass('fui-rv__un-ani')
+		block.addClass('fui-rv__rest-ani')
+		image.addClass('fui-rv__rest-ani')
+	} else {
+		block.removeClass('fui-rv__rest-ani')
+		image.removeClass('fui-rv__rest-ani')
+		block.addClass('fui-rv__un-ani')
+		image.addClass('fui-rv__un-ani')
+	}
+	block.setStyle({
+		transform: 'translate3d(' + left + 'px,0,0)'
+	})
+	image.setStyle({
+		transform: 'rotate(' + deg + 'deg)'
+	})
+}
+
+function touchmove(e, ins, event) {
+	if (e.preventDefault) {
+		// 阻止页面滚动
+		e.preventDefault()
+	}
+	var state = {}
+	var touch = {}
+	if (isH5 && isPC()) {
+		touch = e;
+		state = event.instance.getState()
+	} else {
+		state = e.instance.getState()
+		touch = e.touches[0] || e.changedTouches[0]
+	}
+	if (state.disabled) return;
+	var pageX = touch.pageX;
+	var left = pageX - state.startX + (state.lastLeft || 0);
+	left = left < 0 ? 0 : left;
+	var width = twidth - swidth;
+	left = left >= width ? width : left;
+	state.startX = pageX
+	state.lastLeft = left
+	var deg = 360 / width * left
+	styleChange(left, deg, ins)
+}
+
+function touchend(e, ins, event) {
+	var state = {}
+	if (isH5 && isPC()) {
+		state = event.instance.getState()
+	} else {
+		state = e.instance.getState()
+	}
+	if (state.disabled) return;
+	var left = twidth - swidth
+	var deg = 360 / left * state.lastLeft
+	ins.callMethod('verify', {
+		angle: deg
+	})
+}
+
+function slidereset(reset, oldreset, owner, ins) {
+	var state = ins.getState()
+	if (reset > 0) {
+		state.startX = 0;
+		state.lastLeft = 0;
+		state.disabled = false;
+		styleChange(0, 0, owner)
+	}
+}
+
+var movable = false;
+
+function mousedown(e, ins) {
+	if (!isH5 || !isPC()) return
+	touchstart(e, ins)
+	movable = true
+	window.onmousemove = function(event) {
+		if (!isH5 || !isPC() || !movable) return
+		touchmove(event, ins, e)
+	}
+	window.onmouseup = function(event) {
+		if (!isH5 || !isPC() || !movable) return
+		touchend(event, ins, e)
+		movable = false
+	}
+}
+
+
+module.exports = {
+	touchstart: touchstart,
+	touchmove: touchmove,
+	touchend: touchend,
+	mousedown: mousedown,
+	slidereset: slidereset
+}
\ No newline at end of file
diff --git a/components/firstui/fui-rotate-verify/mpjs.js b/components/firstui/fui-rotate-verify/mpjs.js
new file mode 100644
index 0000000..38292b0
--- /dev/null
+++ b/components/firstui/fui-rotate-verify/mpjs.js
@@ -0,0 +1,62 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：    18614    0 7 2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifndef APP-PLUS || MP-WEIXIN || H5
+export default {
+	data() {
+		return {
+			angle: 0,
+			transform: '',
+			startX: 0,
+			lastLeft: 0,
+			resetAni: false
+		}
+	},
+	watch: {
+		resetNum(val) {
+			this.startX = 0;
+			this.lastLeft = 0;
+			this.styleChange(0, 0)
+		}
+	},
+	methods: {
+		styleChange(left, deg) {
+			if (left == 0 && deg == 0) {
+				this.resetAni = true
+			} else {
+				this.resetAni = false
+			}
+			this.transform = 'translate3d(' + left + 'px,0,0)'
+			this.angle = deg
+		},
+		touchstart(e) {
+			let touch = e.touches[0] || e.changedTouches[0];
+			this.startX = touch.clientX
+		},
+		touchmove(e) {
+			if (this.isPass || this.disabled || !this.isShow) return;
+			let touch = e.touches[0] || e.changedTouches[0]
+			let pageX = touch.clientX;
+			let left = pageX - this.startX + this.lastLeft;
+			left = left < 0 ? 0 : left;
+			let width = this.sliderWidth - this.sliderHeight;
+			left = left >= width ? width : left;
+			this.startX = pageX
+			this.lastLeft = left
+			let deg = 360 / width * left
+			this.styleChange(left, deg)
+		},
+		touchend(e) {
+			if (this.isPass || this.disabled || !this.isShow) return;
+			let left = this.sliderWidth - this.sliderHeight;
+			let deg = 360 / left * this.lastLeft
+			this.verify({
+				angle: deg
+			})
+		}
+	}
+}
+
+// #endif
+
+// #ifdef APP-PLUS|| MP-WEIXIN || H5
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-rotate-verify/weex.js b/components/firstui/fui-rotate-verify/weex.js
new file mode 100644
index 0000000..e1fc069
--- /dev/null
+++ b/components/firstui/fui-rotate-verify/weex.js
@@ -0,0 +1,111 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18 614 07  2 5   4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifdef APP-NVUE
+const animation = uni.requireNativePlugin('animation');
+export default {
+	watch: {
+		resetNum(val) {
+			this.startX = 0;
+			this.lastLeft = 0;
+			this._animation(0, 0)
+		}
+	},
+	created() {
+		this.startX = 0
+		this.lastLeft = 0
+		this.imgRef = null
+		this.sliderRef = null
+	},
+	methods: {
+		openAni() {
+			this.isShow = true;
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this.getEl()
+					this._ani(true);
+				}, 50);
+			});
+		},
+		closeAni(type) {
+			this._ani(false);
+		},
+		_ani(type) {
+			let styles = {
+				opacity: type ? 1 : 0
+			};
+			if (!this.$refs['fui_rv_ani']) return;
+			animation.transition(
+				this.$refs['fui_rv_ani'].ref, {
+					styles,
+					duration: 200, //ms
+					timingFunction: 'ease-in',
+					needLayout: false,
+					delay: 0 //ms
+				},
+				() => {
+					if (!type) {
+						this.isShow = false;
+					}
+				}
+			);
+		},
+		getEl() {
+			this.imgRef = this.$refs['imgRef'].ref
+			this.sliderRef = this.$refs['sliderRef'].ref;
+		},
+		_animation(left, deg) {
+			left = Number(left.toFixed(2))
+			deg = Number(deg.toFixed(2))
+			if (!this.imgRef || !this.sliderRef) return;
+			animation.transition(this.imgRef, {
+				styles: {
+					transform: 'rotate(' + deg + 'deg)'
+				},
+				duration: deg == 0 ? 200 : 0,
+				timingFunction: 'linear',
+				needLayout: false,
+				delay: 0
+			});
+			animation.transition(this.sliderRef, {
+				styles: {
+					transform: 'translate(' + left + 'px,0)'
+				},
+				duration: left == 0 ? 200 : 0,
+				timingFunction: 'linear',
+				needLayout: false,
+				delay: 0
+			});
+		},
+		touchstart(e) {
+			if (this.isPass || this.disabled || !this.isShow) return;
+			let touch = e.touches[0] || e.changedTouches[0];
+			this.startX = touch.screenX
+		},
+		touchmove(e) {
+			if (this.isPass || this.disabled || !this.isShow) return;
+			let touch = e.changedTouches[0];
+			let pageX = touch.screenX;
+			let left = pageX - this.startX + this.lastLeft;
+			left = left < 0 ? 0 : left;
+			let width = this.sliderWidth - this.sliderHeight;
+			left = left >= width ? width : left;
+			this.startX = pageX
+			this.lastLeft = left
+			let deg = 360 / width * left
+			this._animation(left, deg)
+		},
+		touchend(e) {
+			if (this.isPass || this.disabled || !this.isShow) return;
+			let left = this.sliderWidth - this.sliderHeight;
+			let deg = 360 / left * this.lastLeft
+			this.verify({
+				angle: deg
+			})
+		}
+	}
+}
+
+// #endif
+
+// #ifndef APP-NVUE
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-row/fui-row.vue b/components/firstui/fui-row/fui-row.vue
new file mode 100644
index 0000000..10b43a2
--- /dev/null
+++ b/components/firstui/fui-row/fui-row.vue
@@ -0,0 +1,166 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18  614  0 7 2    549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-row__box" :class="[flex?'fui-row__flex':'', justifyClass,alignClass]" :style="{marginTop:marginTop,marginBottom:marginBottom,marginLeft:`-${marginValue}rpx`,
+		marginRight:`-${marginValue}rpx`}">
+		<slot></slot>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-row",
+		componentName: 'fuiRow',
+		props: {
+			//是否为flex布局
+			isFlex: {
+				type: Boolean,
+				default: false
+			},
+			//flex 布局下的水平排列方式 start/end/center/space-around/space-between
+			justify: {
+				type: String,
+				default: 'start'
+			},
+			//flex 布局下的垂直排列方式	top/middle/bottom
+			align: {
+				type: String,
+				default: 'top'
+			},
+			marginTop: {
+				type: String,
+				default: '0'
+			},
+			marginBottom: {
+				type: String,
+				default: '0'
+			},
+			//栅格间隔
+			gutter: {
+				type: Number,
+				default: 0
+			},
+			// nvue如果使用span等属性，需要配置宽度
+			width: {
+				type: [String, Number],
+				default: 750
+			}
+		},
+		data() {
+			return {
+				flex: false
+			}
+		},
+		watch: {
+			isFlex(val) {
+				// #ifndef APP-NVUE
+				this.flex = val;
+				// #endif
+			}
+		},
+		created() {
+			// #ifndef APP-NVUE
+			this.flex = this.isFlex;
+			// #endif
+			// #ifdef APP-NVUE
+			this.flex = true;
+			// #endif
+		},
+		computed: {
+			marginValue() {
+				// #ifndef APP-NVUE
+				if (this.gutter) {
+					return Number(this.gutter) / 2;
+				}
+				// #endif
+				return 0;
+			},
+			justifyClass() {
+				return this.justify !== 'start' ? `fui-row__${this.justify}` : ''
+			},
+			alignClass() {
+				return this.align !== 'top' ? `fui-row__${this.align}` : ''
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	/* #ifdef MP-WEIXIN || MP-TOUTIAO || MP-QQ */
+	:host {
+		position: relative;
+		box-sizing: border-box;
+		display: block;
+	}
+
+	/* #endif */
+
+	.fui-row__box {
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		-webkit-box-orient: horizontal;
+		-webkit-box-direction: normal;
+		/* #endif */
+		position: relative;
+		/* #ifdef MP-TOUTIAO || MP-QQ || MP-BAIDU */
+		display: block;
+		/* #endif */
+		flex-direction: row;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-row__box::before {
+		display: table;
+		content: " ";
+	}
+
+	.fui-row__box::after {
+		display: table;
+		content: " ";
+	}
+
+	.fui-row__box::after {
+		clear: both;
+	}
+
+	/* #endif */
+	.fui-row__flex {
+		/* #ifndef APP-NVUE*/
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+	}
+
+	.fui-row__middle {
+		align-items: center;
+	}
+
+	.fui-row__bottom {
+		align-items: flex-end;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-row__before {
+		display: table
+	}
+
+	/* #endif */
+
+	.fui-row__end {
+		justify-content: flex-end;
+	}
+
+	.fui-row__center {
+		justify-content: center;
+	}
+
+	.fui-row__space-around {
+		justify-content: space-around;
+	}
+
+	.fui-row__space-between {
+		justify-content: space-between;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-safe-area/fui-safe-area.vue b/components/firstui/fui-safe-area/fui-safe-area.vue
new file mode 100644
index 0000000..735651b
--- /dev/null
+++ b/components/firstui/fui-safe-area/fui-safe-area.vue
@@ -0,0 +1,72 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  18 6  1  40  7254 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-safe__area-wrap" :class="{'fui-safe__area-weex':iphonex}" :style="{background:background}"></view>
+</template>
+
+<script>
+	export default {
+		name: "fui-safe-area",
+		props: {
+			//背景颜色
+			background: {
+				type: String,
+				default: '#FFFFFF'
+			}
+		},
+		created() {
+			// #ifdef APP-NVUE || MP-TOUTIAO
+			this.iphonex = this.isPhoneX();
+			// #endif
+		},
+		data() {
+			return {
+				iphonex: false
+			};
+		},
+		methods: {
+			// #ifdef APP-NVUE || MP-TOUTIAO
+			isPhoneX() {
+				//34px
+				const res = uni.getSystemInfoSync();
+				let iphonex = false;
+				let models = ['iphonex', 'iphonexr', 'iphonexsmax', 'iphone11', 'iphone11pro', 'iphone11promax',
+					'iphone12', 'iphone12mini', 'iphone12pro', 'iphone12promax', 'iphone13', 'iphone13mini',
+					'iphone13pro', 'iphone13promax', 'iphone14', 'iphone14mini',
+					'iphone14pro', 'iphone14promax', 'iphone15', 'iphone15mini',
+					'iphone15pro', 'iphone15promax'
+				]
+				const model = res.model.replace(/\s/g, "").toLowerCase()
+				const newModel = model.split('<')[0]
+				if (models.includes(model) || models.includes(newModel) || (res.safeAreaInsets && res.safeAreaInsets
+						.bottom > 0)) {
+					iphonex = true;
+				}
+				return iphonex;
+			}
+			// #endif
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-safe__area-wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+
+		/* #ifndef APP-NVUE || MP-TOUTIAO */
+		padding-bottom: constant(safe-area-inset-bottom);
+		padding-bottom: env(safe-area-inset-bottom);
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+	}
+
+	/* #ifdef APP-NVUE || MP-TOUTIAO */
+	.fui-safe__area-weex {
+		padding-bottom: 34px;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-search-bar/fui-search-bar.vue b/components/firstui/fui-search-bar/fui-search-bar.vue
new file mode 100644
index 0000000..63dfbf1
--- /dev/null
+++ b/components/firstui/fui-search-bar/fui-search-bar.vue
@@ -0,0 +1,562 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  1 861   407254    9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-search__bar-wrap" :class="{'fui-searchbar__wrap-bg':!background}"
+		:style="{ background: background, paddingTop: paddingTb+'rpx',paddingBottom:paddingTb+'rpx',paddingLeft:paddingLr+'rpx',paddingRight:paddingLr+'rpx' }">
+		<slot></slot>
+		<view class="fui-search__bar-form" :style="{height: height+'rpx'}">
+			<view class="fui-search__bar-box"
+				:class="{'fui-searchbar__focus-invalid':!isFocus && !isSearch && showLabel && !disabled}"
+				:style="{ height: height+'rpx', borderRadius: radius+'rpx', background: inputBackground }"
+				v-if="showInput">
+				<view class="fui-search__bar-icon">
+					<view class="fui-sbi__circle"></view>
+					<view class="fui-sbi__line"></view>
+				</view>
+				<input ref="searchBarRef" class="fui-search__bar-input" :class="{'fui-sb__input-color':!color}"
+					:style="{color:color,height: height+'rpx'}" placeholder-class="fui-search__bar-pl"
+					:placeholder="plholder" :value="val" :focus="isFocus" :disabled="disabled" confirm-type="search"
+					@blur="inputBlur" @focus="inputFocus" @input="inputChange" @confirm="search" />
+				<view class="fui-sbi__clear-wrap" v-if="val.length > 0 && !disabled" @tap.stop="clearInput">
+					<view class="fui-sbi__clear">
+						<view class="fui-sbi__clear-a"></view>
+					</view>
+					<view class="fui-sbi__clear">
+						<view class="fui-sbi__clear-b"></view>
+					</view>
+				</view>
+			</view>
+			<view class="fui-search__bar-label" :class="[isLeft?'fui-sb__label-left':'fui-sb__label-center']"
+				:style="{ borderRadius: radius+'rpx', background: inputBackground }"
+				v-if="!isFocus && !isSearch && showLabel" @tap="onShowInput">
+				<view class="fui-search__bar-icon">
+					<view class="fui-sbi__circle"></view>
+					<view class="fui-sbi__line"></view>
+				</view>
+				<text class="fui-search__bar-text">{{ placeholder }}</text>
+			</view>
+		</view>
+		<text v-if="cancel && isSearch && !val && cancelText && cancelText!==true && cancelText!=='true'"
+			class="fui-search__bar-btn" :style="{ color: cancelColor }" @tap="hideInput">{{ cancelText }}</text>
+		<text v-if="val && !disabled && isSearch && searchText && searchText!==true && searchText!=='true'"
+			class="fui-search__bar-btn" :class="{'fui-sb__btn-color':!searchColor}" :style="{ color: getSearchColor }"
+			@tap="search">{{ searchText }}</text>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'fui-search-bar',
+		emits: ['clear', 'focus', 'blur', 'click', 'cancel', 'input', 'search'],
+		props: {
+			//搜索栏背景色
+			background: {
+				type: String,
+				// #ifdef APP-NVUE
+				default: '#F1F4FA'
+				// #endif
+				// #ifndef APP-NVUE
+				default: ''
+				// #endif
+			},
+			//搜索栏上下padding（padding-top，padding-bottom）
+			paddingTb: {
+				type: [Number, String],
+				default: 16
+			},
+			paddingLr: {
+				type: [Number, String],
+				default: 24
+			},
+			height: {
+				type: [Number, String],
+				default: 72
+			},
+			radius: {
+				type: [Number, String],
+				default: 8
+			},
+			color: {
+				type: String,
+				// #ifdef APP-NVUE
+				default: '#181818'
+				// #endif
+				// #ifndef APP-NVUE
+				default: ''
+				// #endif
+			},
+			//input框背景色
+			inputBackground: {
+				type: String,
+				default: '#fff'
+			},
+			focus: {
+				type: Boolean,
+				default: false
+			},
+			placeholder: {
+				type: String,
+				default: '请输入搜索关键词'
+			},
+			isLeft: {
+				type: Boolean,
+				default: false
+			},
+			value: {
+				type: String,
+				default: ''
+			},
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+			cancel: {
+				type: Boolean,
+				default: true
+			},
+			cancelText: {
+				type: String,
+				default: '取消'
+			},
+			cancelColor: {
+				type: String,
+				default: '#7F7F7F'
+			},
+			searchText: {
+				type: String,
+				default: '搜索'
+			},
+			searchColor: {
+				type: String,
+				default: ''
+			},
+			//是否显示搜索输入框
+			showInput: {
+				type: Boolean,
+				default: true
+			},
+			//是否显示输入框占位标签，当平台不支持focus属性时可隐藏
+			showLabel: {
+				type: Boolean,
+				default: true
+			},
+			//v2.1.0
+			fixed: {
+				type: Boolean,
+				default: false
+			}
+		},
+		created() {
+			this.val = this.value;
+			// #ifndef MP-WEIXIN
+			this.plholder = this.placeholder;
+			// #endif
+
+			// #ifdef MP-WEIXIN
+			if(!this.showLabel || !this.fixed || this.focus || this.val.length > 0){
+				this.plholder = this.placeholder;
+			}
+			// #endif
+
+			if (this.focus || this.val.length > 0) {
+				this.isSearch = true;
+			}
+		},
+		mounted() {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this.isFocus = this.focus;
+				}, 300)
+			})
+		},
+		watch: {
+			focus(val) {
+				this.$nextTick(() => {
+					setTimeout(() => {
+						this.isFocus = val;
+					}, 20)
+				})
+			},
+			// #ifdef APP-NVUE
+			isFocus(val) {
+				if (!this.$refs.searchBarRef) return;
+				this.$nextTick(() => {
+					setTimeout(() => {
+						if (val) {
+							this.$refs.searchBarRef.focus()
+						}
+					}, 50)
+				})
+			},
+			// #endif
+			value(val) {
+				this.val = val;
+				if (this.focus || this.val.length > 0) {
+					this.isSearch = true;
+				}
+			},
+			placeholder(val) {
+				// #ifndef MP-WEIXIN
+				this.plholder = this.placeholder;
+				// #endif
+
+				// #ifdef MP-WEIXIN
+				if(!this.showLabel || !this.fixed){
+					this.plholder = this.placeholder;
+				}
+				// #endif
+			}
+		},
+		computed: {
+			getSearchColor() {
+				let color = this.searchColor
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color
+			}
+		},
+		data() {
+			return {
+				isSearch: false,
+				isFocus: false,
+				val: '',
+				plholder: ''
+			};
+		},
+		methods: {
+			clearInput() {
+				this.val = '';
+				// #ifdef MP-TOUTIAO || MP-WEIXIN
+				this.isFocus = false;
+				uni.hideKeyboard()
+				// #endif
+				// #ifndef MP-TOUTIAO || MP-WEIXIN
+				this.isFocus = true;
+				// #endif
+				this.$emit('clear');
+			},
+			inputFocus(e) {
+				if (!this.showLabel) {
+					this.isSearch = true
+				} else {
+					// #ifdef H5 || MP-ALIPAY
+					this.onShowInput()
+					// #endif
+				}
+				this.$emit('focus', e);
+			},
+			inputBlur(e) {
+				this.isFocus = false;
+				if (!this.cancel && !this.val) {
+					// #ifdef MP-WEIXIN
+					if(this.fixed && this.showLabel){
+						this.plholder = '';
+					}
+					// #endif
+					this.isSearch = false;
+				}
+				this.$emit('blur', e);
+			},
+			onShowInput() {
+				if (!this.disabled && this.showInput) {
+					this.isSearch = true;
+					// #ifdef MP-WEIXIN
+					if(this.fixed && this.showLabel){
+						this.plholder = this.placeholder;
+					}
+					// #endif
+					this.$nextTick(() => {
+						setTimeout(() => {
+							this.isFocus = true;
+						}, 50)
+					})
+				}
+				this.$emit('click', {});
+			},
+			hideInput() {
+				// #ifdef MP-WEIXIN
+				if(this.fixed && this.showLabel){
+					this.plholder = '';
+				}
+				// #endif
+				this.isSearch = false;
+				this.isFocus = false;
+				uni.hideKeyboard()
+				this.$emit('cancel', {});
+			},
+			inputChange(e) {
+				this.val = e.detail.value;
+				this.$emit('input', e);
+			},
+			search() {
+				this.$emit('search', {
+					detail: {
+						value: this.val
+					}
+				});
+			},
+			reset() {
+				this.isSearch = false;
+				this.isFocus = false;
+				this.val = '';
+				uni.hideKeyboard()
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	.fui-search__bar-wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		position: relative;
+		align-items: center;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-searchbar__wrap-bg {
+		background: var(--fui-bg-color-grey, #F1F4FA) !important;
+	}
+
+	/* #endif */
+	.fui-search__bar-form {
+		position: relative;
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+		flex: 1;
+	}
+
+	.fui-search__bar-box {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+		flex: 1;
+		padding-left: 24rpx;
+		padding-right: 24rpx;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: row;
+		z-index: 1;
+		align-items: center;
+		/* #ifdef H5 || MP-ALIPAY */
+		opacity: 1;
+		/* #endif */
+	}
+
+	/* #ifdef H5 || MP-ALIPAY */
+	.fui-searchbar__focus-invalid {
+		position: relative;
+		opacity: 0;
+		z-index: 3;
+	}
+
+	/* #endif */
+
+	.fui-search__bar-input {
+		padding: 0 16rpx;
+		border: 0;
+		font-size: 28rpx;
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		box-sizing: border-box;
+		line-height: normal;
+		/* #endif */
+		flex: 1;
+		background: transparent;
+	}
+
+
+	/* #ifndef APP-NVUE */
+	.fui-search__bar-input:focus {
+		outline: none;
+	}
+
+	/* #endif */
+
+	.fui-search__bar-pl {
+		/* #ifndef APP-NVUE */
+		color: var(--fui-color-label, #B2B2B2) !important;
+		overflow: visible;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		color: #B2B2B2;
+		/* #endif */
+	}
+
+	/* #ifdef MP */
+	::v-deep .fui-search__bar-pl {
+		color: var(--fui-color-label, #B2B2B2);
+		overflow: visible;
+	}
+
+	/* #endif */
+
+	.fui-search__bar-label {
+		position: absolute;
+		top: 0;
+		right: 0;
+		bottom: 0;
+		left: 0;
+		z-index: 2;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+	}
+
+	.fui-sb__label-center {
+		justify-content: center;
+	}
+
+	.fui-sb__label-left {
+		padding-left: 24rpx;
+	}
+
+	.fui-search__bar-btn {
+		font-size: 30rpx;
+		margin-left: 24rpx;
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		/* #endif */
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-sb__input-color {
+		color: var(--fui-color-title, #181818) !important;
+	}
+
+	.fui-sb__btn-color {
+		color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+	.fui-search__bar-btn:active {
+		opacity: 0.5;
+	}
+
+	.fui-search__bar-text {
+		font-size: 28rpx;
+		/* line-height: 28rpx; */
+		padding-left: 16rpx;
+		/* #ifndef APP-NVUE */
+		color: var(--fui-color-label, #B2B2B2);
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		color: #B2B2B2;
+		/* #endif */
+	}
+
+	.fui-search__bar-icon {
+		/* #ifndef APP-NVUE */
+		display: inline-flex;
+		flex-shrink: 0;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		flex-direction: column;
+		transform: rotate(-45deg);
+		transform-origin: 56% center;
+	}
+
+	.fui-sbi__circle {
+		width: 24rpx;
+		height: 24rpx;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		border: 1px solid var(--fui-color-label, #B2B2B2);
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		border: 1px solid #B2B2B2;
+		/* #endif */
+		border-radius: 50%;
+	}
+
+	.fui-sbi__line {
+		width: 1px;
+		height: 12rpx;
+		/* #ifdef APP-NVUE */
+		background-color: #B2B2B2;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		background-color: var(--fui-color-label, #B2B2B2);
+		/* #endif */
+		border-bottom-left-radius: 6rpx;
+		border-bottom-right-radius: 6rpx;
+	}
+
+	.fui-sbi__clear-wrap {
+		width: 32rpx;
+		height: 32rpx;
+		/* #ifdef APP-NVUE */
+		background-color: #B2B2B2;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		background-color: var(--fui-color-label, #B2B2B2);
+		/* #endif */
+		transform: rotate(45deg);
+		position: relative;
+		/* #ifndef APP-NVUE */
+		border-radius: 50%;
+		flex-shrink: 0;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		border-radius: 32rpx;
+		/* #endif */
+
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-sbi__clear {
+		width: 32rpx;
+		height: 32rpx;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		position: absolute;
+		left: 0;
+		top: 0;
+		transform: scale(0.5) translateZ(0);
+	}
+
+	.fui-sbi__clear-a {
+		width: 32rpx;
+		border: 2rpx solid #fff;
+		background-color: #fff;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+	}
+
+	.fui-sbi__clear-b {
+		height: 32rpx;
+		border: 2rpx solid #fff;
+		background-color: #fff;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-section/fui-section.vue b/components/firstui/fui-section/fui-section.vue
new file mode 100644
index 0000000..6e77dc8
--- /dev/null
+++ b/components/firstui/fui-section/fui-section.vue
@@ -0,0 +1,205 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186  1   40 72  5  49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-sections__wrap"
+		:style="{marginTop:marginTop+'rpx',marginBottom:marginBottom+'rpx',background:background,paddingTop:padding[0] || 0,paddingRight:padding[1]||0,paddingBottom:padding[2] || padding[0]||0,paddingLeft:padding[3] || padding[1]||0}">
+		<view class="fui-sections__title" @tap="handleClick">
+			<view class="fui-sections__line" :class="{'fui-sections__line-color':!getLineColor}"
+				:style="{background:getLineColor,width:lineWidth,top:lineGap+'rpx',bottom:lineGap+'rpx',borderRadius:lineCap==='circle'?lineWidth:0,left:getLeft}"
+				v-if="isLine">
+			</view>
+			<slot></slot>
+			<text class="fui-sections__title-text" :style="getTitleStyle" v-if="title">{{title}}</text>
+			<slot name="right"></slot>
+		</view>
+		<view class="fui-sections__descr" :style="getDescrTop" v-if="descr">
+			<text class="fui-sections__descr-text" :style="getDescrStyle">{{descr}}</text>
+		</view>
+		<slot name="descr"></slot>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-section",
+		emits: ['click'],
+		props: {
+			title: {
+				type: String,
+				default: ''
+			},
+			//默认使用全局配置值
+			size: {
+				type: [Number, String],
+				default: 0
+			},
+			lineHeight: {
+				type: [Number, String],
+				default: 0
+			},
+			color: {
+				type: String,
+				default: ''
+			},
+			fontWeight: {
+				type: [Number, String],
+				default: 0
+			},
+			descr: {
+				type: String,
+				default: ''
+			},
+			descrSize: {
+				type: [Number, String],
+				default: 0
+			},
+			descrColor: {
+				type: String,
+				default: ''
+			},
+			descrTop: {
+				type: [Number, String],
+				default: 0
+			},
+			isLine: {
+				type: Boolean,
+				default: false
+			},
+			lineWidth: {
+				type: String,
+				default: '2px'
+			},
+			lineColor: {
+				type: String,
+				default: ''
+			},
+			//square、circle
+			lineCap: {
+				type: String,
+				default: 'circle'
+			},
+			//nvue android端不支持负数
+			lineRight: {
+				type: [Number, String],
+				default: 16
+			},
+			lineGap: {
+				type: [Number, String],
+				default: 0
+			},
+			background: {
+				type: String,
+				default: 'transparent'
+			},
+			padding: {
+				type: Array,
+				default () {
+					return ['0', '32rpx']
+				}
+			},
+			marginTop: {
+				type: [Number, String],
+				default: 0
+			},
+			marginBottom: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		computed: {
+			getLineColor() {
+				let color = this.lineColor;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					color = (uni && uni.$fui && uni.$fui.color.primary) || '#465CFF';
+				}
+				// #endif
+				return color;
+			},
+			getLeft() {
+				const left = Number(this.lineRight || 0)
+				return `${left >0 ? 0 :left}rpx`
+
+			},
+			getTitleStyle() {
+				const app = uni && uni.$fui && uni.$fui.fuiSection;
+				const size = this.size || (app && app.size) || 32;
+				const color = this.color || (app && app.color) || '#181818';
+				const weight = this.fontWeight || (app && app.fontWeight) || 600;
+				const left = Number(this.lineRight || 0)
+				let style =
+					`font-size:${size}rpx;color:${color};font-weight:${weight};padding-left:${left<=0 || !this.isLine ? 0 :left}rpx;`
+				style += `line-height:${this.lineHeight == 0?size:this.lineHeight}rpx`
+				return style;
+			},
+			getDescrStyle() {
+				const app = uni && uni.$fui && uni.$fui.fuiSection;
+				const size = this.descrSize || (app && app.descrSize) || 28;
+				const color = this.descrColor || (app && app.descrColor) || '#B2B2B2';
+				return `font-size:${size}rpx;color:${color};`
+			},
+			getDescrTop() {
+				const app = uni && uni.$fui && uni.$fui.fuiSection;
+				return 'padding-top:' + (this.descrTop || (app && app.descrTop) || 8) + 'rpx;'
+			}
+		},
+		methods: {
+			handleClick() {
+				this.$emit('click', {
+					title: this.title
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	/* 全局样式中包含 fui-section 避免影响*/
+	.fui-sections__wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		box-sizing: border-box;
+		/* #endif */
+	}
+
+	.fui-sections__title {
+		position: relative;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		word-break: break-all;
+		flex-shrink: 0;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+	}
+
+	.fui-sections__title-text {
+		/* #ifndef APP-NVUE */
+		word-break: break-all;
+		/* #endif */
+	}
+
+	.fui-sections__line {
+		position: absolute;
+		left: 0;
+	}
+
+	.fui-sections__descr {
+		/* #ifndef APP-NVUE */
+		word-break: break-all;
+		/* #endif */
+	}
+
+	.fui-sections__descr-text {
+		/* #ifndef APP-NVUE */
+		word-break: break-all;
+		/* #endif */
+		font-weight: 400;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-sections__line-color {
+		background: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-segmented-control/fui-segmented-control.vue b/components/firstui/fui-segmented-control/fui-segmented-control.vue
new file mode 100644
index 0000000..d25e0bd
--- /dev/null
+++ b/components/firstui/fui-segmented-control/fui-segmented-control.vue
@@ -0,0 +1,222 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 861 4 0  7254    9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-segmented__control" :class="{'fui-segmented__disabled':disabled}"
+		:style="{marginTop:marginTop+'rpx',marginBottom:marginBottom+'rpx'}">
+		<view class="fui-segmented__item" v-for="(item,index) in vals" :key="index"
+			:style="{borderTopLeftRadius:index===0?radius+'rpx':'0',borderBottomLeftRadius:index===0?radius+'rpx':'0',borderTopRightRadius:index===values.length - 1?radius+'rpx':'0',borderBottomRightRadius:index===values.length - 1?radius+'rpx':'0',borderColor:type==='button'?getColor:'transparent',background:currentIndex===index && type==='button'?getColor:'transparent',height:height+'rpx'}"
+			:class="{'fui-segmented__first':index===0 && type==='button','fui-seg__item-bg':currentIndex===index && !color && type==='button','fui-seg__item-border':!color && type==='button','fui-segmented__item-border':type==='button'}"
+			@click="handleClick(index)">
+			<text
+				:style="{fontSize:size+'rpx',color:currentIndex===index?activeColor:getColor,fontWeight:bold && currentIndex===index ?600:400}"
+				:class="{'fui-segmented__disabled':item.disabled,'fui-seg__text-color':!color && currentIndex!==index}">{{item.name}}</text>
+			<view class="fui-segmented__item-line" v-if="currentIndex===index && type==='text'"
+				:style="{background:activeColor}"></view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-segmented-control",
+		emits: ['click'],
+		props: {
+			values: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			current: {
+				type: Number,
+				default: 0
+			},
+			//button、text
+			type: {
+				type: String,
+				default: 'button'
+			},
+			color: {
+				type: String,
+				default: ''
+			},
+			activeColor: {
+				type: String,
+				default: '#fff'
+			},
+			bold: {
+				type: Boolean,
+				default: false
+			},
+			height: {
+				type: [Number, String],
+				default: 64
+			},
+			size: {
+				type: [Number, String],
+				default: 28
+			},
+			radius: {
+				type: [Number, String],
+				default: 8
+			},
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+			marginTop: {
+				type: [Number, String],
+				default: 0
+			},
+			marginBottom: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		computed:{
+			getColor(){
+				let color = this.color
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color
+			}
+		},
+		data() {
+			return {
+				currentIndex: 0,
+				vals: []
+			};
+		},
+		watch: {
+			current(val) {
+				if (val !== this.currentIndex) {
+					this.currentIndex = val
+				}
+			},
+			values(vals) {
+				this.initData(vals)
+			}
+		},
+		created() {
+			this.currentIndex = this.current
+			this.initData(this.values)
+		},
+		methods: {
+			initData(vals) {
+				if (vals && vals.length > 0) {
+					if (typeof vals[0] === 'object') {
+						this.vals = vals;
+					} else {
+						//字符串
+						this.vals = vals.map(item => {
+							return {
+								name: item
+							}
+						})
+					}
+				}
+			},
+			handleClick(index) {
+				let vals = this.vals[index];
+				if (this.currentIndex !== index && !this.disabled && !vals.disabled) {
+					this.currentIndex = index
+					this.$emit('click', {
+						index: index,
+						...vals
+					})
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-segmented__control {
+		flex: 1;
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: row;
+		overflow: hidden;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-segmented__item {
+		/* #ifndef APP-NVUE */
+		display: inline-flex;
+		box-sizing: border-box;
+		transition: all 0.1s linear;
+		/* #endif */
+		flex: 1;
+		justify-content: center;
+		align-items: center;
+		border-style: solid;
+		border-top-width: 0;
+		border-bottom-width: 0;
+		border-right-width: 0;
+		border-left-width: 0;
+		position: relative;
+	}
+
+	.fui-segmented__item-border {
+		/* #ifdef APP-NVUE */
+		border-top-width: 0.5px;
+		border-bottom-width: 0.5px;
+		border-right-width: 0.5px;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		border-top-width: 1px;
+		border-bottom-width: 1px;
+		border-right-width: 1px;
+		/* #endif */
+	}
+
+	.fui-segmented__item-line {
+		position: absolute;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		height: 2px;
+	}
+
+	.fui-segmented__disabled {
+		opacity: 0.5;
+		/* #ifdef H5 */
+		cursor: not-allowed !important;
+		/* #endif */
+	}
+
+	.fui-segmented__first {
+		border-left-style: solid;
+		/* #ifndef APP-NVUE */
+		border-left-width:1px;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		border-left-width: 0.5px;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-seg__item-bg {
+		background: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-seg__item-border {
+		border-color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-seg__text-color {
+		color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-select/fui-select.vue b/components/firstui/fui-select/fui-select.vue
new file mode 100644
index 0000000..eb77116
--- /dev/null
+++ b/components/firstui/fui-select/fui-select.vue
@@ -0,0 +1,783 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8    614 0725   4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view v-if="isShow || !isNvue" @touchmove.stop.prevent="stop">
+		<view class="fui-select__mask" :class="{'fui-select__mask-show':show}" :style="getStyles" @tap.stop="maskClose"
+			ref="fui_select_mk_ani"></view>
+		<view class="fui-select__wrap" ref="fui_select_ani"
+			:class="{'fui-select__wrap-show':show,'fui-select__weex-android':isAndroid,'fui-select__safe-weex':iphoneX && safeArea}"
+			:style="{borderTopLeftRadius:radius+'rpx',borderTopRightRadius:radius+'rpx',background:background,zIndex:zIndex}">
+			<slot>
+				<view class="fui-select__header"
+					:style="{background:headerBackground,borderTopLeftRadius:radius+'rpx',borderTopRightRadius:radius+'rpx'}">
+					<text class="fui-select__header-text"
+						:style="{fontSize:titleSize+'rpx',color:titleColor,fontWeight:fontWeight}">{{title}}</text>
+					<view class="fui-select__header-close" @tap.stop="handleClose">
+						<fui-icon name="close" color="#b2b2b2" :size="48"></fui-icon>
+					</view>
+					<view class="fui-select__header-line" :style="{background:lineColor}"></view>
+				</view>
+			</slot>
+			<scroll-view scroll-y class="fui-select__scroll" :show-scrollbar="false" :style="{height:height+'rpx'}">
+				<view class="fui-select__list">
+					<fui-list-cell v-for="(model,index) in itemList" :key="index"
+						:highlight="highlight && !model.disabled" :padding="padding"
+						:bottomBorder="splitLine && itemList.length-1!==index" :borderColor="lineColor"
+						:background="background" :bottomLeft="bottomLeft" :arrow="type==='list'"
+						:arrowColor="arrowColor" @click="itemClick(index)">
+						<view class="fui-select__item"
+							:class="{'fui-select__reverse':isReverse && type==='select','fui-sitem__disable':model.disabled}">
+							<view class="fui-select__checkbox"
+								:class="{'fui-select__is-checkmark ':isCheckMark,'fui-select__checkbox-color':(!checkboxColor || checkboxColor===true) && model.checked && !isCheckMark}"
+								:style="{background:model.checked && !isCheckMark ?getCheckboxColor:'transparent',borderColor:model.checked && !isCheckMark ?getCheckboxColor:borderColor}"
+								v-if="type==='select'">
+								<view class="fui-select__checkmark"
+									:style="{borderBottomColor:checkmarkColor,borderRightColor:checkmarkColor}"
+									v-if="model.checked"></view>
+							</view>
+							<view class="fui-select__flex">
+								<view class="fui-select__icon-box"
+									:class="{'fui-select__icon-ml':!isReverse && type==='select','fui-select__icon-mr':isReverse}"
+									:style="{width:iconWidth+'rpx',height:iconWidth+'rpx',backgroundColor:iconBgColor}"
+									v-if="model[srcKey]">
+									<image :src="model[srcKey]" :style="{width:iconWidth+'rpx',height:iconWidth+'rpx'}"
+										:mode="iconMode"></image>
+								</view>
+								<text class="fui-select__item-text"
+									:class="{'fui-select__text-pl':!isReverse && (type==='select' || model[srcKey]),'fui-select__text-pr':isReverse && (type==='select' || model[srcKey])}"
+									:style="{fontSize:size+'rpx',color:color}">{{model[textKey]}}</text>
+							</view>
+						</view>
+					</fui-list-cell>
+				</view>
+			</scroll-view>
+			<view class="fui-select__btn-wrap" v-if="type==='select'">
+				<view class="fui-select__btn" :class="{'fui-select__btn-color':!btnBackground}"
+					:style="{background:getBgColor}">
+					<text class="fui-select__btn" :class="['fui-select__btn-text']" :style="{color:btnColor}"
+						@tap.stop="handleClick">{{btnText}}</text>
+				</view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	//非easycom模式取消注释引入组件，按实际路径进行调整
+	// import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
+	// import fuiListCell from "@/components/firstui/fui-list-cell/fui-list-cell.vue"
+	export default {
+		name: "fui-select",
+		emits: ['click', 'confirm', 'close'],
+		// components:{
+		// 	fuiIcon,
+		// 	fuiListCell
+		// },
+		props: {
+			show: {
+				type: Boolean,
+				default: false
+			},
+			options: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			//v1.9.9+
+			textKey: {
+				type: String,
+				default: 'text'
+			},
+			//v1.9.9+
+			srcKey: {
+				type: String,
+				default: 'src'
+			},
+			height: {
+				type: [Number, String],
+				default: 600
+			},
+			type: {
+				type: String,
+				default: 'select'
+			},
+			radius: {
+				type: [Number, String],
+				default: 24
+			},
+			headerBackground: {
+				type: String,
+				default: '#fff'
+			},
+			title: {
+				type: String,
+				default: '请选择'
+			},
+			titleSize: {
+				type: [Number, String],
+				default: 32
+			},
+			titleColor: {
+				type: String,
+				default: '#181818'
+			},
+			fontWeight: {
+				type: [Number, String],
+				default: 400
+			},
+			multiple: {
+				type: Boolean,
+				default: false
+			},
+			background: {
+				type: String,
+				default: '#fff'
+			},
+			padding: {
+				type: Array,
+				default () {
+					return ['32rpx', '32rpx']
+				}
+			},
+			//选择框选中后颜色
+			checkboxColor: {
+				type: String,
+				default: ''
+			},
+			borderColor: {
+				type: String,
+				default: '#ccc'
+			},
+			isCheckMark: {
+				type: Boolean,
+				default: false
+			},
+			checkmarkColor: {
+				type: String,
+				default: '#fff'
+			},
+			isReverse: {
+				type: Boolean,
+				default: false
+			},
+			splitLine: {
+				type: Boolean,
+				default: true
+			},
+			lineColor: {
+				type: String,
+				default: '#EEEEEE'
+			},
+			bottomLeft: {
+				type: [Number, String],
+				default: 32
+			},
+			arrowColor: {
+				type: String,
+				default: '#B2B2B2'
+			},
+			highlight: {
+				type: Boolean,
+				default: true
+			},
+			iconWidth: {
+				type: [Number, String],
+				default: 48
+			},
+			iconBgColor: {
+				type: String,
+				default: 'rgba(0,0,0,0)'
+			},
+			iconMode: {
+				type: String,
+				default: 'widthFix'
+			},
+			size: {
+				type: [Number, String],
+				default: 30
+			},
+			color: {
+				type: String,
+				default: '#181818'
+			},
+			btnText: {
+				type: String,
+				default: '确定'
+			},
+			btnBackground: {
+				type: String,
+				default: ''
+			},
+			btnColor: {
+				type: String,
+				default: '#fff'
+			},
+			maskBackground: {
+				type: String,
+				default: 'rgba(0,0,0,.6)'
+			},
+			maskClosable: {
+				type: Boolean,
+				default: false
+			},
+			zIndex: {
+				type: [Number, String],
+				default: 1001
+			},
+			//是否适配底部安全区
+			safeArea: {
+				type: Boolean,
+				default: true
+			}
+		},
+		computed: {
+			getStyles() {
+				return `background:${this.maskBackground};z-index:${Number(this.zIndex)-1};`
+			},
+			getCheckboxColor() {
+				let color = this.checkboxColor
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color
+			},
+			getBgColor() {
+				let color = this.btnBackground
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color
+			}
+		},
+		watch: {
+			// #ifdef APP-NVUE
+			show: {
+				handler(newVal) {
+					if (newVal) {
+						this.open();
+					} else {
+						this.close();
+					}
+				},
+				immediate: true
+			},
+			// #endif
+			options(newVal) {
+				this.initData(newVal)
+			}
+		},
+		data() {
+			let isAndroid = false;
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			const res = uni.getSystemInfoSync();
+			isAndroid = res.platform.toLocaleLowerCase() == "android"
+			// #endif
+			return {
+				isNvue: isNvue,
+				isAndroid: isAndroid,
+				itemList: [],
+				index: -1,
+				isShow: false,
+				iphoneX: false
+			};
+		},
+		created() {
+			// #ifdef APP-NVUE || MP-TOUTIAO
+			this.iphoneX = this.isPhoneX();
+			// #endif
+			this.initData(this.options)
+		},
+		methods: {
+			// #ifdef APP-NVUE || MP-TOUTIAO
+			isPhoneX() {
+				if (!this.safeArea) return false;
+				//34px
+				const res = uni.getSystemInfoSync();
+				let iphonex = false;
+				let models = ['iphonex', 'iphonexr', 'iphonexsmax', 'iphone11', 'iphone11pro', 'iphone11promax',
+					'iphone12', 'iphone12mini', 'iphone12pro', 'iphone12promax', 'iphone13', 'iphone13mini',
+					'iphone13pro', 'iphone13promax', 'iphone14', 'iphone14mini',
+					'iphone14pro', 'iphone14promax', 'iphone15', 'iphone15mini',
+					'iphone15pro', 'iphone15promax'
+				]
+				const model = res.model.replace(/\s/g, "").toLowerCase()
+				const newModel = model.split('<')[0]
+				if (models.includes(model) || models.includes(model) || (res.safeAreaInsets && res.safeAreaInsets.bottom >
+						0)) {
+					iphonex = true;
+				}
+				return iphonex;
+			},
+			// #endif
+			// #ifdef APP-NVUE
+			open() {
+				this.isShow = true;
+				this.$nextTick(() => {
+					setTimeout(() => {
+						this._animation(true);
+					}, 50);
+				})
+			},
+			close() {
+				this._animation(false);
+			},
+			_animation(type) {
+				if (!this.$refs['fui_select_ani'] || !this.$refs['fui_select_mk_ani']) return;
+				animation.transition(
+					this.$refs['fui_select_mk_ani'].ref, {
+						styles: {
+							opacity: type ? 1 : 0
+						},
+						duration: 250,
+						timingFunction: 'ease-in-out',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {}
+				);
+				//android 部分手机隐藏时动画有抖动感，调整duration去动画
+				animation.transition(
+					this.$refs['fui_select_ani'].ref, {
+						styles: {
+							transform: `translateY(${type ? '0' : '100%'})`,
+							opacity: type ? 1 : 0
+						},
+						duration: 250,
+						timingFunction: 'ease-in-out',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {
+						if (!type) {
+							this.isShow = false
+						}
+					}
+				);
+			},
+			// #endif
+			initData(vals) {
+				vals = JSON.parse(JSON.stringify(vals))
+				if (vals && vals.length > 0) {
+					if (typeof vals[0] !== 'object') {
+						vals = vals.map(item => {
+							return {
+								[this.textKey]: item,
+								checked: false,
+								disabled: false
+							}
+						})
+					} else {
+						vals.map((item, index) => {
+							item.checked = item.checked || false
+							if (this.type === 'select' && !this.multiple && item.checked) {
+								this.index = index
+							}
+						})
+					}
+					this.itemList = vals;
+				}
+			},
+			itemClick(index) {
+				let vals = [...this.itemList]
+				let item = vals[index]
+				if (item && item.disabled) return;
+				if (this.type === 'select') {
+					if (this.multiple) {
+						item.checked = !item.checked;
+					} else {
+						vals.forEach((item, idx) => {
+							if (index === idx) {
+								item.checked = true
+							} else {
+								item.checked = false
+							}
+						})
+						this.index = index
+					}
+					this.itemList = vals;
+				} else {
+					this.$emit('click', {
+						index: index,
+						options: this.options[index]
+					})
+				}
+			},
+			handleClick() {
+				if (this.type !== 'select') return;
+				if (this.multiple) {
+					let items = []
+					this.itemList.forEach((item, idx) => {
+						if (item.checked) {
+							items.push(this.options[idx])
+						}
+					})
+					this.$emit('confirm', {
+						options: items
+					})
+				} else {
+					let index = this.index;
+					this.$emit('confirm', {
+						index: index,
+						options: index === -1 ? '' : this.options[this.index]
+					})
+				}
+
+			},
+			maskClose() {
+				if (!this.maskClosable) return;
+				this.handleClose()
+			},
+			handleClose() {
+				this.$emit('close', {})
+			},
+			stop() {}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-select__mask {
+		position: fixed;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		/* #ifndef APP-NVUE */
+		transition: all ease-in-out .3s;
+		visibility: hidden;
+		opacity: 0;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		opacity: 0.001;
+		/* #endif */
+
+	}
+
+
+	.fui-select__mask-show {
+		/* #ifndef APP-NVUE */
+		opacity: 1;
+		visibility: visible;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		opacity: 1;
+		/* #endif */
+	}
+
+
+	.fui-select__wrap {
+		position: fixed;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		transform: translate3d(0, 100%, 0);
+		transition: all 0.3s ease-in-out;
+		min-height: 20rpx;
+		opacity: 0;
+		visibility: hidden;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		flex-direction: column;
+		/* transition-property: transform;
+		transition-duration: 0.3s; */
+		transform: translateY(100%);
+		/* #endif */
+
+		/* #ifndef APP-NVUE || MP-TOUTIAO */
+		padding-bottom: constant(safe-area-inset-bottom);
+		padding-bottom: env(safe-area-inset-bottom);
+		/* #endif */
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-select__weex-android {
+		transform: translateY(950rpx);
+	}
+
+	/* #endif */
+
+
+	.fui-select__wrap-show {
+		/* #ifndef APP-NVUE */
+		transform: translate3d(0, 0, 0);
+		opacity: 1;
+		visibility: visible;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		/* transform: translateY(0); */
+		/* #endif */
+	}
+
+
+
+	.fui-select__scroll {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		width: 750rpx;
+		/* #endif */
+	}
+
+	.fui-select__list {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+	}
+
+	.fui-select__item {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		align-items: center;
+		position: relative;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-sitem__disable {
+		opacity: .5;
+		/* #ifdef H5 */
+		cursor: not-allowed;
+		/* #endif */
+	}
+
+	.fui-select__flex {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		align-items: center;
+	}
+
+	.fui-select__reverse {
+		justify-content: space-between;
+		flex-direction: row-reverse;
+	}
+
+	.fui-select__checkbox {
+		font-size: 0;
+		color: rgba(0, 0, 0, 0);
+		width: 40rpx;
+		height: 40rpx;
+		border-width: 1px;
+		border-style: solid;
+		/* #ifdef APP-NVUE */
+		border-radius: 40rpx;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		display: inline-flex;
+		box-sizing: border-box;
+		border-radius: 50%;
+		vertical-align: top;
+		flex-shrink: 0;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		overflow: hidden;
+		position: relative;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-select__checkbox-color {
+		background: var(--fui-color-primary, #465CFF) !important;
+		border-color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-select__btn-color {
+		background: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+	.fui-select__is-checkmark {
+		border-width: 0 !important;
+		background: transparent !important;
+	}
+
+	.fui-select__checkmark {
+		width: 20rpx;
+		height: 40rpx;
+		border-bottom-style: solid;
+		border-bottom-width: 3px;
+		border-bottom-color: #FFFFFF;
+		border-right-style: solid;
+		border-right-width: 3px;
+		border-right-color: #FFFFFF;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		transform: rotate(45deg) scale(0.5) translateZ(0);
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		transform: rotate(45deg) scale(0.5);
+		/* #endif */
+		transform-origin: 54% 48%;
+	}
+
+	.fui-select__item-text {
+		/* #ifndef APP-NVUE */
+		word-break: break-all;
+		/* #endif */
+		font-weight: normal;
+	}
+
+	.fui-select__text-pl {
+		padding-left: 24rpx;
+	}
+
+	.fui-select__text-pr {
+		padding-right: 24rpx;
+	}
+
+	.fui-select__icon-box {
+		overflow: hidden;
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		display: flex;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+	}
+
+	.fui-select__icon-ml {
+		margin-left: 24rpx;
+	}
+
+	.fui-select__icon-mr {
+		margin-right: 24rpx;
+	}
+
+	.fui-select__header {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		width: 750rpx;
+		/* #endif */
+		height: 98rpx;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		position: relative;
+	}
+
+	.fui-select__header-line {
+		position: absolute;
+		left: 0;
+		bottom: 0;
+		right: 0;
+		/* #ifdef APP-NVUE */
+		height: 0.5px;
+		z-index: -1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		height: 1px;
+		-webkit-transform: scaleY(0.5);
+		transform: scaleY(0.5);
+		transform-origin: 0 100%;
+		z-index: 1;
+		/* #endif */
+	}
+
+	.fui-select__header-text {
+		text-align: center;
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		white-space: nowrap;
+		overflow: hidden;
+		box-sizing: border-box;
+		/* #endif */
+		text-overflow: ellipsis;
+		/* #ifdef APP-NVUE */
+		lines: 1;
+		/* #endif */
+		flex: 1;
+		padding: 0 88rpx;
+	}
+
+	.fui-select__header-close {
+		width: 50rpx;
+		height: 50rpx;
+		position: absolute;
+		right: 32rpx;
+		top: 24rpx;
+		text-align: right;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-select__btn-wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		padding: 32rpx;
+	}
+
+	.fui-select__btn {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		height: 88rpx;
+		border-radius: 44rpx;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+		font-size: 32rpx;
+		font-weight: normal;
+		text-align: center;
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-select__btn-text {
+		line-height: 88rpx;
+	}
+
+	/* #endif */
+	.fui-select__btn-text:active {
+		background: rgba(0, 0, 0, .2);
+	}
+
+	/* #ifdef APP-NVUE || MP-TOUTIAO */
+	.fui-select__safe-weex {
+		padding-bottom: 34px;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-share-sheet/fui-share-sheet.vue b/components/firstui/fui-share-sheet/fui-share-sheet.vue
new file mode 100644
index 0000000..23c47e5
--- /dev/null
+++ b/components/firstui/fui-share-sheet/fui-share-sheet.vue
@@ -0,0 +1,594 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1   861  407254     9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view @touchend="stop">
+		<view class="fui-share__sheet-mask" :style="getStyle" :class="{'fui-ss__mask-show':show}" ref="fui_ssm_ani"
+			@tap.stop="maskClick">
+		</view>
+		<view class="fui-share__sheet-wrap"
+			:class="{'fui-share__sheet-radius':radius,'fui-share__sheet-show':show,'fui-share__sheet-hidden':nvueHidden}"
+			:style="{zIndex:zIndex,background:background}" ref="fui_ss_ani">
+			<slot>
+				<text class="fui-share__sheet-title"
+					:style="{fontSize:size+'rpx',color:color}">{{!title || title==='true'  || title===true?'':title}}</text>
+			</slot>
+			<view class="fui-share__sheet-box" v-for="(item,index) in items" :key="item.id">
+				<scroll-view :show-scrollbar="false" :scroll-x="true" class="fui-share__sheet-scroll">
+					<view class="fui-share__sheet-list" :class="{'fui-share__sheet-full':isFull}"
+						:style="{paddingLeft:padding+'rpx',paddingRight:padding+'rpx'}">
+						<view class="fui-share__sheet-item" @tap.stop="handleClick($event,index,idx)"
+							v-for="(obj,idx) in item.data" :key="idx">
+							<view class="fui-share__sheet-icon"
+								:style="{background:obj.background || itemBackground,width:width+'rpx',height:width+'rpx'}">
+								<fui-icon :name="obj.name" :size="obj.size || 120" :color="obj.color || '#181818'"
+									v-if="obj.name"></fui-icon>
+								<image class="fui-share__sheet-img"
+									:style="{width:(obj.width || 96)+'rpx',height:(obj.width || 96)+'rpx'}"
+									:src="obj.src" mode="widthFix" v-if="obj.src"></image>
+							</view>
+							<text class="fui-share__sheet-text"
+								:style="{fontSize:(obj.textSize || 24) + 'rpx',color:obj.textColor || '#7f7f7f'}">{{obj.text}}</text>
+							<!-- #ifndef APP-NVUE -->
+							<button class="fui-sharesheet__btn" :open-type="obj.openType" v-if="obj.openType"></button>
+							<!-- #endif -->
+						</view>
+					</view>
+				</scroll-view>
+			</view>
+			<view class="fui-share__sheet-button" :class="{'fui-ss__safe-weex':iphoneX && safeArea }"
+				:style="{background:btnBackground}">
+				<text class="fui-share__sheet-btn" :class="{'fui-ss__safe-weex':iphoneX && safeArea}"
+					:style="{fontSize:btnSize+'rpx',color:btnColor}" @tap.stop="cancel">{{btnText}}</text>
+				<view class="fui-ss__btn-line" :style="{background:lineColor}"></view>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	//非easycom模式取消注释引入字体组件，按实际路径进行调整
+	// import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	export default {
+		name: "fui-share-sheet",
+		emits: ['click', 'cancel'],
+		// components:{
+		// 	fuiIcon
+		// },
+		props: {
+			show: {
+				type: Boolean,
+				default: false
+			},
+			itemList: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			width: {
+				type: [Number, String],
+				default: 108
+			},
+			itemBackground: {
+				type: String,
+				default: 'transparent'
+			},
+			radius: {
+				type: Boolean,
+				default: true
+			},
+			background: {
+				type: String,
+				default: '#EAEAEA'
+			},
+			title: {
+				type: String,
+				default: '分享到'
+			},
+			size: {
+				type: [Number, String],
+				default: 24
+			},
+			color: {
+				type: String,
+				default: '#7f7f7f'
+			},
+			btnText: {
+				type: String,
+				default: '取消'
+			},
+			btnSize: {
+				type: [Number, String],
+				default: 32
+			},
+			btnColor: {
+				type: String,
+				default: '#181818'
+			},
+			btnBackground: {
+				type: String,
+				default: 'transparent'
+			},
+			lineColor: {
+				type: String,
+				default: '#ddd'
+			},
+			maskBackground: {
+				type: String,
+				default: 'rgba(0,0,0,.6)'
+			},
+			maskClosable: {
+				type: Boolean,
+				default: false
+			},
+			zIndex: {
+				type: [Number, String],
+				default: 1001
+			},
+			isFull: {
+				type: Boolean,
+				default: false
+			},
+			padding: {
+				type: [Number, String],
+				default: 20
+			},
+			//是否适配底部安全区
+			safeArea: {
+				type: Boolean,
+				default: true
+			}
+		},
+		data() {
+			return {
+				items: [],
+				iphoneX: false,
+				nvueHidden: true
+			};
+		},
+		created() {
+			// #ifdef APP-NVUE || MP-TOUTIAO
+			this.iphoneX = this.isPhoneX();
+			// #endif
+			this.initData(this.itemList)
+		},
+		// #ifdef APP-NVUE
+		mounted() {
+			this.$nextTick(() => {
+				if (!this.$refs['fui_ssm_ani'] || !this.$refs['fui_ss_ani']) {
+					setTimeout(() => {
+						this.hiddenNvueLayer()
+					}, 50)
+				} else {
+					this.hiddenNvueLayer()
+				}
+				this.nvueHidden = false;
+			})
+		},
+		// #endif
+		computed: {
+			getStyle() {
+				return `background:${this.maskBackground};z-index:${Number(this.zIndex-10)};`
+			}
+		},
+		watch: {
+			// #ifdef APP-NVUE
+			show: {
+				handler(newVal) {
+					if (newVal) {
+						this.open();
+					} else {
+						this.close();
+					}
+				},
+				immediate: true
+			},
+			// #endif
+			itemList(val) {
+				this.initData(val)
+			}
+		},
+		methods: {
+			hiddenNvueLayer() {
+				if (!this.$refs['fui_ssm_ani'] || !this.$refs['fui_ss_ani']) return;
+				this._transtion('fui_ssm_ani', {
+					transform: 'translateX(-100%)'
+				}, 0)
+				this._transtion('fui_ss_ani', {
+					transform: 'translateY(100%)'
+				}, 0)
+			},
+			initData(vals) {
+				if (vals && vals.length > 0) {
+					if (Array.isArray(vals[0])) {
+						vals = vals.map((item, index) => {
+							return {
+								id: 'fui_s0' + index,
+								data: item
+							}
+						})
+						this.items = vals
+					} else {
+						this.items = [{
+							id: 'fui_s01',
+							data: vals
+						}]
+					}
+				}
+			},
+			// #ifdef APP-NVUE
+			open() {
+				setTimeout(() => {
+					this._animation(true);
+				}, 20);
+			},
+			close() {
+				this._animation(false);
+			},
+			_transtion(ref, styles, duration, callback) {
+				animation.transition(
+					this.$refs[ref].ref, {
+						styles: styles,
+						duration: duration,
+						needLayout: false,
+						delay: 0 //ms
+					}, () => {
+						callback && callback()
+					});
+			},
+			_animation(type) {
+				if (!this.$refs['fui_ssm_ani'] || !this.$refs['fui_ss_ani']) return;
+				if (type) {
+					this._transtion('fui_ssm_ani', {
+						transform: 'translateX(0)'
+					}, 0, () => {
+						this._transtion('fui_ssm_ani', {
+							opacity: 1
+						}, 250)
+					})
+				} else {
+					this._transtion('fui_ssm_ani', {
+						opacity: 0
+					}, 250, () => {
+						this._transtion('fui_ssm_ani', {
+							transform: 'translateX(-100%)'
+						}, 0)
+					})
+				}
+				this._transtion('fui_ss_ani', {
+					transform: `translateY(${type ? '0' : '100%'})`
+				}, 250)
+			},
+			// #endif
+			// #ifdef APP-NVUE || MP-TOUTIAO
+			isPhoneX() {
+				if (!this.safeArea) return false;
+				//34px
+				const res = uni.getSystemInfoSync();
+				let iphonex = false;
+				let models = ['iphonex', 'iphonexr', 'iphonexsmax', 'iphone11', 'iphone11pro', 'iphone11promax',
+					'iphone12', 'iphone12mini', 'iphone12pro', 'iphone12promax', 'iphone13', 'iphone13mini',
+					'iphone13pro', 'iphone13promax', 'iphone14', 'iphone14mini',
+					'iphone14pro', 'iphone14promax'
+				]
+				const model = res.model.replace(/\s/g, "").toLowerCase()
+				const newModel = model.split('<')[0]
+				if (models.includes(model) || models.includes(newModel) || (res.safeAreaInsets && res.safeAreaInsets
+						.bottom > 0)) {
+					iphonex = true;
+				}
+				return iphonex;
+			},
+			// #endif
+			maskClick(e) {
+				if (!this.maskClosable) return;
+				this.cancel(e)
+			},
+			cancel(e) {
+				// #ifdef APP-NVUE
+				e.stopPropagation();
+				// #endif
+				this.$emit('cancel', {})
+			},
+			handleClick(e, index, idx) {
+				// #ifdef APP-NVUE
+				e.stopPropagation();
+				// #endif
+				if (Array.isArray(this.itemList[0])) {
+					this.$emit('click', {
+						index: index,
+						subIndex: idx,
+						item: this.itemList[index][idx]
+					})
+
+				} else {
+					this.$emit('click', {
+						index: idx,
+						item: this.itemList[idx]
+					})
+				}
+			},
+			stop(e) {
+				// #ifdef APP-NVUE
+				e.stopPropagation();
+				// #endif
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-share__sheet-mask {
+		position: fixed;
+		top: 0;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		/* #ifndef APP-NVUE */
+		transition: all 0.25s ease-in-out;
+		visibility: hidden;
+		opacity: 0;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		transition-property: opacity;
+		transition-timing-function: ease-in-out;
+		transition-duration: .25s;
+		opacity: 0.001;
+		/* #endif */
+	}
+
+	.fui-ss__mask-show {
+		/* #ifndef APP-NVUE */
+		visibility: visible;
+		/* #endif */
+		opacity: 1 !important;
+	}
+
+	.fui-share__sheet-wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		visibility: hidden;
+		min-height: 100rpx;
+		/* #endif */
+		position: fixed;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		/* #ifndef APP-NVUE */
+		transform: translate3d(0, 100%, 0);
+		transition: all 0.25s ease-in-out;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		transform: translateY(100%);
+		/* #endif */
+		transform-origin: center center;
+		flex-direction: column;
+	}
+
+	.fui-share__sheet-radius {
+		border-top-left-radius: 24rpx;
+		border-top-right-radius: 24rpx;
+		/* #ifndef APP-NVUE */
+		overflow: hidden;
+		/* #endif */
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-share__sheet-hidden {
+		opacity: 0.001;
+	}
+
+	/* #endif */
+
+	.fui-share__sheet-show {
+		/* #ifndef APP-NVUE */
+		transform: translate3d(0, 0, 0);
+		visibility: visible;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		opacity: 1;
+		/* #endif */
+	}
+
+	.fui-share__sheet-title {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+		flex: 1;
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+		font-size: 24rpx;
+		color: #7F7F7F;
+		padding: 24rpx 0;
+		font-weight: normal;
+	}
+
+	.fui-share__sheet-box {
+		/* #ifdef APP-NVUE */
+		width: 100%;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		width: 750rpx;
+		/* #endif */
+		padding: 24rpx 0;
+		opacity: 1;
+	}
+
+	.fui-share__sheet-scroll {
+		/* #ifdef APP-NVUE */
+		width: 750rpx;
+		/* #endif */
+		flex-direction: row;
+	}
+
+	.fui-share__sheet-list {
+		/* #ifndef APP-NVUE */
+		white-space: nowrap;
+		display: inline-flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		padding: 0 20rpx;
+	}
+
+	.fui-share__sheet-full {
+		/* #ifndef APP-NVUE */
+		min-width: 100%;
+		box-sizing: border-box;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+		justify-content: space-between;
+	}
+
+	.fui-share__sheet-item {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		flex-shrink: 0;
+		/* #endif */
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		padding: 0 16rpx;
+		position: relative;
+	}
+
+	.fui-share__sheet-item:active {
+		opacity: .5;
+	}
+
+	.fui-sharesheet__btn {
+		position: absolute;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		border-width: 0;
+		background-color: rgba(0, 0, 0, 0);
+		opacity: 0;
+		/* #ifndef APP-NVUE */
+		z-index: 1;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-sharesheet__btn::after {
+		border-width: 0;
+	}
+
+	/* #endif */
+
+	.fui-share__sheet-icon {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		transform: translateZ(0);
+		/* #endif */
+		border-radius: 24rpx;
+		align-items: center;
+		justify-content: center;
+		overflow: hidden;
+	}
+
+	.fui-share__sheet-img {
+		/* #ifndef APP-NVUE */
+		display: block;
+		/* #endif */
+		width: 96rpx;
+		height: 96rpx;
+	}
+
+	.fui-share__sheet-text {
+		font-size: 24rpx;
+		font-weight: normal;
+		padding-top: 16rpx;
+	}
+
+	.fui-share__sheet-button {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: content-box;
+		/* #endif */
+
+		/* #ifndef APP-NVUE || MP-TOUTIAO */
+		padding-bottom: constant(safe-area-inset-bottom);
+		padding-bottom: env(safe-area-inset-bottom);
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+		height: 96rpx;
+		align-items: center;
+		justify-content: center;
+		position: relative;
+		margin-top: 24rpx;
+		position: relative;
+	}
+
+	.fui-ss__btn-line {
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		/* #ifdef APP-NVUE */
+		height: 0.5px;
+		z-index: -1;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		height: 1px;
+		-webkit-transform: scaleY(0.5);
+		transform: scaleY(0.5);
+		transform-origin: 0 0;
+		z-index: 1;
+		pointer-events: none;
+		/* #endif */
+	}
+
+	.fui-share__sheet-btn {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		z-index: 2;
+		font-weight: normal;
+		box-sizing: content-box;
+		/* #endif */
+
+		/* #ifndef APP-NVUE || MP-TOUTIAO */
+		padding-bottom: constant(safe-area-inset-bottom);
+		padding-bottom: env(safe-area-inset-bottom);
+		/* #endif */
+		position: absolute;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		text-align: center;
+		line-height: 96rpx;
+		justify-content: center;
+		align-items: center;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	/* #ifdef APP-NVUE || MP-TOUTIAO */
+	.fui-ss__safe-weex {
+		/* #ifdef APP-NVUE */
+		height: 164rpx;
+		/* #endif */
+		padding-bottom: 34px;
+	}
+
+	/* #endif */
+
+	.fui-share__sheet-btn:active {
+		background: rgba(0, 0, 0, .2);
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-single-input/fui-single-input.vue b/components/firstui/fui-single-input/fui-single-input.vue
new file mode 100644
index 0000000..277887f
--- /dev/null
+++ b/components/firstui/fui-single-input/fui-single-input.vue
@@ -0,0 +1,544 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1    8 6 1 407  25 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-single__input-wrap" :style="{marginTop:marginTop+'rpx',marginBottom:marginBottom+'rpx'}"
+		@tap="onAliClick">
+		<view class="fui-single__input" :style="{paddingLeft:padding+'rpx',paddingRight:padding+'rpx'}"
+			:class="{'fui-sinput__disabled':disabled}">
+			<view class="fui-sinput__item"
+				:class="{'fui-sinput__border-color':!borderColor && activeIndex!==index && !inputVal[index],'fui-sinput__active-color':!activeColor && (activeIndex===index || inputVal[index])}"
+				:style="{width:width+'rpx',height:height+'rpx',background:background,borderRadius:radius+'rpx',borderColor:activeIndex===index || inputVal[index]?getActiveColor:borderColor,borderTopWidth:(border==1?borderWidth:0)+'rpx',borderLeftWidth:(border==1?borderWidth:0)+'rpx',borderRightWidth:(border==1?borderWidth:0)+'rpx',borderBottomWidth:(border==1 || border==2?borderWidth:0)+'rpx'}"
+				@tap="onTap" v-for="(item,index) in inputArr" :key="index">
+				<text class="fui-sinput__text" :class="{'fui-sinput__color':!color}"
+					:style="{width:width+'rpx',height:height+'rpx',fontSize:size+'rpx',lineHeight:height+'rpx',color:color,fontWeight:fontWeight}">{{password?(inputVal[index] ? '●':''):(inputVal[index] || '')}}</text>
+				<text class="fui-sinput__placeholder"
+					:style="{fontSize:size+'rpx',fontWeight:fontWeight}">{{password?(inputVal[index] ? '●':''):(inputVal[index] || '')}}</text>
+				<view class="fui-sinput__cursor"
+					:class="{'fui-sinput__cursor-color':!cursorColor,'fui-sinput__cursor-ani':activeIndex===index && focus}"
+					:ref="item" v-if="cursor && !disabled" :style="{height:cursorHeight+'rpx',background:getCursorColor}">
+				</view>
+			</view>
+		</view>
+		<!-- #ifdef APP-NVUE -->
+		<input ref="inputRef" :value="val" :password="password" :type="type" class="fui-sinput__hidden"
+			:class="{'fui-sinput__alizero':aliZero}" @input="onInput" @blur="onBlur" :maxlength="length" v-if="native"
+			:disabled="disabled" @confirm="onConfirm" @focus="onTap" />
+		<!-- #endif -->
+		<!-- #ifndef APP-NVUE -->
+		<input ref="inputRef" :value="val" :password="password" :type="type" class="fui-sinput__hidden"
+			:class="{'fui-sinput__alizero':aliZero}" @input="onInput" @blur="onBlur" :focus="focus" :maxlength="length"
+			v-if="native" :disabled="disabled" @confirm="onConfirm" @focus="onTap" />
+		<!-- #endif -->
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	export default {
+		name: "fui-single-input",
+		emits: ['complete', 'focus', 'input', 'blur', 'confirm'],
+		props: {
+			//组件外层左右padding值
+			padding: {
+				type: [Number, String],
+				default: 88
+			},
+			marginTop: {
+				type: [Number, String],
+				default: 0
+			},
+			marginBottom: {
+				type: [Number, String],
+				default: 0
+			},
+			//native为false时，自定义键盘时输入的值；native为true时初始值。不可超过length长度
+			value: {
+				type: String,
+				default: ''
+			},
+			//native为true时有效，H5不支持动态切换type类型
+			type: {
+				type: String,
+				default: 'text'
+			},
+			password: {
+				type: Boolean,
+				default: false
+			},
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+			//获取焦点
+			isFocus: {
+				type: Boolean,
+				default: false
+			},
+			//是否弹起原生键盘，设为false，则结合自定义键盘使用
+			native: {
+				type: Boolean,
+				default: true
+			},
+			cursor: {
+				type: Boolean,
+				default: true
+			},
+			cursorColor: {
+				type: String,
+				default: ''
+			},
+			cursorHeight: {
+				type: [Number, String],
+				default: 60
+			},
+			//内容长度/输入框个数，一般4~6个字符，请控制在6个或以下
+			length: {
+				type: Number,
+				default: 4
+			},
+			width: {
+				type: [Number, String],
+				default: 112
+			},
+			height: {
+				type: [Number, String],
+				default: 112
+			},
+			background: {
+				type: String,
+				default: 'transparent'
+			},
+			//1-显示所有边框 2-只显示底部边框，3-无边框
+			border: {
+				type: [Number, String],
+				default: 2
+			},
+			// #ifdef APP-NVUE
+			borderColor: {
+				type: String,
+				default: '#eee'
+			},
+			// #endif
+			// #ifndef APP-NVUE
+			borderColor: {
+				type: String,
+				default: ''
+			},
+			// #endif
+			activeColor: {
+				type: String,
+				default: ''
+			},
+			borderWidth: {
+				type: [Number, String],
+				default: 4
+			},
+			radius: {
+				type: [Number, String],
+				default: 0
+			},
+			size: {
+				type: [Number, String],
+				default: 48
+			},
+			// #ifdef APP-NVUE
+			color: {
+				type: String,
+				default: '#181818'
+			},
+			// #endif
+			// #ifndef APP-NVUE
+			color: {
+				type: String,
+				default: ''
+			},
+			// #endif
+			fontWeight: {
+				type: [Number, String],
+				default: 600
+			}
+		},
+		computed:{
+			getCursorColor() {
+				let color = this.cursorColor
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color
+			},
+			getActiveColor() {
+				let color = this.activeColor
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color
+			}
+		},
+		data() {
+			return {
+				inputArr: [],
+				inputVal: [],
+				focus: false,
+				// #ifdef APP-NVUE
+				opacity: 0,
+				stop: false,
+				ref: '',
+				// #endif
+				activeIndex: -1,
+				aliZero: false,
+				val: ''
+			};
+		},
+		watch: {
+			length(val) {
+				const nums = Number(val);
+				if (nums !== this.inputArr.length) {
+					this.inputArr = this.getArr(nums)
+				}
+			},
+			value(val) {
+				this.focus = true;
+				val = val.replace(/\s+/g, "")
+				this.getVals(val)
+			},
+			// #ifdef APP-NVUE
+			activeIndex(val) {
+				if (val == -1 || val == this.length) {
+					this.stop = true;
+					this.opacity = 1;
+				} else {
+					this.stop = false;
+					const ref = this.inputArr[val]
+					this.ref = ref;
+					this.opacity = 0;
+					this._animation(ref)
+				}
+			},
+			focus(val) {
+				if (!this.$refs.inputRef) return;
+				if (val) {
+					this.$refs.inputRef.focus()
+				} else {
+					this.$refs.inputRef.blur()
+				}
+			},
+			// #endif
+			isFocus(val) {
+				this.initFocus(val)
+			}
+		},
+		created() {
+			this.inputArr = this.getArr(Number(this.length))
+			let val = this.value.replace(/\s+/g, "")
+			this.getVals(val, true)
+		},
+		mounted() {
+			// #ifndef MP-TOUTIAO
+			setTimeout(() => {
+				this.initFocus(this.isFocus)
+			}, 200)
+			// #endif
+
+			// #ifdef MP-TOUTIAO
+			setTimeout(() => {
+				this.initFocus(this.isFocus)
+			}, 300)
+			// #endif
+		},
+		//nvue暂不支持vue3，所以不需要做兼容,此处以防后续兼容
+		// #ifdef APP-NVUE
+		// #ifndef VUE3
+		beforeDestroy() {
+			this.stop = true;
+		},
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+			this.stop = true;
+		},
+		// #endif
+		// #endif
+		methods: {
+			initFocus(val) {
+				if (this.disabled) return;
+				if (val && this.activeIndex === -1) {
+					this.activeIndex = 0
+				}
+				if (!this.value && !val) {
+					this.activeIndex = -1
+				}
+				this.$nextTick(() => {
+					this.focus = val
+					if (this.focus && !this.native) {
+						this.onTap()
+					}
+				})
+			},
+			getArr(end) {
+				let arr = Array.from(new Array(end + 1).keys()).slice(1);
+				arr = arr.map(item => {
+					const ref = `fui_ref_${Math.ceil(Math.random() * 10e5).toString(36)}`
+					return ref
+				})
+				return arr;
+			},
+			// #ifdef APP-NVUE
+			_animation(ref) {
+				if (!this.$refs[ref] || this.stop || this.ref != ref) return;
+				animation.transition(this.$refs[ref][0].ref, {
+					styles: {
+						opacity: this.opacity
+					},
+					duration: 400, //ms
+					timingFunction: 'linear',
+					iterationCount: 'infinite',
+					needLayout: false,
+					delay: 0 //ms
+				}, () => {
+					this.opacity = this.opacity == 0 ? 1 : 0;
+					setTimeout(() => {
+						this._animation(ref)
+					}, 200)
+				});
+			},
+			// #endif
+			getVals(val, init = false) {
+				this.val = val
+				if (!val) {
+					this.inputVal = []
+					this.activeIndex = init ? -1 : 0;
+				} else {
+					let vals = val.split('')
+					let arr = []
+					this.inputArr.forEach((item, index) => {
+						arr.push(vals[index] || '')
+					})
+					this.inputVal = arr
+					const len = vals.length;
+					this.activeIndex = len > this.length ? this.length : len;
+					if (len === this.length) {
+						this.$emit('complete', {
+							detail: {
+								value: val
+							}
+						})
+						this.focus = false;
+						uni.hideKeyboard()
+					}
+				}
+			},
+			onTap() {
+				if (this.disabled) return;
+				this.focus = true;
+				if (this.activeIndex === -1) {
+					this.activeIndex = 0
+				}
+				if (this.activeIndex === this.length) {
+					this.activeIndex--;
+				}
+				this.$emit('focus', {})
+			},
+			onInput(e) {
+				let value = e.detail.value;
+				value = value.replace(/\s+/g, "")
+				this.getVals(value)
+				this.$emit('input', {
+					detail: {
+						value: value
+					}
+				})
+			},
+			onBlur(e) {
+				let value = e.detail.value;
+				value = value.replace(/\s+/g, "")
+				this.focus = false
+				// #ifdef MP-ALIPAY
+				this.aliZero = false
+				// #endif
+				if (!value) {
+					this.activeIndex = -1;
+				}
+				this.$emit('blur', {
+					detail: {
+						value: value
+					}
+				})
+			},
+			onConfirm(e) {
+				this.focus = false;
+				uni.hideKeyboard()
+				this.$emit('confirm', e)
+			},
+			onAliClick() {
+				// #ifdef MP-ALIPAY
+				setTimeout(() => {
+					this.aliZero = true
+				}, 50)
+				// #endif
+			},
+			clear() {
+				this.val = ''
+				this.inputVal = []
+				this.activeIndex = -1;
+				this.$nextTick(() => {
+					this.onTap()
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-single__input-wrap {
+		position: relative;
+		/* #ifdef MP-BAIDU */
+		max-width: 100%;
+		overflow: hidden;
+		/* #endif */
+	}
+
+	.fui-single__input {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		align-items: center;
+		justify-content: space-between;
+	}
+
+
+	.fui-sinput__item {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+		border-style: solid;
+		position: relative;
+		overflow: hidden;
+	}
+
+	.fui-sinput__text {
+		position: absolute;
+		left: 0;
+		top: 0;
+		flex: 1;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+	}
+
+	.fui-sinput__placeholder {
+		text-align: center;
+		opacity: 0;
+	}
+
+	.fui-sinput__cursor {
+		border-radius: 2px;
+		width: 0;
+	}
+
+	.fui-sinput__cursor-ani {
+		width: 2px;
+		/* #ifndef APP-NVUE */
+		animation: fui_cursor 1s infinite steps(1, start);
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	@keyframes fui_cursor {
+		0% {
+			opacity: 0;
+		}
+
+		50% {
+			opacity: 1;
+		}
+
+		100% {
+			opacity: 0;
+		}
+	}
+
+	/* #endif */
+
+	.fui-sinput__hidden {
+		position: absolute;
+		/* #ifndef MP-WEIXIN || MP-QQ */
+		width: 100%;
+		height: 100%;
+		/* #endif */
+		left: 0;
+		top: 0;
+		/* #ifndef MP */
+		right: 0;
+		bottom: 0;
+		flex: 1;
+		/* #endif */
+		z-index: 2;
+		/* #ifdef MP-WEIXIN || MP-QQ || MP-TOUTIAO */
+		height: 0rpx;
+		width: 0rpx;
+		border: none;
+		/* #endif */
+		margin: 0;
+		padding: 0;
+		opacity: 0;
+		/* #ifdef MP-ALIPAY || MP-BAIDU || MP-TOUTIAO */
+		font-size: 0;
+		/* #endif */
+
+		/* #ifdef MP-BAIDU */
+		transform: scaleX(2);
+		transform-origin: 100% center;
+		/* #endif */
+		color: rgba(0, 0, 0, 0);
+	}
+
+	/* #ifdef MP-ALIPAY */
+	.fui-sinput__alizero {
+		height: 0rpx;
+		width: 0rpx;
+	}
+
+	/* #endif */
+
+	.fui-sinput__disabled {
+		opacity: 0.5;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-sinput__color {
+		color: var(--fui-color-title, #181818) !important;
+	}
+
+	.fui-sinput__border-color {
+		border-color: var(--fui-color-border, #EEEEEE) !important;
+	}
+
+	.fui-sinput__active-color {
+		border-color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-sinput__cursor-color {
+		background: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-skeleton/fui-skeleton.vue b/components/firstui/fui-skeleton/fui-skeleton.vue
new file mode 100644
index 0000000..429d29c
--- /dev/null
+++ b/components/firstui/fui-skeleton/fui-skeleton.vue
@@ -0,0 +1,211 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 186   14 0 7 2  54 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-skeleton__wrap" :style="{background:background,height:height+'px'}" ref="fui_skeleton">
+		<view class="fui-skeleton__item"
+			:class="{'fui-skeleton__dark':theme==='dark','fui-skeleton__dark-ani':active && theme==='dark','fui-skeleton__light-ani':active && theme!=='dark'}"
+			:style="{width: item.width+'px', height:item.height+'px', left: item.left+'px', top: item.top+'px',borderRadius:item.type==='round'?(isNvue?item.width/2+'px':'50%'):'6rpx'}"
+			v-for="(item,index) in elList" :key="index">
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	export default {
+		name: "fui-skeleton",
+		emits: ['change'],
+		props: {
+			//外层元素class值
+			outerClass: {
+				type: String,
+				default: "fui-skeleton"
+			},
+			//需要在骨架元素添加以下class值，也可传入自定义class值
+			//需要做骨架的元素class值，包含round表示处理成圆形，其他为矩形
+			selector: {
+				type: Array,
+				default () {
+					return ['fui-round', 'fui-rect']
+				}
+			},
+			//骨架屏背景色
+			background: {
+				type: String,
+				default: "transparent"
+			},
+			//骨架屏预载数据，如果传入数据则不动态获取节点信息
+			preloadList: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			//是否展示动画效果
+			active: {
+				type: Boolean,
+				default: true
+			},
+			//light、dark
+			theme: {
+				type: String,
+				default: 'light'
+			}
+		},
+		data() {
+			let isNvue = false
+			// #ifdef APP-NVUE
+			isNvue = true
+			// #endif
+			return {
+				isNvue: isNvue,
+				stop: false,
+				//round、rect
+				elList: [],
+				height: 0
+			};
+		},
+		created() {
+			const res = uni.getSystemInfoSync();
+			this.height = res.windowHeight;
+			if (this.preloadList && this.preloadList.length > 0) {
+				this.elList = this.preloadList
+			}
+		},
+		mounted() {
+			// #ifndef APP-NVUE
+			this.$nextTick(() => {
+				this.nodesRef(this.outerClass).then((res) => {
+					if (res && res[0]) {
+						this.height = res[0].height
+					}
+				});
+				if (!this.preloadList || this.preloadList.length === 0) {
+					this.selectorQuery()
+				}
+			})
+			// #endif
+			// #ifdef APP-NVUE
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this._animation(false)
+				}, 50)
+			})
+			// #endif
+		},
+		// #ifdef APP-NVUE
+		// #ifndef VUE3
+		beforeDestroy() {
+			this.stop = true;
+		},
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+			this.stop = true;
+		},
+		// #endif
+		// #endif
+		methods: {
+			// #ifdef APP-NVUE
+			_animation(type) {
+				if (!this.$refs['fui_skeleton'] || this.stop || !this.active) return;
+				animation.transition(
+					this.$refs['fui_skeleton'].ref, {
+						styles: {
+							opacity: type ? 1 : 0.1
+						},
+						duration: 1000, //ms
+						timingFunction: 'linear',
+						iterationCount: 'infinite',
+						needLayout: false,
+						delay: 0 //ms
+					}, () => {
+						this._animation(!type)
+					}
+				);
+			},
+			// #endif
+			// #ifndef APP-NVUE
+			//nvue端暂不支持动态获取节点信息
+			async selectorQuery() {
+				let selector = this.selector || []
+				let nodes = []
+				for (let item of selector) {
+					await this.nodesRef(item).then((res) => {
+						res.map(d => {
+							d.type = item.indexOf('round') === -1 ? 'rect' : 'round';
+						})
+						nodes = nodes.concat(res)
+					})
+				}
+				this.elList = nodes
+				this.$emit('change', {
+					nodes: nodes
+				})
+			},
+			async nodesRef(name) {
+				return await new Promise((resolve, reject) => {
+					uni.createSelectorQuery()
+						.selectAll(`.${name}`)
+						.boundingClientRect((res) => {
+							if (res) {
+								resolve(res);
+							} else {
+								reject(res)
+							}
+						}).exec();
+				})
+			}
+			// #endif
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-skeleton__wrap {
+		position: absolute;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		z-index: 900;
+		/* #endif */
+	}
+
+	.fui-skeleton__item {
+		position: absolute;
+		background: #eee;
+	}
+
+	.fui-skeleton__dark {
+		background: #333;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-skeleton__light-ani {
+		background: linear-gradient(90deg, #eee 25%, #e6e6e6 37%, #eee 63%);
+		animation: ani 1.4s ease infinite;
+		background-size: 400% 100%;
+	}
+
+	.fui-skeleton__dark-ani {
+		background: linear-gradient(90deg, #333 25%, #555 37%, #333 63%);
+		animation: ani 1.4s ease infinite;
+		background-size: 400% 100%;
+	}
+
+	@keyframes ani {
+		0% {
+			background-position: 100% 50%
+		}
+
+		100% {
+			background-position: 0 50%
+		}
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-slide-verify/fui-slide-verify.vue b/components/firstui/fui-slide-verify/fui-slide-verify.vue
new file mode 100644
index 0000000..cb90b1e
--- /dev/null
+++ b/components/firstui/fui-slide-verify/fui-slide-verify.vue
@@ -0,0 +1,382 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 8 6 14 072 5  4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-slideverify__wrap" :style="{width:totalWidth+'px',height:height+'rpx',background:background}">
+		<text class="fui-sv__text-tip" :style="{fontSize:size+'rpx',background:getBackground,color:color}"
+			:class="{'fui-sv__opacity':isPass}">拖动滑块至虚线框内</text>
+		<!-- #ifdef APP-PLUS  || MP-WEIXIN || H5-->
+		<view class="fui-sv__foreground" ref="foreground" :class="{'fui-sv__background':!getActiveBgColor}"
+			:style="{background:getActiveBgColor}">
+			<!-- #endif -->
+			<!-- #ifndef APP-PLUS  || MP-WEIXIN  || H5-->
+			<view class="fui-sv__foreground" :class="{'fui-sv__background':!getActiveBgColor,'fui-sv__reset-ani':resetAni}"
+				:style="{background:getActiveBgColor,width:fwidth+'px'}">
+				<!-- #endif -->
+				<!-- #ifdef APP-NVUE -->
+				<text :class="{'fui-sv__opacity':!isPass}" class="fui-sv__text-res"
+					:style="{fontSize:size+'rpx',color:activeColor,lineHeight:height+'rpx',width:passWidth+'px'}">验证通过</text>
+				<!-- #endif -->
+				<!-- #ifndef APP-NVUE -->
+				<text :class="{'fui-sv__opacity':!isPass}" class="fui-sv__text-res"
+					:style="{fontSize:size+'rpx',color:activeColor}">验证通过</text>
+				<!-- #endif -->
+				<text :class="{'fui-sv__opacity':isPass}" class="fui-sv__text-cover"
+					:style="{width:totalWidth+'px',fontSize:size+'rpx',height:height+'rpx',lineHeight:height+'rpx',color:activeColor}">拖动滑块至虚线框内</text>
+			</view>
+			<!-- #ifdef APP-VUE || MP-WEIXIN  || H5-->
+			<view class="fui-sv__slider" :class="{'fui-sv__border-color':!getPassColor && isPass}"
+				:style="{width:sliderW+'px',borderColor:isPass?getPassColor: borderColor}" :change:prop="parse.slidereset"
+				:prop="resetNum" :data-width="totalWidth" :data-tleft="targetWidth" :data-swidth="sliderW"
+				:data-pass="isPass?1:0" :data-range="range" @touchstart="parse.touchstart" @touchmove="parse.touchmove"
+				@touchend="parse.touchend" @mousedown="parse.mousedown">
+				<fui-icon name="right" :color="arrowColor" :size="iconSize" v-if="!isPass"></fui-icon>
+				<fui-icon name="checkbox-fill" :color="getPassColor" primary :size="iconSize" v-else></fui-icon>
+			</view>
+			<!-- #endif -->
+
+			<!-- #ifdef APP-NVUE -->
+			<view class="fui-sv__slider" @touchstart="touchstart" @horizontalpan="touchmove" @touchend="touchend"
+				ref="slider" :style="{width:sliderW+'px',borderColor:isPass?getPassColor: borderColor}">
+				<fui-icon name="right" :color="arrowColor" :size="iconSize" v-if="!isPass"></fui-icon>
+				<fui-icon name="checkbox-fill" :color="getPassColor" :size="iconSize" v-else></fui-icon>
+			</view>
+			<!-- #endif -->
+
+			<!-- #ifndef APP-PLUS  || MP-WEIXIN  || H5-->
+			<view class="fui-sv__slider"
+				:class="{'fui-sv__border-color':!getPassColor && isPass,'fui-sv__reset-ani':resetAni}"
+				:style="{width:sliderW+'px',borderColor:isPass?getPassColor: borderColor,transform:transform}"
+				@touchstart="touchstart" @touchmove.stop.prevent="touchmove" @touchend="touchend">
+				<fui-icon name="right" :color="arrowColor" :size="iconSize" v-if="!isPass"></fui-icon>
+				<fui-icon name="checkbox-fill" :color="getPassColor" primary :size="iconSize" v-else></fui-icon>
+			</view>
+			<!-- #endif -->
+			<view class="fui-sv__dotted-box"
+				:style="{'border-color':lineColor,'border-width':isPass?0:'1px',width:sliderW+'px',left:(targetWidth-sliderW)+'px'}">
+			</view>
+		</view>
+</template>
+<!-- #ifdef APP-VUE  || MP-WEIXIN  || H5-->
+<script src="./index.wxs" module="parse" lang="wxs"></script>
+<!-- #endif -->
+<script>
+	import weex from './weex.js'
+	import mpjs from './mpjs.js'
+	//非easycom模式取消注释引入字体组件，按实际路径进行调整
+	// import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
+	export default {
+		name: "fui-slide-verify",
+		mixins: [mpjs, weex],
+		emits: ['success', 'fail'],
+		// components:{
+		// 	fuiIcon
+		// },
+		props: {
+			range: {
+				type: [Number, String],
+				default: 3
+			},
+			error: {
+				type: [Number, String],
+				default: 3
+			},
+			width: {
+				type: [Number, String],
+				default: 640
+			},
+			height: {
+				type: [Number, String],
+				default: 80
+			},
+			background: {
+				type: String,
+				default: "#EEEEEE"
+			},
+			activeBgColor: {
+				type: String,
+				default: ""
+			},
+			sliderWidth: {
+				type: [Number, String],
+				default: 80
+			},
+			sliderBgColor: {
+				type: String,
+				default: "#FFFFFF"
+			},
+			borderColor: {
+				type: String,
+				default: '#EEEEEE'
+			},
+			passColor: {
+				type: String,
+				default: ''
+			},
+			size: {
+				type: [Number, String],
+				default: 28
+			},
+			color: {
+				type: String,
+				default: "#333333"
+			},
+			activeColor: {
+				type: String,
+				default: "#FFFFFF"
+			},
+			iconSize: {
+				type: [Number, String],
+				default: 48
+			},
+			arrowColor: {
+				type: String,
+				default: "#B2B2B2"
+			},
+			lineColor: {
+				type: String,
+				default: "#B2B2B2"
+			}
+		},
+		computed: {
+			getBackground() {
+				// #ifndef APP-NVUE
+				return `-webkit-gradient(linear, left top, right top, color-stop(0, ${this.color}), color-stop(.4, ${this.color}), color-stop(.5, white), color-stop(.6, ${this.color}), color-stop(1, ${this.color}))`
+				// #endif
+
+				// #ifdef APP-NVUE
+				return 'transparent'
+				// #endif
+			},
+			getActiveBgColor() {
+				let color = this.activeBgColor;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color;
+			},
+			getPassColor(){
+				let color = this.passColor;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color;
+			}
+		},
+		watch: {
+			width(val) {
+				this.totalWidth = this.getPx(val)
+			},
+			sliderWidth(val) {
+				this.sliderW = this.getPx(val)
+			}
+		},
+		data() {
+			return {
+				totalWidth: 0,
+				targetWidth: 0,
+				sliderW: 0,
+				isPass: false,
+				resetNum: 0,
+				times: 0
+			};
+		},
+		created() {
+			this.totalWidth = this.getPx(this.width)
+			this.sliderW = this.getPx(this.sliderWidth)
+			this.changeTargetPosi()
+		},
+		methods: {
+			getPx(value) {
+				let val = parseInt(uni.upx2px(Number(value)))
+				return val % 2 === 0 ? val : val + 1
+			},
+			changeTargetPosi() {
+				let range = Array.from(new Array(100 + 1).keys()).slice(50);
+				let index = Math.floor((Math.random() * range.length));
+				let width = uni.upx2px(parseInt((this.width * (range[index] || 100)) / 100))
+				width = width <= this.sliderW ? this.sliderW + 20 : width
+				this.targetWidth = parseInt(width)
+			},
+			reset() {
+				this.resetNum += 1
+				this.isPass = false;
+				this.times = 0
+				this.changeTargetPosi()
+			},
+			success() {
+				this.isPass = true;
+				this.$emit('success', {})
+			},
+			fail() {
+				this.times++;
+				if (this.times >= Number(this.error)) {
+					this.changeTargetPosi()
+					this.times = 0
+				}
+				this.$emit('fail', {})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-slideverify__wrap {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		position: relative;
+		overflow: hidden;
+	}
+
+	.fui-sv__text-tip {
+		font-weight: normal;
+		width: 338rpx;
+		text-align: center;
+		opacity: 1;
+		/* #ifndef APP-NVUE */
+		white-space: nowrap;
+		-webkit-background-clip: text !important;
+		-webkit-text-fill-color: transparent !important;
+		-webkit-animation: ani_sv 2s infinite;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	@-webkit-keyframes ani_sv {
+		from {
+			background-position: -160rpx;
+		}
+
+		to {
+			background-position: 160rpx;
+		}
+	}
+
+	@keyframes ani_sv {
+		from {
+			background-position: -160rpx;
+		}
+
+		to {
+			background-position: 160rpx;
+		}
+	}
+
+	.fui-sv__background {
+		background: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-sv__border-color {
+		border-color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+	.fui-sv__foreground {
+		width: 0;
+		position: absolute;
+		left: 0;
+		top: 0;
+		bottom: 0;
+		z-index: 1;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		overflow: hidden;
+	}
+
+	.fui-sv__text-res {
+		opacity: 1;
+		/* #ifndef APP-NVUE */
+		white-space: nowrap;
+		/* #endif */
+		text-align: center;
+		font-weight: normal;
+		/* #ifdef APP-NVUE */
+		position: absolute;
+		left: 0;
+		top: 0;
+		/* #endif */
+	}
+
+	.fui-sv__slider {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		z-index: 3;
+		box-sizing: border-box;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		border-width: 1rpx;
+		border-style: solid;
+		background: #FFFFFF;
+		position: absolute;
+		left: 0;
+		top: 0;
+		bottom: 0;
+		transition-property: border-color;
+		transition-duration: 0.08s;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-sv__dotted-box {
+		position: absolute;
+		top: 0;
+		bottom: 0;
+		z-index: 5;
+		border-style: dashed;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+		transition-property: left;
+		transition-duration: 0.2s;
+	}
+
+	.fui-sv__opacity {
+		opacity: 0 !important;
+	}
+
+	.fui-sv__text-cover {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		white-space: nowrap;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+		position: absolute;
+		left: 0;
+		top: 0;
+		font-weight: normal;
+		opacity: 1;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-sv__reset-ani {
+		transition: transform 0.2s;
+	}
+
+	/* #endif */
+
+	/* fix：vue3下动画问题，app端直接移除class效果未消失，导致卡顿 */
+
+	/* #ifdef VUE3 */
+	.fui-sv__un-ani {
+		transition: transform 0s;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-slide-verify/index.wxs b/components/firstui/fui-slide-verify/index.wxs
new file mode 100644
index 0000000..1ae7139
--- /dev/null
+++ b/components/firstui/fui-slide-verify/index.wxs
@@ -0,0 +1,149 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18 6 14 072     5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+var twidth = 300
+var swidth = 32
+var range = 3
+var tleft = 300
+
+function isPC() {
+	if (typeof navigator !== 'object') return false;
+	var userAgentInfo = navigator.userAgent;
+	var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
+	var flag = true;
+	for (var v = 0; v < Agents.length - 1; v++) {
+		if (userAgentInfo.indexOf(Agents[v]) > 0) {
+			flag = false;
+			break;
+		}
+	}
+	return flag;
+}
+var isH5 = false
+if (typeof window === 'object') isH5 = true
+
+function bool(str) {
+	return str === 'true' || str == true ? true : false
+}
+
+function touchstart(e, ins) {
+	var state = e.instance.getState()
+	var touch = e.touches[0] || e.changedTouches[0]
+	if (isH5 && isPC()) {
+		touch = e;
+	}
+	var dataset = e.instance.getDataset()
+	state.startX = touch.pageX
+	swidth = +dataset.swidth
+	range = +dataset.range
+	twidth = +dataset.width
+	tleft = +dataset.tleft
+	//H5获取bool值为undefined
+	state.pass = (+dataset.pass) == 1 ? true : false
+}
+
+function styleChange(left, ins) {
+	if (!ins) return;
+	var slider = ins.selectComponent('.fui-sv__slider')
+	var foreground = ins.selectComponent('.fui-sv__foreground')
+	if (!slider || !foreground) return;
+	if (left == 0) {
+		slider.removeClass('fui-sv__un-ani')
+		foreground.removeClass('fui-sv__un-ani')
+		slider.addClass('fui-sv__reset-ani')
+		foreground.addClass('fui-sv__reset-ani')
+	} else {
+
+		slider.removeClass('fui-sv__reset-ani')
+		foreground.removeClass('fui-sv__reset-ani')
+		slider.addClass('fui-sv__un-ani')
+		foreground.addClass('fui-sv__un-ani')
+	}
+	slider.setStyle({
+		transform: 'translate3d(' + left + 'px,0,0)'
+	})
+	foreground.setStyle({
+		width: left + 'px'
+	})
+}
+
+function touchmove(e, ins, event) {
+	if (e.preventDefault) {
+		// 阻止页面滚动
+		e.preventDefault()
+	}
+	var state = {}
+	var touch = {}
+	if (isH5 && isPC()) {
+		touch = e;
+		state = event.instance.getState()
+	} else {
+		state = e.instance.getState()
+		touch = e.touches[0] || e.changedTouches[0]
+	}
+	if (state.pass) return;
+	var pageX = touch.pageX;
+	var left = pageX - state.startX + (state.lastLeft || 0);
+	left = left < 0 ? 0 : left;
+	var width = twidth - swidth;
+	left = left >= width ? width : left;
+	state.startX = pageX
+	state.lastLeft = left
+	styleChange(left, ins)
+}
+
+function touchend(e, ins, event) {
+	var state = {}
+	if (isH5 && isPC()) {
+		state = event.instance.getState()
+	} else {
+		state = e.instance.getState()
+	}
+	if (state.pass) return;
+	var left = tleft - swidth
+	if (Math.abs(left - state.lastLeft) <= range) {
+		// styleChange(left, ins)
+		state.pass = true
+		ins.callMethod('success')
+	} else {
+		state.startX = 0;
+		state.lastLeft = 0;
+		state.pass = false;
+		styleChange(0, ins)
+		ins.callMethod('fail')
+	}
+}
+
+function slidereset(reset, oldreset, owner, ins) {
+	var state = ins.getState()
+	if (reset > 0) {
+		state.startX = 0;
+		state.lastLeft = 0;
+		state.pass = false;
+		styleChange(0, owner)
+	}
+}
+
+var movable = false;
+
+function mousedown(e, ins) {
+	if (!isH5 || !isPC()) return
+	touchstart(e, ins)
+	movable = true
+	window.onmousemove = function(event) {
+		if (!isH5 || !isPC() || !movable) return
+		touchmove(event, ins, e)
+	}
+	window.onmouseup = function(event) {
+		if (!isH5 || !isPC() || !movable) return
+		touchend(event, ins, e)
+		movable = false
+	}
+}
+
+
+module.exports = {
+	touchstart: touchstart,
+	touchmove: touchmove,
+	touchend: touchend,
+	mousedown: mousedown,
+	slidereset: slidereset
+}
\ No newline at end of file
diff --git a/components/firstui/fui-slide-verify/mpjs.js b/components/firstui/fui-slide-verify/mpjs.js
new file mode 100644
index 0000000..e014ec5
--- /dev/null
+++ b/components/firstui/fui-slide-verify/mpjs.js
@@ -0,0 +1,66 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：   1 8 61 4 0725   49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifndef APP-PLUS || MP-WEIXIN || H5
+export default {
+	data() {
+		return {
+			transform: '',
+			fwidth: 0,
+			startX: 0,
+			lastLeft: 0,
+			resetAni: false
+		}
+	},
+	watch: {
+		resetNum(val) {
+			this.startX = 0;
+			this.lastLeft = 0;
+			this.styleChange(0)
+		}
+	},
+	methods: {
+		styleChange(left) {
+			if (left == 0) {
+				this.resetAni = true
+			} else {
+				this.resetAni = false
+			}
+			this.fwidth = left
+			this.transform = 'translate3d(' + left + 'px,0,0)'
+		},
+		touchstart(e) {
+			let touch = e.touches[0] || e.changedTouches[0];
+			this.startX = touch.clientX
+		},
+		touchmove(e) {
+			if (this.isPass) return;
+			let touch = e.touches[0] || e.changedTouches[0]
+			let pageX = touch.clientX;
+			let left = pageX - this.startX + this.lastLeft;
+			left = left < 0 ? 0 : left;
+			let width = this.totalWidth - this.sliderW;
+			left = left >= width ? width : left;
+			this.startX = pageX
+			this.lastLeft = left
+			this.styleChange(left)
+		},
+		touchend(e) {
+			if (this.isPass) return;
+			let left = this.targetWidth - this.sliderW
+			if (Math.abs(left - this.lastLeft) <= Number(this.range)) {
+				// this.styleChange(left)
+				this.success()
+			} else {
+				this.startX = 0;
+				this.lastLeft = 0;
+				this.styleChange(0)
+				this.fail()
+			}
+		}
+	}
+}
+
+// #endif
+
+// #ifdef APP-PLUS|| MP-WEIXIN || H5
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-slide-verify/weex.js b/components/firstui/fui-slide-verify/weex.js
new file mode 100644
index 0000000..7379613
--- /dev/null
+++ b/components/firstui/fui-slide-verify/weex.js
@@ -0,0 +1,89 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18 61  40 7   2 5 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifdef APP-NVUE
+const animation = uni.requireNativePlugin('animation');
+export default {
+	data() {
+		return {
+			passWidth: 0
+		};
+	},
+	watch: {
+		resetNum(val) {
+			this.startX = 0;
+			this.lastLeft = 0;
+			this._animation(0)
+		}
+	},
+	created() {
+		this.startX = 0
+		this.lastLeft = 0
+	},
+	mounted() {
+		this.foreground = this.getEl(this.$refs['foreground'])
+		this.slider = this.getEl(this.$refs['slider']);
+	},
+	methods: {
+		getEl(el) {
+			return el.ref;
+		},
+		_animation(left) {
+			if (!this.foreground || !this.slider) return;
+			animation.transition(this.foreground, {
+				styles: {
+					width: left + 'px'
+				},
+				duration: left == 0 ? 200 : 0,
+				timingFunction: 'linear',
+				needLayout: false,
+				delay: 0
+			});
+			animation.transition(this.slider, {
+				styles: {
+					transform: 'translate(' + left + 'px,0)'
+				},
+				duration: left == 0 ? 200 : 0,
+				timingFunction: 'linear',
+				needLayout: false,
+				delay: 0
+			});
+		},
+		touchstart(e) {
+			if (this.isPass) return;
+			let touch = e.touches[0] || e.changedTouches[0];
+			this.startX = touch.screenX
+		},
+		touchmove(e) {
+			if (this.isPass) return;
+			let touch = e.changedTouches[0];
+			let pageX = touch.screenX;
+			let left = pageX - this.startX + this.lastLeft;
+			left = left < 0 ? 0 : left;
+			let width = this.totalWidth - this.sliderW;
+			left = left >= width ? width : left;
+			this.startX = pageX
+			this.lastLeft = left
+			this._animation(left)
+		},
+		touchend(e) {
+			if (this.isPass) return;
+			let left = this.targetWidth - this.sliderW
+			if (Math.abs(left - this.lastLeft) <= Number(this.range)) {
+				this.passWidth = this.lastLeft;
+				this.success()
+			} else {
+				setTimeout(() => {
+					this.startX = 0;
+					this.lastLeft = 0;
+					this._animation(0)
+					this.fail()
+				}, 20)
+			}
+		}
+	}
+}
+
+// #endif
+
+// #ifndef APP-NVUE
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-slider-captcha/fui-slider-captcha.vue b/components/firstui/fui-slider-captcha/fui-slider-captcha.vue
new file mode 100644
index 0000000..e84a160
--- /dev/null
+++ b/components/firstui/fui-slider-captcha/fui-slider-captcha.vue
@@ -0,0 +1,724 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1   8  614 0  7 25 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-slider__captcha-wrap" :class="{'fui-sc__wrap-show':isShow}"
+		:style="{background:maskBgColor,zIndex:zIndex}" @tap="maskClose" @touchmove.stop.prevent="stop"
+		v-if="isShow || !isNvue" ref="fui_sc_ani">
+		<!-- #ifndef APP-NVUE -->
+		<!--如果隐藏导致不工作，则使用v-if控制-->
+		<canvas class="fui-sc__canvas" :canvas-id="canvasId" :id="canvasId"
+			:style="{ width: w + 'px', height:h + 'px'  }" v-if="canvasId"></canvas>
+		<!-- #endif -->
+		<view class="fui-slider__captcha" :style="{background:background}" @tap.stop="stop">
+			<text class="fui-sc__title"
+				:style="{ width: w + 'px',color: color, fontSize: size + 'rpx' }">{{ title }}</text>
+			<text class="fui-sc__descr"
+				:style="{width: w + 'px',color:descrColor, fontSize: descrSize + 'rpx'}">拖动下方滑块完成拼图</text>
+			<view class="fui-sc__img-box" :style="{width: w + 'px'}">
+				<image class="fui-sc__img" :src="src" :style="{width: w + 'px', height:h + 'px'}" v-if="src"></image>
+				<view v-if="slotSrc" class="fui-sc__slot"
+					:class="{'fui-sc__slot-circle':circle,'fui-sc__slot-bs':!isNvueAndroid}"
+					:style="{left:x1+'px',top:y+'px'}">
+				</view>
+				<!-- #ifdef APP-PLUS || MP-WEIXIN || H5 -->
+				<view class="fui-sc__slot-box" ref="imgRef"
+					:class="{'fui-sc__slot-circle':circle,'fui-sc__sb-hidden':!slotSrc,'fui-sc__sb-bs':!isNvueAndroid}"
+					:style="{left:x+'px',top:y+'px'}">
+					<image :src="slotSrc" class="fui-sc__slot-img"
+						:class="{'fui-sc__slot-circle':circle && isNvue,'fui-sc__img-border':isNvueAndroid}"></image>
+				</view>
+				<!-- #endif -->
+
+				<!-- #ifndef APP-PLUS || MP-WEIXIN || H5 -->
+				<view class="fui-sc__slot-box"
+					:class="{'fui-sc__sb-bs':true,'fui-sc__slot-circle':circle,'fui-sc__reset-ani':resetAni}"
+					:style="{left:x+'px',top:y+'px',transform:transformSlot}" v-if="slotSrc">
+					<image :src="slotSrc" class="fui-sc__slot-img"></image>
+				</view>
+				<!-- #endif -->
+			</view>
+			<view class="fui-sc__sliderbar" :style="{width: w + 'px',height:sliderH+'px'}">
+				<view class="fui-sc__bar" :style="{width: w + 'px',height:(sliderH/2)+'px',borderRadius:sliderH+'px'}">
+				</view>
+				<!-- #ifdef APP-VUE || MP-WEIXIN  || H5-->
+				<view class="fui-sc__slider" :class="{'fui-sc__slider-bg':!getSliderBgColor}"
+					:style="{width:(sliderH * 2)+'px',height:sliderH+'px',borderRadius:sliderH+'px',background:getSliderBgColor}"
+					:change:prop="parse.slidereset" :prop="resetNum" :data-type="type" :data-width="w" :data-start="x"
+					:data-end="x1" :data-swidth="sliderH * 2"
+					:data-disabled="!slotSrc || isPass || disabled || !isShow?1:0" :data-range="range"
+					@touchstart="parse.touchstart" @touchmove="parse.touchmove" @touchend="parse.touchend"
+					@mousedown="parse.mousedown">
+					<fui-icon name="slide" :size="56" :color="slideColor"></fui-icon>
+				</view>
+				<!-- #endif -->
+				<!-- #ifdef APP-NVUE -->
+				<view ref="sliderRef" class="fui-sc__slider" :class="{'fui-sc__slider-bg':!getSliderBgColor}"
+					:style="{width:(sliderH * 2)+'px',height:sliderH+'px',borderRadius:sliderH+'px',background:getSliderBgColor}"
+					@touchstart="touchstart" @horizontalpan="touchmove" @touchend="touchend">
+					<fui-icon name="slide" :size="56" :color="slideColor"></fui-icon>
+				</view>
+				<!-- #endif -->
+
+				<!-- #ifndef APP-PLUS  || MP-WEIXIN  || H5-->
+				<view class="fui-sc__slider" :class="{'fui-sc__slider-bg':!getSliderBgColor,'fui-sc__reset-ani':resetAni}"
+					:style="{width:(sliderH * 2)+'px',height:sliderH+'px',borderRadius:sliderH+'px',background:getSliderBgColor,transform:transform}"
+					@touchstart="touchstart" @touchmove.stop.prevent="touchmove" @touchend="touchend">
+					<fui-icon name="slide" :size="56" :color="slideColor"></fui-icon>
+				</view>
+				<!-- #endif -->
+
+			</view>
+			<view class="fui-sc__close " @tap.stop="closeVerify">
+				<fui-icon name="close" :color="closeColor"></fui-icon>
+			</view>
+		</view>
+	</view>
+</template>
+<!-- #ifdef APP-VUE  || MP-WEIXIN  || H5-->
+<script src="./index.wxs" module="parse" lang="wxs"></script>
+<!-- #endif -->
+<script>
+	import weex from './weex.js'
+	import mpjs from './mpjs.js'
+	//非easycom模式取消注释引入字体组件，按实际路径进行调整
+	// import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
+	// #ifdef MP-WEIXIN
+	const canvasId = `fui_sc_${Math.ceil(Math.random() * 10e5).toString(36)}`
+	// #endif
+	export default {
+		name: "fui-slider-captcha",
+		mixins: [mpjs, weex],
+		emits: ['success', 'fail', 'verify', 'init'],
+		// components:{
+		// 	fuiIcon
+		// },
+		props: {
+			type: {
+				type: [Number, String],
+				default: 1
+			},
+			range: {
+				type: [Number, String],
+				default: 3
+			},
+			location: {
+				type: Object,
+				default () {
+					return {}
+				}
+			},
+			src: {
+				type: String,
+				default: ''
+			},
+			imageType: {
+				type: [Number, String],
+				default: 1
+			},
+			width: {
+				type: [Number, String],
+				default: 640
+			},
+			height: {
+				type: [Number, String],
+				default: 320
+			},
+			background: {
+				type: String,
+				default: '#FFFFFF'
+			},
+			title: {
+				type: String,
+				default: '安全验证'
+			},
+			color: {
+				type: String,
+				default: '#B2B2B2'
+			},
+			size: {
+				type: [Number, String],
+				default: 28
+			},
+			descrColor: {
+				type: String,
+				default: '#333333'
+			},
+			descrSize: {
+				type: [Number, String],
+				default: 36
+			},
+			closeColor: {
+				type: String,
+				default: '#B2B2B2'
+			},
+			sliderBgColor: {
+				type: String,
+				default: ''
+			},
+			slideColor: {
+				type: String,
+				default: '#FFFFFF'
+			},
+			zIndex: {
+				type: [Number, String],
+				default: 996
+			},
+			maskBgColor: {
+				type: String,
+				default: 'rgba(0,0,0,.6)'
+			},
+			maskClosable: {
+				type: Boolean,
+				default: false
+			}
+		},
+		watch: {
+			src(newValue, oldValue) {
+				if (this.type == 1) {
+					newValue && this.handleImage()
+				} else {
+					if (this.location.x !== undefined && newValue) {
+						this.handleImage()
+					}
+				}
+			},
+			location(obj) {
+				if (this.type == 2 && obj) {
+					this.x = obj.x || 10
+					this.y = obj.y || 10
+					this.x1 = obj.x1 || 160
+					if ((this.x + this.y + this.x1) % 2 === 0) {
+						this.circle = true
+					} else {
+						this.circle = false
+					}
+					this.src && this.handleImage()
+				}
+			}
+		},
+		computed: {
+			getSliderBgColor() {
+				let color = this.sliderBgColor;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color;
+			}
+		},
+		data() {
+			let sys = uni.getSystemInfoSync()
+			// #ifndef MP-WEIXIN
+			const canvasId = `fui_sc_${Math.ceil(Math.random() * 10e5).toString(36)}`
+			// #endif
+			let isNvue = false
+			let pixelRatio = 2
+			let isNvueAndroid = false
+			pixelRatio = sys.pixelRatio == 1 ? 2 : sys.pixelRatio
+			// #ifdef APP-NVUE
+			isNvue = true
+			isNvueAndroid = sys.platform === 'android'
+			// #endif
+			return {
+				pixelRatio: pixelRatio,
+				isNvueAndroid: isNvueAndroid,
+				canvasId: canvasId,
+				isNvue: isNvue,
+				isShow: false,
+				w: 320,
+				h: 160,
+				sliderH: 0,
+				imgSrc: '',
+				slotSrc: '',
+				x: 0,
+				y: 0,
+				x1: 0,
+				circle: false,
+				resetNum: 0,
+				isPass: false,
+				disabled: false,
+				times: 0
+			};
+		},
+		created() {
+			this.w = this.getPx(this.width)
+			this.h = this.getPx(this.height)
+			this.sliderH = this.getPx(64)
+			//后端验证时使用
+			this.$emit('init', {
+				width: this.w,
+				height: this.h,
+				//切割图片的宽高，固定为44px
+				cutGraphWidth: 44
+			})
+		},
+		mounted() {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					if (this.type == 1) {
+						this.src && this.handleImage()
+					} else {
+						if (this.location.x !== undefined && this.src) {
+							this.handleImage()
+						}
+					}
+				}, 50);
+			})
+		},
+		methods: {
+			getPx(value) {
+				let val = parseInt(uni.upx2px(Number(value)))
+				return val % 2 === 0 ? val : val + 1
+			},
+			//网络图片转成本地文件（必须确保图片可以下载）
+			getImage(url, callback) {
+				uni.downloadFile({
+					url: url,
+					success: res => {
+						callback && callback(res.tempFilePath)
+					},
+					fail: res => {
+						callback && callback(false)
+					}
+				})
+			},
+			// #ifdef APP-PLUS || MP-WEIXIN || H5
+			//当服务器端返回图片base64时,转成本地文件
+			//微信小程序不支持直接绘制base64，其他平台可根据支持情况进行处理
+			getImagebyBase64(base64, callback) {
+				//使用前先查看支持平台
+				const uniqueId = `fui_${Math.ceil(Math.random() * 10e5).toString(36)}`
+
+				// #ifdef MP-WEIXIN
+				const [, format, bodyData] = /data:image\/(\w+);base64,(.*)/.exec(base64) || [];
+				let arrayBuffer = wx.base64ToArrayBuffer(bodyData)
+				//uniqueId：注意这里名称需要动态生成（名称相同部分机型会出现写入失败，显示的是上次生成的图片）
+				const filePath = `${wx.env.USER_DATA_PATH}/${uniqueId}.${format}`;
+				//此处可能会出现存储空间不足的情况，可清理缓存解决
+				//fail the maximum size of the file storage limit is exceeded
+				wx.getFileSystemManager().writeFile({
+					filePath,
+					data: arrayBuffer,
+					encoding: 'binary',
+					success() {
+						callback && callback(filePath)
+					},
+					fail() {
+						callback && callback(false)
+					}
+				})
+				// #endif
+				// #ifdef APP-PLUS
+				let bitmap = new plus.nativeObj.Bitmap(uniqueId);
+				bitmap.loadBase64Data(base64, function() {
+					//console.log("加载Base64图片数据成功");
+					bitmap.save(`_doc/${uniqueId}.png`, {}, function(e) {
+						//console.log('保存图片成功：' + JSON.stringify(i));
+						// let width = e.width; // 保存后图片的实际宽度，单位为px
+						// let height = e.height; // 保存后图片的实际高度，单位为px
+						let target = e.target; // 保存后的图片url路径，以"file://"开头
+						callback && callback(target)
+
+					}, function(e) {
+						console.log('保存图片失败：' + JSON.stringify(e));
+						callback && callback(false)
+					});
+				}, function() {
+					console.log('加载Base64图片数据失败：' + JSON.stringify(e));
+					callback && callback(false)
+				});
+				// #endif
+
+				// #ifdef H5
+				callback && callback(base64)
+				// #endif
+
+			},
+			toast(text) {
+				uni.showToast({
+					title: text,
+					icon: 'none'
+				})
+			},
+			// #endif
+			getRandom(min, max) {
+				let range = Array.from(new Array(max + 1).keys()).slice(min);
+				let index = Math.floor((Math.random() * range.length));
+				return range[index]
+			},
+			getXY() {
+				this.x = this.getRandom(20, this.w / 2 - 44)
+				this.y = this.getRandom(20, this.h - 60)
+				this.x1 = this.getRandom(this.w / 2 + 44, this.w - 60)
+				if ((this.x + this.y + this.x1) % 2 === 0) {
+					this.circle = true
+				} else {
+					this.circle = false
+				}
+			},
+			// #ifdef APP-NVUE
+			getClipImg(imgUrl) {
+				let f_dst = `_documents/${Math.ceil(Math.random() * 10e5).toString(36)}.jpg`;
+				plus.zip.compressImage({
+						src: imgUrl,
+						dst: f_dst,
+						quality: 100,
+						overwrite: true,
+						format: 'jpg',
+						width: this.w * this.pixelRatio + 'px',
+						height: this.h * this.pixelRatio + 'px',
+						clip: {
+							top: `${this.y * this.pixelRatio}px`,
+							left: `${this.x1 * this.pixelRatio}px`,
+							width: `${44*this.pixelRatio}px`,
+							height: `${44*this.pixelRatio}px`
+						}
+					},
+					i => {
+						this.slotSrc = i.target;
+					},
+					e => {
+						this.toast('图片资源处理失败~');
+					}
+				);
+			},
+			// #endif
+			darwImage(src) {
+				// #ifdef APP-NVUE
+				this.getClipImg(src)
+				// #endif
+
+				// #ifndef APP-NVUE
+				let context = uni.createCanvasContext(this.canvasId, this)
+				context.drawImage(src, 0, 0, this.w, this.h)
+				context.draw(false, (() => {
+					setTimeout(() => {
+						uni.canvasToTempFilePath({
+							canvasId: this.canvasId,
+							// #ifdef MP-QQ
+							x: this.x1 / this.pixelRatio,
+							y: this.y / this.pixelRatio,
+							width: 44 / this.pixelRatio,
+							height: 44 / this.pixelRatio,
+							destWidth: 44 * this.pixelRatio * 2,
+							destHeight: 44 * this.pixelRatio * 2,
+							// #endif
+							// #ifndef MP-QQ
+							x: this.x1,
+							y: this.y,
+							width: 44,
+							height: 44,
+							// #endif
+							success: (res) => {
+								this.slotSrc = res.tempFilePath
+							},
+							fail: (err) => {
+								this.toast('图片资源处理失败~')
+							}
+						}, this);
+					}, 200)
+				}))
+				// #endif
+			},
+			handleImage() {
+				this.slotSrc = ''
+				this.times = 0;
+				if (this.type == 1) {
+					this.getXY()
+				}
+				this.reset()
+				if (this.imageType == 1) {
+					this.getImage(this.src, (res) => {
+						if (!res) {
+							this.toast('图片资源处理失败~')
+						} else {
+							this.imgSrc = res
+							this.darwImage(res)
+						}
+					})
+				} else if (this.imageType == 2) {
+					// #ifdef APP-PLUS || MP-WEIXIN || H5
+					this.getImagebyBase64(this.src, (res) => {
+						if (!res) {
+							this.toast('图片资源处理失败~')
+						} else {
+							this.imgSrc = res
+							this.darwImage(res)
+						}
+					})
+					// #endif
+
+					// #ifndef APP-PLUS || MP-WEIXIN || H5
+					this.toast('暂不支持base64图片！')
+					// #endif
+
+				} else {
+					// #ifdef APP-NVUE
+					this.imgSrc = plus.io.convertLocalFileSystemURL(this.src)
+					// #endif
+					// #ifndef APP-NVUE
+					this.imgSrc = this.src;
+					// #endif
+					this.darwImage(this.imgSrc)
+				}
+			},
+			reset() {
+				this.resetNum += 1
+				this.isPass = false;
+				this.disabled = false;
+			},
+			verify(e) {
+				//验证中禁止操作
+				this.disabled = true
+				this.$emit('verify', {
+					x: this.x,
+					x1: this.x1,
+					slipDistance: e.slip
+				})
+			},
+			success() {
+				this.isPass = true;
+				if (this.type == 1) {
+					this.$emit('success', {})
+				}
+			},
+			fail() {
+				if (this.type == 1) {
+					this.times += 1;
+					this.$emit('fail', {
+						times: this.times
+					})
+				}
+				this.reset()
+			},
+			maskClose() {
+				if (!this.maskClosable) return;
+				this.closeVerify()
+			},
+			closeVerify() {
+				this.reset();
+				// #ifndef APP-NVUE
+				this.isShow = false;
+				// #endif
+
+				// #ifdef APP-NVUE
+				this.closeAni()
+				// #endif
+			},
+			show(refresh) {
+				if (refresh) {
+					if (this.type == 1) {
+						this.src && this.handleImage()
+					} else {
+						if (this.location.x !== undefined && this.src) {
+							this.handleImage()
+						}
+					}
+				}
+				// #ifndef APP-NVUE
+				this.isShow = true;
+				// #endif
+
+				// #ifdef APP-NVUE
+				this.openAni()
+				// #endif
+			},
+			stop() {}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-slider__captcha-wrap {
+		position: fixed;
+		top: 0;
+		right: 0;
+		left: 0;
+		bottom: 0;
+		/* #ifndef APP-NVUE */
+		transition-property: all;
+		transition-timing-function: ease-in;
+		transition-duration: 0.2s;
+		display: flex;
+		transform: scale3d(1, 1, 0);
+		visibility: hidden;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		opacity: 0;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-sc__wrap-show {
+		opacity: 1;
+		transform: scale3d(1, 1, 1);
+		visibility: visible;
+	}
+
+	/* #endif */
+	.fui-slider__captcha {
+		padding: 60rpx 32rpx;
+		text-align: center;
+		border-radius: 24rpx;
+		overflow: hidden;
+		position: relative;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-sc__canvas {
+		position: fixed;
+		z-index: 10;
+		pointer-events: none;
+		left: -6666px;
+		top: -6666px;
+	}
+
+	/* #endif */
+
+	.fui-sc__title {
+		text-align: left;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		font-weight: normal;
+	}
+
+	.fui-sc__descr {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		text-align: left;
+		padding-bottom: 36rpx;
+		font-weight: 600;
+		padding-top: 12rpx;
+	}
+
+	.fui-sc__img-box {
+		position: relative;
+		background: #F1F4FA;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-sc__img {
+		display: block;
+	}
+
+	/* #endif */
+	.fui-sc__slot {
+		position: absolute;
+		width: 44px;
+		height: 44px;
+		background: rgba(0, 0, 0, .5);
+		z-index: 3;
+	}
+
+	.fui-sc__slot-bs {
+		box-shadow: 0px 0px 15px rgba(255, 255, 255, 0.2);
+	}
+
+	.fui-sc__sb-bs {
+		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.8);
+	}
+
+	.fui-sc__slot-box {
+		position: absolute;
+		width: 44px;
+		height: 44px;
+		opacity: 1;
+		z-index: 5;
+	}
+
+	.fui-sc__sb-hidden {
+		opacity: 0;
+	}
+
+	.fui-sc__slot-img {
+		width: 44px;
+		height: 44px;
+		/* #ifndef APP-NVUE */
+		display: block;
+		/* #endif */
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-sc__img-border {
+		border: 0.5px solid rgba(255, 255, 255, .2)
+	}
+
+	/* #endif */
+
+	.fui-sc__slot-circle {
+		border-radius: 22px;
+		overflow: hidden;
+	}
+
+	.fui-sc__close {
+		position: absolute;
+		padding: 16rpx 16rpx 0 0;
+		right: 12rpx;
+		top: 12rpx;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-sc__sliderbar {
+		position: relative;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		margin-top: 48rpx;
+	}
+
+	.fui-sc__bar {
+		background: #EEEEEE;
+	}
+
+	.fui-sc__slider {
+		position: absolute;
+		left: 0;
+		top: 0;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-sc__slider-bg {
+		background: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+
+	/* #ifndef APP-NVUE */
+	.fui-sc__reset-ani  {
+		transition: transform 0.2s;
+	}
+
+	/* #endif */
+
+	/* fix：vue3下动画问题，app端直接移除class效果未消失，导致卡顿 */
+
+	/* #ifdef VUE3 */
+	.fui-sc__un-ani {
+		transition: transform 0s;
+	}
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-slider-captcha/index.wxs b/components/firstui/fui-slider-captcha/index.wxs
new file mode 100644
index 0000000..1c34dbf
--- /dev/null
+++ b/components/firstui/fui-slider-captcha/index.wxs
@@ -0,0 +1,168 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1   86 1  4072 54  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+var twidth = 300
+var swidth = 32
+var range = 3
+var start = 0
+var end = 0
+var type = 1
+
+function isPC() {
+	if (typeof navigator !== 'object') return false;
+	var userAgentInfo = navigator.userAgent;
+	var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
+	var flag = true;
+	for (var v = 0; v < Agents.length - 1; v++) {
+		if (userAgentInfo.indexOf(Agents[v]) > 0) {
+			flag = false;
+			break;
+		}
+	}
+	return flag;
+}
+var isH5 = false
+if (typeof window === 'object') isH5 = true
+
+function bool(str) {
+	return str === 'true' || str == true ? true : false
+}
+
+function getSlipDistance(left) {
+	var width = twidth - start - 44
+	var distance = left / (twidth - swidth) * width
+	return distance > width ? width : distance
+}
+
+function styleChange(left, ins) {
+	if (!ins || !ins.selectComponent('.fui-sc__slot-box')) return;
+	var slotLeft = getSlipDistance(left)
+	var slider = ins.selectComponent('.fui-sc__slider')
+	var slot = ins.selectComponent('.fui-sc__slot-box')
+	if (!slider || !slot) return;
+
+	if (left == 0) {
+		slider.removeClass('fui-sc__un-ani')
+		slot.removeClass('fui-sc__un-ani')
+		slider.addClass('fui-sc__reset-ani')
+		slot.addClass('fui-sc__reset-ani')
+	} else {
+		slider.removeClass('fui-sc__reset-ani')
+		slot.removeClass('fui-sc__reset-ani')
+		slider.addClass('fui-sc__un-ani')
+		slot.addClass('fui-sc__un-ani')
+	}
+	slider.setStyle({
+		transform: 'translate3d(' + left + 'px,0,0)'
+	})
+	slot.setStyle({
+		transform: 'translate3d(' + slotLeft + 'px,0,0)'
+	})
+}
+
+function touchstart(e, ins) {
+	var state = e.instance.getState()
+	var touch = e.touches[0] || e.changedTouches[0]
+	if (isH5 && isPC()) {
+		touch = e;
+	}
+	var dataset = e.instance.getDataset()
+	state.startX = touch.pageX
+	type = +dataset.type
+	start = +dataset.start
+	end = +dataset.end
+	swidth = +dataset.swidth
+	range = +dataset.range
+	twidth = +dataset.width
+	//H5获取bool值为undefined
+	state.disabled = (+dataset.disabled) == 1 ? true : false
+}
+
+function touchmove(e, ins, event) {
+	if (e.preventDefault) {
+		// 阻止页面滚动
+		e.preventDefault()
+	}
+	var state = {}
+	var touch = {}
+	if (isH5 && isPC()) {
+		touch = e;
+		state = event.instance.getState()
+	} else {
+		state = e.instance.getState()
+		touch = e.touches[0] || e.changedTouches[0]
+	}
+	if (state.disabled) return;
+	var pageX = touch.pageX;
+	var left = pageX - state.startX + (state.lastLeft || 0);
+	left = left < 0 ? 0 : left;
+	var width = twidth - swidth;
+	left = left >= width ? width : left;
+	state.startX = pageX
+	state.lastLeft = left
+	styleChange(left, ins)
+}
+
+function touchend(e, ins, event) {
+	var state = {}
+	if (isH5 && isPC()) {
+		state = event.instance.getState()
+	} else {
+		state = e.instance.getState()
+	}
+	if (state.disabled) return;
+	//前端验证
+	var slotLeft = getSlipDistance(state.lastLeft)
+	if (type == 1) {
+		var width = end - start
+		if (Math.abs(slotLeft - width) <= range) {
+			state.disabled = true
+			ins.callMethod('success')
+		} else {
+			state.startX = 0;
+			state.lastLeft = 0;
+			state.disabled = false;
+			styleChange(0, ins)
+			ins.callMethod('fail')
+		}
+	} else {
+		//后端验证
+		ins.callMethod('verify', {
+			slip: slotLeft
+		})
+	}
+}
+
+function slidereset(reset, oldreset, owner, ins) {
+	var state = ins.getState()
+	if (reset > 0) {
+		state.startX = 0;
+		state.lastLeft = 0;
+		state.disabled = false;
+		styleChange(0, owner)
+	}
+}
+
+var movable = false;
+
+function mousedown(e, ins) {
+	if (!isH5 || !isPC()) return
+	touchstart(e, ins)
+	movable = true
+	window.onmousemove = function(event) {
+		if (!isH5 || !isPC() || !movable) return
+		touchmove(event, ins, e)
+	}
+	window.onmouseup = function(event) {
+		if (!isH5 || !isPC() || !movable) return
+		touchend(event, ins, e)
+		movable = false
+	}
+}
+
+
+module.exports = {
+	touchstart: touchstart,
+	touchmove: touchmove,
+	touchend: touchend,
+	mousedown: mousedown,
+	slidereset: slidereset
+}
\ No newline at end of file
diff --git a/components/firstui/fui-slider-captcha/mpjs.js b/components/firstui/fui-slider-captcha/mpjs.js
new file mode 100644
index 0000000..b756f9b
--- /dev/null
+++ b/components/firstui/fui-slider-captcha/mpjs.js
@@ -0,0 +1,82 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18   6 1  4072  54  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifndef APP-PLUS || MP-WEIXIN || H5
+export default {
+	data() {
+		return {
+			transform: '',
+			transformSlot: '',
+			startX: 0,
+			lastLeft: 0,
+			resetAni: false
+		}
+	},
+	watch: {
+		resetNum(val) {
+			this.startX = 0;
+			this.lastLeft = 0;
+			this.styleChange(0)
+		}
+	},
+	methods: {
+		getSlipDistance(left) {
+			let width = this.w - this.x - 44
+			let distance = left / (this.w - (this.sliderH * 2)) * width
+			return distance > width ? width : distance
+		},
+		styleChange(left) {
+			if (left == 0) {
+				this.resetAni = true
+			} else {
+				this.resetAni = false
+			}
+			let slotLeft = this.getSlipDistance(left)
+			this.transformSlot = 'translate3d(' + slotLeft + 'px,0,0)'
+			this.transform = 'translate3d(' + left + 'px,0,0)'
+		},
+		touchstart(e) {
+			let touch = e.touches[0] || e.changedTouches[0];
+			this.startX = touch.clientX
+		},
+		touchmove(e) {
+			if (this.isPass || this.disabled || !this.slotSrc || !this.isShow) return;
+			let touch = e.touches[0] || e.changedTouches[0]
+			let pageX = touch.clientX;
+			let left = pageX - this.startX + this.lastLeft;
+			left = left < 0 ? 0 : left;
+			let width = this.w - (this.sliderH * 2);
+			left = left >= width ? width : left;
+			this.startX = pageX
+			this.lastLeft = left
+			this.styleChange(left)
+		},
+		touchend(e) {
+			if (this.isPass || this.disabled || !this.slotSrc || !this.isShow) return;
+			//前端验证
+			let slotLeft = this.getSlipDistance(this.lastLeft)
+			if (this.type == 1) {
+				let width = this.x1 - this.x
+				if (Math.abs(slotLeft - width) <= this.range) {
+					this.disabled = true
+					this.success()
+				} else {
+					this.startX = 0;
+					this.lastLeft = 0;
+					this.disabled = false;
+					this.styleChange(0)
+					this.fail()
+				}
+			} else {
+				//后端验证
+				this.verify({
+					slip: slotLeft
+				})
+			}
+		}
+	}
+}
+
+// #endif
+
+// #ifdef APP-PLUS|| MP-WEIXIN || H5
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-slider-captcha/weex.js b/components/firstui/fui-slider-captcha/weex.js
new file mode 100644
index 0000000..17e32dd
--- /dev/null
+++ b/components/firstui/fui-slider-captcha/weex.js
@@ -0,0 +1,131 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 861 40 7  25     49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifdef APP-NVUE
+const animation = uni.requireNativePlugin('animation');
+export default {
+	watch: {
+		resetNum(val) {
+			this.startX = 0;
+			this.lastLeft = 0;
+			this._animation(0)
+		}
+	},
+	created() {
+		this.startX = 0
+		this.lastLeft = 0
+		this.imgRef = null
+		this.sliderRef = null
+	},
+	methods: {
+		openAni() {
+			this.isShow = true;
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this.getEl()
+					this._ani(true);
+				}, 50);
+			});
+		},
+		closeAni(type) {
+			this._ani(false);
+		},
+		_ani(type) {
+			let styles = {
+				opacity: type ? 1 : 0
+			};
+			if (!this.$refs['fui_sc_ani']) return;
+			animation.transition(
+				this.$refs['fui_sc_ani'].ref, {
+					styles,
+					duration: 200, //ms
+					timingFunction: 'ease-in',
+					needLayout: false,
+					delay: 0 //ms
+				},
+				() => {
+					if (!type) {
+						this.isShow = false;
+					}
+				}
+			);
+		},
+		getEl() {
+			this.imgRef = this.$refs['imgRef'].ref
+			this.sliderRef = this.$refs['sliderRef'].ref;
+		},
+		getSlipDistance(left) {
+			let width = this.w - this.x - 44
+			let distance = left / (this.w - (this.sliderH * 2)) * width
+			return distance > width ? width : distance
+		},
+		_animation(left) {
+			let slotLeft = this.getSlipDistance(left).toFixed(2)
+			left = left.toFixed(2)
+			if (!this.imgRef || !this.sliderRef) return;
+			animation.transition(this.imgRef, {
+				styles: {
+					transform: 'translate(' + slotLeft + 'px,0)'
+				},
+				duration: left == 0 ? 200 : 0,
+				timingFunction: 'linear',
+				needLayout: false,
+				delay: 0
+			});
+			animation.transition(this.sliderRef, {
+				styles: {
+					transform: 'translate(' + left + 'px,0)'
+				},
+				duration: left == 0 ? 200 : 0,
+				timingFunction: 'linear',
+				needLayout: false,
+				delay: 0
+			});
+		},
+		touchstart(e) {
+			if (this.isPass || this.disabled || !this.slotSrc || !this.isShow) return;
+			let touch = e.touches[0] || e.changedTouches[0];
+			this.startX = touch.screenX
+		},
+		touchmove(e) {
+			if (this.isPass || this.disabled || !this.slotSrc || !this.isShow) return;
+			let touch = e.changedTouches[0];
+			let pageX = touch.screenX;
+			let left = pageX - this.startX + this.lastLeft;
+			left = left < 0 ? 0 : left;
+			let width = this.w - (this.sliderH * 2);
+			left = left >= width ? width : left;
+			this.startX = pageX
+			this.lastLeft = left
+			this._animation(left)
+		},
+		touchend(e) {
+			if (this.isPass || this.disabled || !this.slotSrc || !this.isShow) return;
+			let slotLeft = this.getSlipDistance(this.lastLeft)
+			if (this.type == 1) {
+				let width = this.x1 - this.x
+				if (Math.abs(slotLeft - width) <= this.range) {
+					this.disabled = true
+					this.success()
+				} else {
+					setTimeout(() => {
+						this.startX = 0;
+						this.lastLeft = 0;
+						this.disabled = false;
+						this._animation(0)
+						this.fail()
+					}, 20)
+				}
+			} else {
+				//后端验证
+				this.verify({
+					slip: slotLeft
+				})
+			}
+		}
+	}
+}
+
+// #endif
+
+// #ifndef APP-NVUE
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-slider/bindingx.js b/components/firstui/fui-slider/bindingx.js
new file mode 100644
index 0000000..21d504a
--- /dev/null
+++ b/components/firstui/fui-slider/bindingx.js
@@ -0,0 +1,212 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18   61  4  072 5  49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifdef APP-NVUE
+//BindingX实现滑动比较流畅（已实现），缺点不好实时更新数据，暂时废弃
+// const BindingX = uni.requireNativePlugin('bindingx');
+const animation = uni.requireNativePlugin('animation');
+export default {
+	data() {
+		return {
+			isRight: false,
+			isAndroid: false
+		}
+	},
+	watch: {
+		value(val) {
+			this.initData(val)
+		},
+		endValue(val) {
+			if (this.section) {
+				this.initEndData(val)
+			}
+		},
+		isRight(val) {
+			if (!val) {
+				this.$nextTick(() => {
+					setTimeout(() => {
+						this.handleRight = this.getEl(this.$refs['handleRight'])
+					}, 50)
+				})
+			}
+		}
+	},
+	created() {
+		const res = uni.getSystemInfoSync();
+		this.isAndroid = res.platform.toLocaleLowerCase() == "android"
+		this.startX = 0
+		this.endX = 0
+		this.lastLeft = 0
+		this.onceLeft = 0
+		this.lastRight = 0
+		this.onceRight = 0
+	},
+	mounted() {
+		this.$nextTick(() => {
+			setTimeout(() => {
+				this.handleLeft = this.getEl(this.$refs['handleLeft'])
+				this.poleLeft = this.getEl(this.$refs['poleLeft']);
+				this.handleRight = null;
+				this.poleRight = null;
+				this.initData(this.value)
+				if (this.section) {
+					this.handleRight = this.getEl(this.$refs['handleRight'])
+					this.poleRight = this.getEl(this.$refs['poleRight']);
+					this.initEndData(this.endValue)
+				}
+			}, 50)
+		})
+	},
+	methods: {
+		getEl(el) {
+			return el.ref;
+		},
+		initData(value) {
+			this.startX = 0;
+			this.lastLeft = 0;
+			this.styleChange(Number(value), true)
+		},
+		initEndData(value) {
+			this.endX = 0;
+			this.lastRight = 0;
+			value = Number(this.max) - Number(value) + Number(this.min)
+			this.styleSectionChange(value, true)
+		},
+		format(value) {
+			value = Number(value)
+			let step = Number(this.step)
+			return Math.round(Math.max(Number(this.min), Math.min(value, Number(this.max))) / step) * step;
+		},
+		_animation(move, trans, isRight) {
+			animation.transition(
+				isRight ? this.handleRight : this.handleLeft, {
+					styles: {
+						transform: move
+					},
+					duration: 0,
+					timingFunction: 'linear',
+					needLayout: false,
+					delay: 0
+				});
+			animation.transition(
+				isRight ? this.poleRight : this.poleLeft, {
+					styles: {
+						transform: trans
+					},
+					duration: 0,
+					timingFunction: 'linear',
+					needLayout: false,
+					delay: 0
+				});
+		},
+		touchstart(e) {
+			if (this.disabled) return;
+			let touch = e.touches[0] || e.changedTouches[0];
+			this.startX = touch.screenX
+		},
+		endTouchstart(e) {
+			if (this.disabled) return;
+			let touch = e.touches[0] || e.changedTouches[0];
+			this.endX = touch.screenX
+		},
+		changeValue(value, isStart, isEnd) {
+			var params = {
+				value: value,
+				isStart: isStart
+			}
+			if (isEnd) {
+				this.change(params)
+			} else {
+				this.changing(params)
+			}
+		},
+		styleChange(value, isEnd) {
+			value = this.format(value);
+			const min = Number(this.min)
+			const max = Number(this.max)
+			if (this.section) {
+				value = value > this.end ? this.end : value;
+			}
+			this.changeValue(value, true, isEnd)
+			var dvalue = max - min;
+			var maxWidth = Number(this.width) - Number(this.blockWidth);
+			var width = (value - min) / dvalue * maxWidth;
+			this.lastLeft = width
+			if (isEnd) {
+				this.onceLeft = width
+			}
+			this._animation(`translateX(${width}px)`, `translateX(-${Number(this.width)-width}px)`, false)
+			this.isRight = value === max
+		},
+		styleSectionChange(value, isEnd) {
+			value = this.format(value);
+			const min = Number(this.min)
+			const max = Number(this.max)
+			var total = max + min;
+			var val = total - value;
+			val = val < this.start ? this.start : val;
+			value = total - val;
+			this.changeValue(val, false, isEnd)
+			var dvalue = max - min;
+			var maxWidth = Number(this.width) - Number(this.blockWidth);
+			var width = (value - min) / dvalue * maxWidth;
+			this.lastRight = width
+			if (isEnd) {
+				this.onceRight = width
+			}
+			this._animation(`translateX(-${width}px)`, `translateX(${Number(this.width)-width}px)`, true)
+		},
+		touchmove(e) {
+			if (this.disabled) return;
+			let touch = e.changedTouches[0];
+			let pageX = touch.screenX;
+			this.drag = true
+			let left = pageX - this.startX + (this.onceLeft || 0);
+			left = left < 0 ? 0 : left;
+			let maxWidth = Number(this.width) - Number(this.blockWidth);
+			left = left >= maxWidth ? maxWidth : left;
+			let dvalue = Number(this.max) - Number(this.min);
+			let value = (left / maxWidth) * dvalue + Number(this.min);
+			// this.startX = pageX
+			this.lastLeft = left
+			this.styleChange(value, false)
+		},
+		endTouchmove(e) {
+			if (this.disabled) return;
+			let touch = e.changedTouches[0];
+			let pageX = touch.screenX;
+			this.drag = true
+			let left = this.endX - pageX + (this.onceRight || 0);
+			left = left < 0 ? 0 : left;
+			let maxWidth = Number(this.width) - Number(this.blockWidth);
+			left = left >= maxWidth ? maxWidth : left;
+			let dvalue = Number(this.max) - Number(this.min);
+			let value = (left / maxWidth) * dvalue + Number(this.min);
+			// this.endX = pageX
+			this.lastRight = left
+			this.styleSectionChange(value, false)
+		},
+		touchend(e) {
+			if (this.disabled) return;
+			if (this.drag) {
+				let maxWidth = Number(this.width) - Number(this.blockWidth);
+				let dvalue = Number(this.max) - Number(this.min);
+				let value = (this.lastLeft / maxWidth) * dvalue + Number(this.min);
+				this.styleChange(value, true)
+			}
+		},
+		endTouchend(e) {
+			if (this.disabled) return;
+			if (this.drag) {
+				let maxWidth = Number(this.width) - Number(this.blockWidth);
+				let dvalue = Number(this.max) - Number(this.min);
+				let value = (this.lastRight / maxWidth) * dvalue + Number(this.min);
+				this.styleSectionChange(value, true)
+			}
+		}
+	}
+}
+
+// #endif
+
+// #ifndef APP-NVUE
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-slider/fui-slider.vue b/components/firstui/fui-slider/fui-slider.vue
new file mode 100644
index 0000000..276da8f
--- /dev/null
+++ b/components/firstui/fui-slider/fui-slider.vue
@@ -0,0 +1,398 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1  86 14072     54 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-slider__wrap-outer">
+		<text class="fui-slider__value" :class="['fui-slider__vr']"
+			:style="{width:valueWidth+'px',color:valueColor,fontSize:valueSize+'px'}"
+			v-if="section && showValue">{{start}}</text>
+		<!-- #ifdef APP-VUE || MP-WEIXIN || H5-->
+		<view class="fui-slider__wrap" :style="{width:width+'px',height:(blockHeight<height?height:blockHeight)+'px'}">
+			<view class="fui-slider__pole"
+				:style="{width:width+'px',height:height+'px',borderRadius:radius+'px',background:background}">
+				<view class="fui-slider__pole-left" :class="{'fui-slider__pole-bg':!getActiveColor}"
+					:style="{background:getActiveColor}"></view>
+				<view class="fui-slider__pole-right" :class="{'fui-slider__pole-bg':!getActiveColor}"
+					:style="{background:getActiveColor}"></view>
+			</view>
+			<view class="fui-slider__handle"
+				:style="{width:blockWidth+'px',height:blockHeight+'px',borderRadius:blockRadius+'px',background:blockColor}"
+				:class="['fui-slider__handle-left',disabled?'fui-slider__disabled':'']"
+				:change:prop="handler.slidevalue" :prop="initValue" :data-blockWidth="blockWidth" :data-width="width"
+				:data-step="step" :data-min="min" :data-max="max" :data-disabled="disabled?1:0" :data-value="start"
+				:data-end="end" :data-section="section?1:0" @touchstart="handler.touchstart"
+				@touchmove="handler.touchmove" @touchend="handler.touchend" @mousedown="handler.mousedown"></view>
+
+			<view class="fui-slider__handle"
+				:style="{width:blockWidth+'px',height:blockHeight+'px',borderRadius:blockRadius+'px',background:blockColor}"
+				:class="['fui-slider__handle-right',disabled?'fui-slider__disabled':'']"
+				:change:prop="handler.sectionSlidevalue" :prop="initEndValue" :data-blockWidth="blockWidth"
+				:data-width="width" :data-step="step" :data-min="min" :data-max="max" :data-disabled="disabled?1:0"
+				:data-value="start" :data-end="end" :data-section="section?1:0" @touchstart="handler.sectionTouchstart"
+				@touchmove="handler.sectionTouchmove" @touchend="handler.sectionTouchend"
+				@mousedown="handler.endMousedown" v-if="section">
+			</view>
+		</view>
+		<!-- #endif -->
+
+		<!-- #ifdef APP-NVUE -->
+		<view class="fui-slider__wrap" :style="{width:width+'px',height:(blockHeight<height?height:blockHeight)+'px'}">
+			<view class="fui-slider__pole"
+				:style="{width:width+'px',height:height+'px',borderRadius:radius+'px',background:background}">
+				<view class="fui-slider__pole-left" :class="['fui-slider__pole-r']" ref="poleLeft"
+					:style="{background:getActiveColor}"></view>
+				<view class="fui-slider__pole-right" :class="['fui-slider__pole-l']" ref="poleRight"
+					:style="{background:getActiveColor}"></view>
+			</view>
+			<view class="fui-slider__handle" :fireEventSync="true" @touchstart="touchstart" @horizontalpan="touchmove"
+				@touchend="touchend" ref="handleLeft"
+				:style="{width:blockWidth+'px',height:blockHeight+'px',borderRadius:24+'px',background:blockColor}"
+				:class="['fui-slider__handle-left',isAndroid?'fui-slider__border':'fui-slider__shadow']"></view>
+			<view class="fui-slider__handle" :fireEventSync="true" @touchstart="endTouchstart"
+				@horizontalpan="endTouchmove" @touchend="endTouchend" ref="handleRight"
+				:style="{width:blockWidth+'px',height:blockHeight+'px',borderRadius:24+'px',background:blockColor}"
+				:class="['fui-slider__handle-right',isAndroid?'fui-slider__border':'fui-slider__shadow']"
+				v-if="!isRight && section"></view>
+		</view>
+		<!-- #endif -->
+
+		<!-- #ifndef APP-PLUS|| MP-WEIXIN || H5 -->
+		<view class="fui-slider__wrap" :style="{width:width+'px',height:(blockHeight<height?height:blockHeight)+'px'}">
+			<view class="fui-slider__pole"
+				:style="{width:width+'px',height:height+'px',borderRadius:radius+'px',background:background}">
+				<view class="fui-slider__pole-left" :class="['fui-slider__pole-r',getActiveColor?'':'fui-slider__pole-bg']"
+					:style="{background:getActiveColor,transform:transLeft}">
+				</view>
+				<view class="fui-slider__pole-right"
+					:class="['fui-slider__pole-l',getActiveColor?'':'fui-slider__pole-bg']"
+					:style="{background:getActiveColor,transform:transRight}">
+				</view>
+			</view>
+			<view class="fui-slider__handle"
+				:style="{width:blockWidth+'px',height:blockHeight+'px',borderRadius:blockRadius+'px',background:blockColor,transform:moveLeft}"
+				:class="['fui-slider__handle-left',isRight?'fui-slider__handle-zi':'']" @touchstart="touchstart"
+				@touchmove.stop.prevent="touchmove" @touchend="touchend"></view>
+			<view class="fui-slider__handle"
+				:style="{width:blockWidth+'px',height:blockHeight+'px',borderRadius:blockRadius+'px',background:blockColor,transform:moveRight}"
+				:class="['fui-slider__handle-right']" @touchstart="endTouchstart" @touchmove.stop.prevent="endTouchmove"
+				@touchend="endTouchend" v-if="section"></view>
+		</view>
+		<!-- #endif -->
+		<text class="fui-slider__value" :class="['fui-slider__vl']"
+			:style="{width:valueWidth+'px',color:valueColor,fontSize:valueSize+'px'}"
+			v-if="showValue">{{section?end:start}}</text>
+	</view>
+</template>
+
+
+<!-- #ifdef APP-VUE || MP-WEIXIN || H5-->
+<script src="./index.wxs" module="handler" lang="wxs"></script>
+<!-- #endif -->
+
+<script>
+	import bindingx from './bindingx.js'
+	import mpjs from './mpjs.js'
+	export default {
+		name: "fui-slider",
+		mixins: [mpjs, bindingx],
+		emits: ['change', 'changing'],
+		props: {
+			width: {
+				type: [Number, String],
+				default: 240
+			},
+			height: {
+				type: [Number, String],
+				default: 2
+			},
+			radius: {
+				type: [Number, String],
+				default: 2
+			},
+			min: {
+				type: [Number, String],
+				default: 0
+			},
+			max: {
+				type: [Number, String],
+				default: 100
+			},
+			step: {
+				type: [Number, String],
+				default: 1
+			},
+			value: {
+				type: [Number, String],
+				default: 0
+			},
+			section: {
+				type: Boolean,
+				default: false
+			},
+			endValue: {
+				type: [Number, String],
+				default: 100
+			},
+			background: {
+				type: String,
+				default: '#e1e1e1'
+			},
+			activeColor: {
+				type: String,
+				default: ''
+			},
+			blockWidth: {
+				type: [Number, String],
+				default: 24
+			},
+			blockHeight: {
+				type: [Number, String],
+				default: 24
+			},
+			blockColor: {
+				type: String,
+				default: '#fff'
+			},
+			blockRadius: {
+				type: [Number, String],
+				default: 12
+			},
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+			showValue: {
+				type: Boolean,
+				default: false
+			},
+			valueWidth: {
+				type: [Number, String],
+				default: 32
+			},
+			valueSize: {
+				type: [Number, String],
+				default: 14
+			},
+			//value字体颜色
+			valueColor: {
+				type: String,
+				default: '#333'
+			}
+		},
+		watch: {
+			value(val) {
+				let start = this.getStartVal(val)
+				this.initValue = start
+				this.start = start
+			},
+			endValue(val) {
+				let end = this.getEndVal(val)
+				this.initEndValue = end
+				this.end = end
+			}
+		},
+		computed: {
+			getActiveColor() {
+				let color = this.activeColor;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color;
+			}
+		},
+		data() {
+			return {
+				start: 0,
+				end: 0,
+				initValue: 0,
+				initEndValue: 0
+			};
+		},
+		mounted() {
+			setTimeout(() => {
+				this.start = this.getStartVal(this.value);
+				this.end = this.getEndVal(this.endValue)
+				this.initValue = this.start;
+				this.initEndValue = this.end;
+			}, 20)
+		},
+		methods: {
+			getStartVal(val) {
+				val = Number(val)
+				let min = Number(this.min)
+				val = val < min ? min : val
+				return val
+			},
+			getEndVal(val) {
+				val = Number(val)
+				let min = Number(this.min)
+				let max = Number(this.max)
+				val = val < min ? min : val
+				val = val > max ? max : val
+				return val
+			},
+			getParams(e) {
+				let val = e.value || 0;
+				if (this.section && !e.isStart) {
+					this.end = val
+				} else {
+					this.start = val
+				}
+				let params = {
+					value: this.start
+				}
+				if (this.section) {
+					params.endValue = this.end
+				}
+				return params
+			},
+			change(e) {
+				let params = this.getParams(e)
+				this.$emit('change', params);
+			},
+			changing(e) {
+				let params = this.getParams(e)
+				this.$emit('changing', params);
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-slider__wrap-outer {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+	}
+
+	.fui-slider__wrap {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		flex-shrink: 0;
+		/* #endif */
+		align-items: center;
+		flex-direction: row;
+		position: relative;
+	}
+
+	.fui-slider__pole {
+		position: relative;
+		z-index: 1;
+		overflow: hidden;
+	}
+
+	.fui-slider__pole-left {
+		position: absolute;
+		top: 0;
+		bottom: 0;
+		left: 0;
+		z-index: 2;
+	}
+
+
+	.fui-slider__pole-r {
+		right: 0;
+		/* #ifndef APP-NVUE */
+		transform: translate3d(-100%, 0, 0);
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		transform: translateX(-100%);
+		/* #endif */
+	}
+
+	.fui-slider__pole-l {
+		left: 0;
+		/* #ifndef APP-NVUE */
+		transform: translate3d(100%, 0, 0);
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		transform: translateX(100%);
+		/* #endif */
+	}
+
+
+	.fui-slider__pole-right {
+		position: absolute;
+		top: 0;
+		bottom: 0;
+		right: 0;
+		z-index: 2;
+	}
+
+	.fui-slider__handle {
+		/* #ifndef APP-NVUE */
+		box-shadow: 0 0 4px #CCCCCC;
+		/* #endif */
+		/* #ifdef H5 */
+		cursor: grab;
+		/* #endif */
+		position: absolute;
+		top: 0;
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-slider__shadow {
+		box-shadow: 0 0 4px #CCCCCC;
+	}
+
+	.fui-slider__border {
+		border: 0.5px solid #eee;
+	}
+
+	/* #endif */
+
+
+	.fui-slider__handle-left {
+		left: 0;
+		z-index: 3;
+	}
+
+	.fui-slider__handle-right {
+		right: 0;
+		z-index: 4;
+	}
+
+	.fui-slider__handle-zi {
+		z-index: 5 !important;
+	}
+
+	.fui-slider__value {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		white-space: nowrap;
+		/* #endif */
+		flex-direction: row;
+		font-weight: normal;
+		align-items: center;
+	}
+
+	.fui-slider__vl {
+		text-align: left;
+		justify-content: flex-start;
+		padding-left: 8px;
+
+	}
+
+	.fui-slider__vr {
+		text-align: right;
+		justify-content: flex-end;
+		padding-right: 8px;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-slider__pole-bg {
+		background: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+
+	/* #ifdef H5 */
+	.fui-slider__disabled {
+		cursor: not-allowed !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-slider/index.wxs b/components/firstui/fui-slider/index.wxs
new file mode 100644
index 0000000..c155b5f
--- /dev/null
+++ b/components/firstui/fui-slider/index.wxs
@@ -0,0 +1,290 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  1  86  14 07254   9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+var slider = {
+	width: 240,
+	blockWidth: 24,
+	step: 1,
+	min: 0,
+	max: 100,
+	disabled: false,
+	section: false,
+	start: 0,
+	end: 0,
+	drag: false
+}
+
+function isPC() {
+	if (typeof navigator !== 'object') return false;
+	var userAgentInfo = navigator.userAgent;
+	var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
+	var flag = true;
+	for (var v = 0; v < Agents.length - 1; v++) {
+		if (userAgentInfo.indexOf(Agents[v]) > 0) {
+			flag = false;
+			break;
+		}
+	}
+	return flag;
+}
+var isH5 = false
+if (typeof window === 'object') isH5 = true
+
+function bool(str) {
+	return str === 'true' || str == true ? true : false
+}
+
+function format(value) {
+	return Math.round(Math.max(slider.min, Math.min(value, slider.max)) / slider.step) * slider.step;
+}
+
+function setInitValue(dataset, isChange) {
+	slider.drag = false
+	slider.width = +dataset.width
+	slider.blockWidth = +dataset.blockwidth
+	slider.step = +dataset.step
+	slider.min = +dataset.min
+	slider.max = +dataset.max
+	//H5获取bool值为undefined
+	slider.disabled = (+dataset.disabled) == 1 ? true : false
+	slider.section = (+dataset.section) == 1 ? true : false
+	slider.start = format(+dataset.value)
+	slider.end = format(+dataset.end)
+}
+
+function touchstart(e, ins) {
+	var state = e.instance.getState()
+	var touch = e.touches[0] || e.changedTouches[0];
+	if (isH5 && isPC()) {
+		touch = e;
+	}
+	var dataset = e.instance.getDataset()
+	state.startX = touch.clientX
+	setInitValue(dataset)
+}
+
+function sectionTouchstart(e, ins) {
+	var state = e.instance.getState()
+	var touch = e.touches[0] || e.changedTouches[0];
+	if (isH5 && isPC()) {
+		touch = e;
+	}
+	var dataset = e.instance.getDataset()
+	state.sectionStartX = touch.clientX
+	setInitValue(dataset)
+}
+
+function changeValue(value, isStart, isEnd, ins) {
+	var params = {
+		value: value,
+		isStart: isStart
+	}
+	if (isEnd) {
+		ins.callMethod('change', params)
+	} else {
+		ins.callMethod('changing', params)
+	}
+}
+
+function styleChange(value, ins, isEnd, state) {
+	if (!ins) return;
+	value = format(value);
+	if (slider.section) {
+		value = value > slider.end ? slider.end : value;
+	}
+	changeValue(value, true, isEnd, ins)
+	var dvalue = slider.max - slider.min;
+	var maxWidth = slider.width - slider.blockWidth;
+	var width = (value - slider.min) / dvalue * maxWidth;
+	var block = ins.selectComponent('.fui-slider__handle-left');
+	var glided = ins.selectComponent('.fui-slider__pole-left');
+	if (!block || !glided) return;
+	if (state) {
+		state.lastLeft = width
+	}
+	block.setStyle({
+		transform: 'translate3d(' + width + 'px,0,0)',
+		'z-index': value === slider.max ? 5 : 3
+	})
+	glided.setStyle({
+		width: width + 'px'
+	})
+}
+
+function styleSectionChange(value, ins, isEnd, state) {
+	if (!ins) return;
+	value = format(value);
+	var total = slider.max + slider.min;
+	var val = total - value;
+	val = val < slider.start ? slider.start : val;
+	value = total - val;
+	changeValue(val, false, isEnd, ins)
+	var dvalue = slider.max - slider.min;
+	var maxWidth = slider.width - slider.blockWidth;
+	var width = (value - slider.min) / dvalue * maxWidth;
+	var block = ins.selectComponent('.fui-slider__handle-right');
+	var glided = ins.selectComponent('.fui-slider__pole-right');
+	if (!block || !glided) return;
+	if (state) {
+		state.lastSectionLeft = width
+	}
+	block.setStyle({
+		transform: 'translate3d(-' + width + 'px,0,0)'
+	})
+	glided.setStyle({
+		width: width + 'px'
+	})
+}
+
+function touchmove(e, ins, event) {
+	if (slider.disabled) return;
+	if (e.preventDefault) {
+		// 阻止页面滚动
+		e.preventDefault()
+	}
+	var state = {}
+	var touch = {}
+	if (isH5 && isPC()) {
+		touch = e;
+		state = event.instance.getState()
+	} else {
+		touch = e.touches[0] || e.changedTouches[0]
+		state = e.instance.getState()
+	}
+	var pageX = touch.clientX;
+	slider.drag = true
+	var left = pageX - state.startX + (state.lastLeft || 0);
+	left = left < 0 ? 0 : left;
+	var maxWidth = slider.width - slider.blockWidth;
+	left = left >= maxWidth ? maxWidth : left;
+	var dvalue = slider.max - slider.min;
+	var value = (left / maxWidth) * dvalue + slider.min;
+	state.startX = pageX
+	state.lastLeft = left
+	styleChange(value, ins, false)
+}
+
+function sectionTouchmove(e, ins, event) {
+	if (slider.disabled) return;
+	if (e.preventDefault) {
+		// 阻止页面滚动
+		e.preventDefault()
+	}
+	var state = {}
+	var touch = {}
+	if (isH5 && isPC()) {
+		touch = e;
+		state = event.instance.getState()
+	} else {
+		touch = e.touches[0] || e.changedTouches[0]
+		state = e.instance.getState()
+	}
+	var pageX = touch.clientX;
+	slider.drag = true
+	var left = state.sectionStartX - pageX + (state.lastSectionLeft || 0);
+	left = left < 0 ? 0 : left;
+	var maxWidth = slider.width - slider.blockWidth;
+	left = left >= maxWidth ? maxWidth : left;
+	var dvalue = slider.max - slider.min;
+	var value = (left / maxWidth) * dvalue + slider.min;
+	state.sectionStartX = pageX
+	state.lastSectionLeft = left
+	styleSectionChange(value, ins, false)
+}
+
+function touchend(e, ins, event) {
+	if (slider.disabled) return;
+	if (slider.drag) {
+		var state = {}
+		if (isH5 && isPC()) {
+			state = event.instance.getState()
+		} else {
+			state = e.instance.getState()
+		}
+		var maxWidth = slider.width - slider.blockWidth;
+		var dvalue = slider.max - slider.min;
+		var value = (state.lastLeft / maxWidth) * dvalue + slider.min;
+		styleChange(value, ins, true, state)
+	}
+}
+
+
+
+function sectionTouchend(e, ins, event) {
+	if (slider.disabled) return;
+	if (slider.drag) {
+		var state = {}
+		if (isH5 && isPC()) {
+			state = event.instance.getState()
+		} else {
+			state = e.instance.getState()
+		}
+		var maxWidth = slider.width - slider.blockWidth;
+		var dvalue = slider.max - slider.min;
+		var value = (state.lastSectionLeft / maxWidth) * dvalue + slider.min;
+		styleSectionChange(value, ins, true, state)
+	}
+}
+
+function slidevalue(value, oldValue, owner, ins) {
+	var state = ins.getState()
+	state.startX = 0;
+	state.lastLeft = 0;
+	var dataset = ins.getDataset()
+	setInitValue(dataset)
+	styleChange(value, owner, true, state)
+}
+
+function sectionSlidevalue(value, oldValue, owner, ins) {
+	var state = ins.getState()
+	state.sectionStartX = 0;
+	state.lastSectionLeft = 0;
+	var dataset = ins.getDataset()
+	setInitValue(dataset)
+	value = slider.max - value + slider.min
+	styleSectionChange(value, owner, true, state)
+}
+var movable = false;
+
+function mousedown(e, ins) {
+	if (!isH5 || !isPC()) return
+	touchstart(e, ins)
+	movable = true
+	window.onmousemove = function(event) {
+		if (!isH5 || !isPC() || !movable) return
+		touchmove(event, ins, e)
+	}
+	window.onmouseup = function(event) {
+		if (!isH5 || !isPC() || !movable) return
+		touchend(event, ins, e)
+		movable = false
+	}
+}
+
+var endMovable = false;
+
+function endMousedown(e, ins) {
+	if (!isH5 || !isPC()) return
+	sectionTouchstart(e, ins)
+	endMovable = true
+	window.onmousemove = function(event) {
+		if (!isH5 || !isPC() || !endMovable) return
+		sectionTouchmove(event, ins, e)
+	}
+	window.onmouseup = function(event) {
+		if (!isH5 || !isPC()) return
+		sectionTouchend(event, ins, e)
+		endMovable = false
+	}
+}
+
+module.exports = {
+	touchstart: touchstart,
+	touchmove: touchmove,
+	touchend: touchend,
+	mousedown: mousedown,
+	slidevalue: slidevalue,
+	sectionTouchstart: sectionTouchstart,
+	sectionTouchmove: sectionTouchmove,
+	sectionTouchend: sectionTouchend,
+	endMousedown: endMousedown,
+	sectionSlidevalue: sectionSlidevalue
+}
\ No newline at end of file
diff --git a/components/firstui/fui-slider/mpjs.js b/components/firstui/fui-slider/mpjs.js
new file mode 100644
index 0000000..bc973cf
--- /dev/null
+++ b/components/firstui/fui-slider/mpjs.js
@@ -0,0 +1,170 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  18 6  1  407 25 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifndef APP-PLUS || MP-WEIXIN || H5
+
+export default {
+	watch: {
+		value(val) {
+			this.initData(val)
+		},
+		endValue(val) {
+			if (this.section) {
+				this.initEndData(val)
+			}
+		}
+	},
+	data() {
+		return {
+			drag: false,
+			startX: 0,
+			endX: 0,
+			lastLeft: 0,
+			onceLeft: 0,
+			lastRight: 0,
+			onceRight: 0,
+			moveLeft: 'translate3d(0,0,0)',
+			transLeft: 'translate3d(-100%, 0, 0)',
+			moveRight: 'translate3d(0,0,0)',
+			transRight: 'translate3d(100%, 0, 0)',
+			isRight: false
+		}
+	},
+	mounted() {
+		this.$nextTick(()=>{
+			this.initData(this.value)
+			if (this.section) {
+				this.initEndData(this.endValue)
+			}
+		})
+	},
+	methods: {
+		initData(value) {
+			this.startX = 0;
+			this.lastLeft = 0;
+			this.styleChange(Number(value), true)
+		},
+		initEndData(value) {
+			this.endX = 0;
+			this.lastRight = 0;
+			value = Number(this.max) - Number(value) + Number(this.min)
+			this.styleSectionChange(value, true)
+		},
+		format(value) {
+			value = Number(value)
+			let step = Number(this.step)
+			return Math.round(Math.max(Number(this.min), Math.min(value, Number(this.max))) / step) * step;
+		},
+		touchstart(e) {
+			let touch = e.touches[0] || e.changedTouches[0];
+			this.startX = touch.clientX
+		},
+		endTouchstart(e) {
+			let touch = e.touches[0] || e.changedTouches[0];
+			this.endX = touch.clientX
+		},
+		changeValue(value, isStart, isEnd) {
+			var params = {
+				value: value,
+				isStart: isStart
+			}
+			if (isEnd) {
+				this.change(params)
+			} else {
+				this.changing(params)
+			}
+		},
+		styleChange(value, isEnd) {
+			value = this.format(value);
+			if (this.section) {
+				value = value > this.end ? this.end : value;
+			}
+			this.changeValue(value, true, isEnd)
+			const min = Number(this.min)
+			const max = Number(this.max)
+			var dvalue = max - min;
+			var maxWidth = Number(this.width) - Number(this.blockWidth);
+			var width = (value - min) / dvalue * maxWidth;
+			this.lastLeft = width
+			if (isEnd) {
+				this.onceLeft = width
+			}
+			this.transLeft = `translate3d(-${Number(this.width)-width}px,0,0)`
+			this.moveLeft = `translate3d(${width}px,0,0)`
+			this.isRight = value === max
+		},
+		styleSectionChange(value, isEnd) {
+			value = this.format(value);
+			const min = Number(this.min)
+			const max = Number(this.max)
+			var total = max + min;
+			var val = total - value;
+			val = val < this.start ? this.start : val;
+			value = total - val;
+			this.changeValue(val, false, isEnd)
+			var dvalue = max - min;
+			var maxWidth = Number(this.width) - Number(this.blockWidth);
+			var width = (value - min) / dvalue * maxWidth;
+			this.lastRight = width
+			if (isEnd) {
+				this.onceRight = width
+			}
+			this.transRight = `translate3d(${Number(this.width)-width}px,0,0)`
+			this.moveRight = `translate3d(-${width}px,0,0)`
+		},
+		touchmove(e) {
+			if (this.disabled) return;
+			let touch = e.touches[0] || e.changedTouches[0];
+			let pageX = touch.clientX;
+			this.drag = true
+			let left = pageX - this.startX + (this.onceLeft || 0);
+			left = left < 0 ? 0 : left;
+			let maxWidth = Number(this.width) - Number(this.blockWidth);
+			left = left >= maxWidth ? maxWidth : left;
+			let dvalue = Number(this.max) - Number(this.min);
+			let value = (left / maxWidth) * dvalue + Number(this.min);
+			// this.startX = pageX
+			this.lastLeft = left
+			this.styleChange(value, false)
+		},
+		endTouchmove(e) {
+			if (this.disabled) return;
+			let touch = e.touches[0] || e.changedTouches[0];
+			let pageX = touch.clientX;
+			this.drag = true
+			let left = this.endX - pageX + (this.onceRight || 0);
+			left = left < 0 ? 0 : left;
+			let maxWidth = Number(this.width) - Number(this.blockWidth);
+			left = left >= maxWidth ? maxWidth : left;
+			let dvalue = Number(this.max) - Number(this.min);
+			let value = (left / maxWidth) * dvalue + Number(this.min);
+			// this.endX = pageX
+			this.lastRight = left
+			this.styleSectionChange(value, false)
+		},
+		touchend(e) {
+			if (this.disabled) return;
+			if (this.drag) {
+				let maxWidth = Number(this.width) - Number(this.blockWidth);
+				let dvalue = Number(this.max) - Number(this.min);
+				let value = (this.lastLeft / maxWidth) * dvalue + Number(this.min);
+				this.styleChange(value, true)
+				this.drag = false
+			}
+		},
+		endTouchend(e) {
+			if (this.disabled) return;
+			if (this.drag) {
+				let maxWidth = Number(this.width) - Number(this.blockWidth);
+				let dvalue = Number(this.max) - Number(this.min);
+				let value = (this.lastRight / maxWidth) * dvalue + Number(this.min);
+				this.styleSectionChange(value, true)
+				this.drag = false
+			}
+		}
+	}
+}
+
+// #endif
+
+// #ifdef APP-PLUS|| MP-WEIXIN || H5
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-spin/fui-spin.vue b/components/firstui/fui-spin/fui-spin.vue
new file mode 100644
index 0000000..41a1e03
--- /dev/null
+++ b/components/firstui/fui-spin/fui-spin.vue
@@ -0,0 +1,119 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8  61 4  0 72   549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-spin__wrap" :style="{width:width?width+'rpx':'auto',height:height?height+'rpx':'auto'}"
+		ref="fui_spin_ani">
+		<slot></slot>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	export default {
+		name: "fui-spin",
+		props: {
+			width: {
+				type: [Number, String],
+				default: 0
+			},
+			height: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		data() {
+			return {
+				// #ifdef APP-NVUE
+				deg: 0,
+				stop: false
+				// #endif
+			};
+		},
+		// #ifdef APP-NVUE
+		mounted() {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this.deg += 360;
+					this._animation()
+				}, 50)
+			})
+		},
+		// #endif
+		// #ifdef APP-NVUE
+		// #ifndef VUE3
+		beforeDestroy() {
+			this.deg = 0;
+			this.stop = true;
+		},
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+			this.deg = 0;
+			this.stop = true;
+		},
+		// #endif
+		// #endif
+		methods: {
+			// #ifdef APP-NVUE
+			_animation() {
+				if (!this.$refs['fui_spin_ani'] || this.stop) return;
+				animation.transition(
+					this.$refs['fui_spin_ani'].ref, {
+						styles: {
+							transform: `rotate(${this.deg}deg)`
+						},
+						duration: 800, //ms
+						timingFunction: 'linear',
+						iterationCount: 'infinite',
+						needLayout: false,
+						delay: 0 //ms
+					}, () => {
+						this.deg += 360;
+						this._animation()
+					}
+				);
+			}
+			// #endif
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-spin__wrap {
+		/* #ifndef APP-NVUE */
+		display: inline-flex;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		flex-direction: row;
+
+		/* #ifndef APP-NVUE */
+		animation: spin 0.85s linear infinite;
+		/* #endif */
+	}
+
+
+	/* #ifndef APP-NVUE */
+	@-webkit-keyframes spin {
+		0% {
+			transform: rotate(0deg);
+		}
+
+		100% {
+			transform: rotate(360deg);
+		}
+	}
+
+	@keyframes spin {
+		0% {
+			transform: rotate(0deg);
+		}
+
+		100% {
+			transform: rotate(360deg);
+		}
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-status-bar/fui-status-bar.vue b/components/firstui/fui-status-bar/fui-status-bar.vue
new file mode 100644
index 0000000..4b4d6b3
--- /dev/null
+++ b/components/firstui/fui-status-bar/fui-status-bar.vue
@@ -0,0 +1,59 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8614 0  7 2 5  4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view :style="{ height: statusBarHeight,zIndex:isFixed?zIndex:1,background:background }" class="fui-status__bar"
+		:class="{'fui-status__bar-fixed':isFixed}">
+		<slot />
+	</view>
+</template>
+
+<script>
+	var statusBarHeight = uni.getSystemInfoSync().statusBarHeight + 'px'
+	export default {
+		name: "fui-status-bar",
+		emits: ['init'],
+		props: {
+			//背景色
+			background: {
+				type: String,
+				default: 'transparent'
+			},
+			//是否固定在顶部
+			isFixed: {
+				type: Boolean,
+				default: false
+			},
+			//z-index值，isFixed为true时生效
+			zIndex: {
+				type: Number,
+				default: 99
+			}
+		},
+		data() {
+			return {
+				statusBarHeight
+			};
+		},
+		created() {
+			this.$emit('init', {
+				statusBarHeight: statusBarHeight
+			})
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-status__bar {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+		height: 20px;
+		overflow: hidden;
+	}
+
+	.fui-status__bar-fixed {
+		position: fixed;
+		left: 0;
+		right: 0;
+		top: 0;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-steps/fui-steps.vue b/components/firstui/fui-steps/fui-steps.vue
new file mode 100644
index 0000000..b5d94a5
--- /dev/null
+++ b/components/firstui/fui-steps/fui-steps.vue
@@ -0,0 +1,484 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1861 40    72  5  4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-steps__wrap" :class="{'fui-steps__flex':direction==='row'}"
+		:style="{paddingTop:padding[0] || 0,paddingRight:padding[1]||0,paddingBottom:padding[2] || padding[0]||0,paddingLeft:padding[3] || padding[1]||0,background:background}">
+		<view class="fui-steps__node-wrap"
+			:class="[direction==='column'?'fui-steps__flex-row':'fui-steps__flex-col',direction==='row'?'fui-steps__nw-col':'fui-steps__nw-row']"
+			v-for="(item,index) in items" :key="index" @tap.stop="handleClick(index)">
+			<view class="fui-steps__node-box"
+				:class="[direction==='row'?'fui-steps__flex-row':'fui-steps__flex-col',direction==='row'?'':'fui-steps__node-weex']"
+				:style="getStyles">
+				<view class="fui-steps__line"
+					:class="['fui-steps__line-'+direction+(lineBold?'_bold':''),index<=current && index!==0 && !getActiveColor?'fui-steps__background':'']"
+					:style="{background:index===0?'transparent':(index<=current?getActiveColor:nodeColor)}"
+					v-if="direction==='row'"></view>
+				<view class="fui-steps__node">
+					<text class="fui-steps__node-text"
+						:class="{'fui-steps__background':index<=current && !getActiveColor,'fui-steps__border':index<=current && !getActiveColor}"
+						v-if="item.text && !(isMark && index==current)"
+						:style="{background:index<=current?getActiveColor:'#fff',borderColor:index<=current?getActiveColor:nodeColor,color:index<=current?'#fff':color}">{{item.text}}</text>
+					<view class="fui-steps__checkbox"
+						:class="{'fui-steps__background':!getActiveColor && !processColor}"
+						:style="{background:processColor || getActiveColor}" v-if="isMark && index==current">
+						<template v-if="processStatus==='fail'">
+							<view class="fui-steps__ia-fail"></view>
+							<view class="fui-steps__ib-fail"></view>
+						</template>
+						<view class="fui-steps__ic-waiting" v-else-if="processStatus==='wait'"></view>
+						<view class="fui-steps__checkmark" v-else></view>
+					</view>
+					<view class="fui-steps__node-dot"
+						:class="{'fui-steps__background':index<=current && !getActiveColor}"
+						:style="{background:index<=current?getActiveColor:nodeColor}"
+						v-if="!item.text && !item.src && !(isMark && index==current)">
+					</view>
+					<image :src="index<=current?(item.activeSrc || item.src):item.src" mode="widthFix"
+						class="fui-steps__node-icon" v-if="!item.text && item.src && !(isMark && index==current)"
+						:style="{borderRadius:radius || 0}"></image>
+				</view>
+				<view class="fui-steps__line"
+					:class="['fui-steps__line-'+direction+(lineBold?'_bold':''),index!==items.length-1 && !getActiveColor  && (index<current || (index==current && isWait && direction==='row' && !processColor))?'fui-steps__background':'']"
+					:style="{background:index===items.length-1?'transparent':((index<current) || (index==current && isWait && direction==='row')?getColor(index,current):nodeColor)}">
+				</view>
+			</view>
+			<view class="fui-steps__content"
+				:class="[direction==='row'?'fui-steps__content-row':'fui-steps__content-col']"
+				:style="{paddingBottom:index===items.length-1 || direction==='row'? '0rpx':'64rpx',paddingLeft:direction==='row'?'20rpx':(isNvue?`${height+24}rpx`:'24rpx')}">
+				<text class="fui-steps__title"
+					:class="{'fui-steps__text-row':direction==='row','fui-steps__color':(index<current && !getActiveColor) || (index===current && !processColor && !getActiveColor)}"
+					v-if="item.title"
+					:style="{color:index<=current?getColor(index,current):color,fontSize:size+'rpx',fontWeight:fontWeight}">{{item.title}}</text>
+				<text class="fui-steps__descr"
+					:class="{'fui-steps__text-row':direction==='row','fui-steps__color':(index<current && !getActiveColor) || (index===current && !processColor && !getActiveColor)}"
+					v-if="item.descr"
+					:style="{color:index<=current?getColor(index,current):descrColor,fontSize:descrSize+'rpx'}">{{item.descr}}</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-steps",
+		emits: ['click'],
+		props: {
+			items: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			current: {
+				type: [Number, String],
+				default: 0
+			},
+			//row/column
+			direction: {
+				type: String,
+				default: 'row'
+			},
+			padding: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			background: {
+				type: String,
+				default: 'transparent'
+			},
+			height: {
+				type: [Number, String],
+				default: 50
+			},
+			nodeColor: {
+				type: String,
+				default: '#ccc'
+			},
+			color: {
+				type: String,
+				default: '#181818'
+			},
+			size: {
+				type: [Number, String],
+				default: 32
+			},
+			fontWeight: {
+				type: [Number, String],
+				default: 400
+			},
+			descrColor: {
+				type: String,
+				default: '#B2B2B2'
+			},
+			descrSize: {
+				type: [Number, String],
+				default: 24
+			},
+			activeColor: {
+				type: String,
+				default: ''
+			},
+			//V1.9.8+ 设置当前步骤的状态 wait /  error / success
+			processStatus: {
+				type: String,
+				default: ''
+			},
+			//V1.9.8+ 设置当前步骤的状态 颜色
+			processColor: {
+				type: String,
+				default: ''
+			},
+			radius: {
+				type: String,
+				default: '0rpx'
+			},
+			//完成到当前步骤时是否需要对号标识
+			isMark: {
+				type: Boolean,
+				default: true
+			},
+			isWait: {
+				type: Boolean,
+				default: false
+			},
+			//步骤线条是否加粗 V1.9.8+
+			lineBold: {
+				type: Boolean,
+				default: false
+			}
+		},
+		computed: {
+			getStyles() {
+				let styles = `height:${this.height}rpx`;
+				if (this.direction === 'column') {
+					styles = `width:${this.height}rpx`;
+				}
+				return styles
+			},
+			getActiveColor() {
+				let color = this.activeColor;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color;
+			}
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				isNvue
+			}
+		},
+		methods: {
+			getColor(index, current) {
+				let color = this.getActiveColor
+				if (index === current) {
+					color = this.processColor || color
+				}
+				return color;
+			},
+			handleClick(index) {
+				this.$emit('click', {
+					index: index,
+					...this.items[index]
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-steps__wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		box-sizing: border-box;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+		flex-direction: column;
+	}
+
+	.fui-steps__flex {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		/* #ifdef APP-NVUE */
+		align-items: flex-start !important;
+		/* #endif */
+	}
+
+	.fui-steps__node-wrap {
+		position: relative;
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+	}
+
+	.fui-steps__nw-col {
+		flex: 1;
+	}
+
+	.fui-steps__flex-row {
+		flex-direction: row;
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		/* #endif */
+	}
+
+	.fui-steps__flex-col {
+		flex-direction: column;
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-steps__nw-row {
+		align-items: flex-start;
+	}
+
+	/* #endif */
+
+	.fui-steps__line {
+		/* #ifndef APP-NVUE */
+		transform-origin: center;
+		/* #endif */
+		flex: 1;
+	}
+
+	.fui-steps__line-row {
+		/* #ifdef APP-NVUE */
+		height: 0.5px;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		height: 1px;
+		transform: scaleY(.5) translateZ(0);
+		/* #endif */
+	}
+
+	.fui-steps__line-row_bold {
+		height: 1px;
+	}
+
+	.fui-steps__line-column {
+		/* #ifdef APP-NVUE */
+		width: 0.5px;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		width: 1px;
+		transform: scaleX(.5) translateZ(0);
+		/* #endif */
+	}
+
+	.fui-steps__line-column_bold {
+		width: 1px;
+	}
+
+	.fui-steps__node-box {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		flex-shrink: 0;
+		/* #endif */
+		align-items: center;
+		overflow: hidden;
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-steps__node-weex {
+		position: absolute;
+		top: 0;
+		bottom: 0;
+		left: 0;
+	}
+
+	/* #endif */
+
+	.fui-steps__node {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		flex-shrink: 0;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+	}
+
+	.fui-steps__node-text {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		border-radius: 50%;
+		/* #endif */
+		width: 44rpx;
+		height: 44rpx;
+		/* #ifdef APP-NVUE */
+		border-radius: 24rpx;
+		line-height: 44rpx;
+		/* #endif */
+		background-color: #fff;
+		border-style: solid;
+		border-width: 1rpx;
+		font-size: 28rpx;
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+		font-weight: normal;
+		overflow: hidden;
+	}
+
+	.fui-steps__node-icon {
+		width: 44rpx;
+		height: 44rpx;
+		/* #ifndef APP-NVUE */
+		display: block;
+		flex-shrink: 0;
+		/* #endif */
+	}
+
+	.fui-steps__node-dot {
+		width: 9px;
+		height: 9px;
+		/* #ifndef APP-NVUE */
+		border-radius: 50%;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		border-radius: 9px;
+		/* #endif */
+		background-color: #ccc;
+	}
+
+	.fui-steps__content {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex: 1;
+		flex-direction: column;
+	}
+
+	.fui-steps__content-row {
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		word-break: break-all;
+		/* #endif */
+		padding: 12rpx 20rpx 0;
+		align-items: center;
+		overflow: hidden;
+	}
+
+	.fui-steps__content-col {
+		padding-left: 24rpx;
+		padding-bottom: 64rpx;
+	}
+
+	.fui-steps__title,
+	.fui-steps__descr {
+		/* #ifndef APP-NVUE */
+		display: block;
+		word-break: break-all;
+		/* #endif */
+		padding-bottom: 8rpx;
+		font-weight: normal;
+	}
+
+	.fui-steps__text-row {
+		text-align: center;
+	}
+
+	.fui-steps__checkbox {
+		width: 44rpx;
+		height: 44rpx;
+		/* #ifdef APP-NVUE */
+		border-radius: 44rpx;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		display: inline-flex;
+		box-sizing: border-box;
+		border-radius: 50%;
+		vertical-align: top;
+		flex-shrink: 0;
+		/* #endif */
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		overflow: hidden;
+		position: relative;
+
+	}
+
+	.fui-steps__checkmark {
+		width: 22rpx;
+		height: 44rpx;
+		border-bottom-style: solid;
+		border-bottom-width: 3px;
+		border-bottom-color: #FFFFFF;
+		border-right-style: solid;
+		border-right-width: 3px;
+		border-right-color: #FFFFFF;
+		transform: rotate(45deg) scale(0.5);
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		transform: rotate(45deg) scale(0.5) translateZ(0);
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		transform: rotate(45deg) scale(0.5);
+		/* #endif */
+		transform-origin: 54% 48%;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-steps__color {
+		color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-steps__border {
+		border-color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-steps__background {
+		background: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+
+	.fui-steps__ia-fail {
+		width: 48rpx;
+		height: 3px;
+		transform: rotate(45deg) scale(0.5);
+		background: #FFFFFF;
+	}
+
+	.fui-steps__ib-fail {
+		width: 48rpx;
+		height: 3px;
+		margin-top: -3px;
+		transform: rotate(-45deg) scale(0.5);
+		background: #FFFFFF;
+	}
+
+	.fui-steps__ic-waiting {
+		height: 32rpx;
+		width: 32rpx;
+		border-style: solid;
+		border-bottom-width: 3px;
+		border-left-width: 3px;
+		border-top-width: 0;
+		border-right-width: 0;
+		border-color: #fff;
+		margin-left: 6rpx;
+		margin-top: -6rpx;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+		transform: scale(.5);
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-sticky/fui-sticky.vue b/components/firstui/fui-sticky/fui-sticky.vue
new file mode 100644
index 0000000..87217fd
--- /dev/null
+++ b/components/firstui/fui-sticky/fui-sticky.vue
@@ -0,0 +1,190 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1   8   61407  2 549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-sticky__wrap" :class="{'fui-sticky__fixed':!range}" :style="getStyles" :id="elId"
+		ref="fui_sticky__el">
+		<view :class="{'fui-sticky__fixed':range,'fui-sticky__fixed-mp':!range && isFixed}" :style="getStyle">
+			<slot></slot>
+		</view>
+		<!-- #ifdef MP-BAIDU || MP-QQ || MP-TOUTIAO -->
+		<view class="fui-sticky__seat" :class="{'fui-sticky__seat-hidden':!isFixed}" v-if="!range"
+			:style="{height:height+'px'}"></view>
+		<!-- #endif -->
+		<slot name="content"></slot>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const dom = weex.requireModule('dom')
+	// #endif
+	export default {
+		name: "fui-sticky",
+		emits: ['sticky'],
+		// #ifdef MP-WEIXIN
+		options: {
+			virtualHost: true
+		},
+		// #endif
+		props: {
+			top: {
+				type: [Number, String],
+				default: 0
+			},
+			range: {
+				type: Boolean,
+				default: false
+			},
+			scrollTop: {
+				type: Number,
+				default: 0
+			},
+			zIndex: {
+				type: [Number, String],
+				default: 999
+			},
+			width: {
+				type: [Number, String],
+				default: 750
+			},
+			param: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		computed: {
+			getStyles() {
+				let styles = ''
+				// #ifdef APP-NVUE
+				styles = `width:${this.width}rpx;`
+				// #endif
+				if (!this.range) {
+					styles += `top:${this.top}px;z-index:${this.zIndex};`
+				}
+				return styles
+			},
+			getStyle() {
+				let styles = ''
+				if (this.range) {
+					styles = `top:${this.top}px;z-index:${this.zIndex};`
+				}
+				return styles
+			}
+		},
+		watch: {
+			scrollTop(val) {
+				this.updateStickyChange();
+			}
+		},
+		mounted() {
+			this.$nextTick(()=>{
+				setTimeout(() => {
+					this.init(() => {
+						this.updateStickyChange();
+					});
+				}, 50)
+			})
+		},
+		updated(e) {
+			this.$nextTick(() => {
+				this.init(() => {
+					this.updateStickyChange();
+				});
+			})
+		},
+		data() {
+			const elId = `fui_${Math.ceil(Math.random() * 10e5).toString(36)}`
+			return {
+				elId: elId,
+				timer: null,
+				elTop: 0,
+				height: 0,
+				isFixed: false
+			};
+		},
+		methods: {
+			updateStickyChange() {
+				const et = this.elTop;
+				const h = this.height;
+				const st = this.scrollTop
+				const t = this.top
+				if (this.range) {
+					this.isFixed = (st + t >= et && st + t < et + h) ? true : false
+				} else {
+					this.isFixed = st + t >= et ? true : false
+				}
+				//是否吸顶
+				this.$emit("sticky", {
+					isFixed: this.isFixed,
+					param: this.param
+				})
+			},
+			init(callback) {
+				// #ifndef APP-NVUE
+				const elId = `#${this.elId}`;
+				uni.createSelectorQuery()
+					// #ifndef MP-ALIPAY
+					.in(this)
+					// #endif
+					.select(elId)
+					.fields({
+						size: true,
+						rect: true
+					}, res => {
+						if (res) {
+							this.elTop = res.top + (this.scrollTop || 0);
+							this.height = res.height;
+							callback && callback()
+						}
+					}).exec()
+				// #endif
+
+				// #ifdef APP-NVUE
+				dom.getComponentRect(this.$refs['fui_sticky__el'], option => {
+					if (option && option.result && option.size) {
+						this.height = option.size.height + 1
+						this.elTop = option.size.top + (this.scrollTop || 0)
+						callback && callback()
+					}
+				})
+				// #endif
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-sticky__wrap {
+		/* #ifndef APP-VUE */
+		width: 100%;
+		/* #endif */
+	}
+
+	.fui-sticky__fixed {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+		position: sticky;
+		top: 0;
+	}
+
+	/* #ifdef MP-QQ || MP-BAIDU || MP-TOUTIAO */
+	.fui-sticky__fixed-mp {
+		width: 100%;
+		position: fixed;
+		top: 0;
+		left: 0;
+	}
+
+	.fui-sticky__seat {
+		width: 100%;
+	}
+
+	.fui-sticky__seat-hidden {
+		position: fixed;
+		left: -9999px;
+		z-index: -10;
+		visibility: hidden;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-swipe-action/bindingx.js b/components/firstui/fui-swipe-action/bindingx.js
new file mode 100644
index 0000000..1be182e
--- /dev/null
+++ b/components/firstui/fui-swipe-action/bindingx.js
@@ -0,0 +1,226 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1 8 6140   7  2 5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifdef APP-NVUE
+const BindingX = uni.requireNativePlugin('bindingx');
+const dom = uni.requireNativePlugin('dom');
+const animation = uni.requireNativePlugin('animation');
+
+export default {
+	data() {
+		return {}
+	},
+	watch: {
+		show(newVal) {
+			// if (this.autoClose) return
+			if (this.stop) return
+			this.stop = true
+			if (newVal) {
+				this.open(newVal)
+			} else {
+				this.close()
+			}
+		},
+		buttons(newVal) {
+			this.init()
+		}
+	},
+	created() {
+		this.group = this.getParent()
+		if (this.group.children !== undefined) {
+			this.group.children.push(this)
+		}
+	},
+	mounted() {
+		this.$nextTick(()=>{
+			this.box = this.getEl(this.$refs['fui_swipea_wrap'])
+			this.selector = this.getEl(this.$refs['fui_swipea_content']);
+			this.rightButton = this.getEl(this.$refs['fui_swipea_buttons']);
+		})
+		this.init()
+	},
+	methods: {
+		init() {
+			this.$nextTick(() => {
+				this.x = 0
+				this.button = {
+					show: false
+				}
+				setTimeout(() => {
+					this.getSelectorQuery()
+				}, 200)
+			})
+		},
+		handleClick(e, index, item) {
+			e.stopPropagation();
+			this.$emit('click', {
+				item,
+				index,
+				param: this.param
+			})
+		},
+		touchstart(e) {
+			if (this.disabled) return
+			// 每次只触发一次，避免多次监听造成闪烁
+			if (this.stop) return
+			this.stop = true
+			if (this.autoClose) {
+				this.group && this.group.closeAuto(this)
+			}
+
+			const rightWidth = this.button.right.width || 0
+			let expression = this.range(this.x, -rightWidth, 0)
+			let rightExpression = this.range(this.x + rightWidth, 0, rightWidth)
+
+			this.eventpan = BindingX.bind({
+				anchor: this.box,
+				eventType: 'pan',
+				props: [{
+					element: this.selector,
+					property: 'transform.translateX',
+					expression
+				}, {
+					element: this.rightButton,
+					property: 'transform.translateX',
+					expression: rightExpression
+				}]
+			}, (e) => {
+				if (e.state === 'end') {
+					this.x = e.deltaX + this.x;
+					this.isclick = true
+					this.bindTiming(e.deltaX)
+				}
+			});
+		},
+		touchend(e) {
+			if (this.isopen && !this.isclick) {
+				this.open(false)
+			}
+		},
+		bindTiming(x) {
+			const left = this.x
+			const rightWidth = this.button.right.width || 0
+			const threshold = Number(this.threshold)
+			if (!this.isopen) {
+				if (left < -threshold) {
+					this.open(true)
+				} else {
+					this.open(false)
+				}
+			} else {
+				if ((x < threshold && x > 0) || (x < -threshold)) {
+					this.open(true)
+				} else {
+					this.open(false)
+				}
+			}
+		},
+		range(num, mix, max) {
+			return `min(max(x+${num}, ${mix}), ${max})`
+		},
+		open(type) {
+			this.animation(type)
+		},
+		close() {
+			this.animation(false)
+		},
+		animation(type) {
+			const time = 300
+			const rightWidth = this.button.right.width || 0
+			if (this.eventpan && this.eventpan.token) {
+				BindingX.unbind({
+					token: this.eventpan.token,
+					eventType: 'pan'
+				})
+			}
+
+			if (type) {
+				Promise.all([
+					this.move(this.selector, -rightWidth),
+					this.move(this.rightButton, 0)
+				]).then(() => {
+					this.setEmit(-rightWidth, type)
+				})
+			} else {
+				Promise.all([
+					this.move(this.selector, 0),
+					this.move(this.rightButton, rightWidth)
+				]).then(() => {
+					this.setEmit(0, type)
+				})
+			}
+		},
+		setEmit(x, type) {
+			const rightWidth = this.button.right.width
+			this.isopen = this.isopen || false
+			this.stop = false
+			this.isclick = false
+			if (this.isopen !== type && this.x !== x) {
+				if (type && rightWidth > 0) {
+					this.$emit('change', {
+						isOpen: true,
+						param: this.param
+					})
+				}
+				if (!type) {
+					this.$emit('change', {
+						isOpen: false,
+						param: this.param
+					})
+				}
+			}
+			this.x = x
+			this.isopen = type
+		},
+		move(ref, value) {
+			return new Promise((resolve, reject) => {
+				animation.transition(ref, {
+					styles: {
+						transform: `translateX(${value})`,
+					},
+					duration: 150, //ms
+					timingFunction: 'linear',
+					needLayout: false,
+					delay: 0 //ms
+				}, function(res) {
+					resolve(res)
+				})
+			})
+
+		},
+		getEl(el) {
+			return el.ref
+		},
+		getSelectorQuery() {
+			Promise.all([
+				this.getDom(),
+			]).then((data) => {
+				// let show = false
+				// if (!this.autoClose) {
+				// 	show = this.show
+				// }
+				// if (show) {
+				// 	this.open(show)
+				// }
+				this.open(this.show)
+			})
+
+		},
+		getDom() {
+			return new Promise((resolve, reject) => {
+				dom.getComponentRect(this.$refs['fui_swipea_buttons'], (data) => {
+					if (data) {
+						this.button['right'] = data.size
+						resolve(data)
+					} else {
+						reject()
+					}
+				})
+			})
+		}
+	}
+}
+
+// #endif
+
+// #ifndef APP-NVUE
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-swipe-action/fui-swipe-action.vue b/components/firstui/fui-swipe-action/fui-swipe-action.vue
new file mode 100644
index 0000000..e1fc15e
--- /dev/null
+++ b/components/firstui/fui-swipe-action/fui-swipe-action.vue
@@ -0,0 +1,234 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：   1 8 614 0 7 2 5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<!-- #ifdef APP-VUE || MP-WEIXIN || H5 -->
+	<view class="fui-swipe__action-wrap" :style="{marginTop:marginTop+'rpx',marginBottom:marginBottom+'rpx'}">
+		<view class="fui-swipe__action-inner" :show="isShow" :change:show="handler.showChange" :threshold="thresholdVal"
+			:change:threshold="handler.thresholdChange" :disabled="isDisabled" :change:disabled="handler.disabledChange"
+			@touchstart="handler.touchstart" @touchmove="handler.touchmove" @touchend="handler.touchend"
+			@mousedown="handler.mousedown" @mousemove="handler.mousemove" @mouseup="handler.mouseup"
+			@mouseleave="handler.mouseleave">
+			<view class="fui-swipe__action-left">
+				<slot></slot>
+			</view>
+			<view class="fui-swipe__action-right">
+				<slot name="buttons">
+					<view class="fui-swipe__action-btn" :style="{background:item.background}"
+						v-for="(item,index) in buttons" :key="index" @touchstart="appTouchStart"
+						@touchend="appTouchEnd($event,index,item)" @tap.stop="handleClick(index,item)">
+						<text class="fui-swipe__action-text"
+							:style="{fontSize:(item.size || size)+'rpx',color:item.color || color}">{{item.text}}</text>
+					</view>
+				</slot>
+			</view>
+		</view>
+	</view>
+	<!-- #endif -->
+
+	<!-- #ifdef APP-NVUE -->
+	<view class="fui-swipe__action-wrap" :style="{marginTop:marginTop+'rpx',marginBottom:marginBottom+'rpx'}"
+		ref="fui_swipea_wrap" @horizontalpan="touchstart" @touchend="touchend">
+		<view class="fui-swipe__action-right" ref="fui_swipea_buttons">
+			<slot name="buttons">
+				<view class="fui-swipe__action-btn" :style="{background:item.background}"
+					v-for="(item,index) in buttons" :key="index" @tap.stop="handleClick($event,index,item)">
+					<text class="fui-swipe__action-text"
+						:style="{fontSize:(item.size || size)+'rpx',color:item.color || color}">{{item.text}}</text>
+				</view>
+			</slot>
+		</view>
+		<view class="fui-swipe__action-left" ref="fui_swipea_content">
+			<slot></slot>
+		</view>
+	</view>
+	<!-- #endif -->
+
+	<!-- #ifndef APP-PLUS|| MP-WEIXIN  ||  H5 -->
+	<view class="fui-swipe__action-wrap" :style="{marginTop:marginTop+'rpx',marginBottom:marginBottom+'rpx'}">
+		<view class="fui-swipe__action-inner" @touchstart="touchstart" @touchmove="touchmove" @touchend="touchend"
+			:style="{transform:moveLeft}" :class="{'fui-swipe__action-ani':ani}">
+			<view class="fui-swipe__action-left">
+				<slot></slot>
+			</view>
+			<view class="fui-swipe__action-right" :class="[elClass]">
+				<slot name="buttons">
+					<view class="fui-swipe__action-btn" :style="{background:item.background}"
+						v-for="(item,index) in buttons" :key="index" @touchstart="appTouchStart"
+						@touchend="appTouchEnd($event,index,item)">
+						<text class="fui-swipe__action-text"
+							:style="{fontSize:(item.size || size)+'rpx',color:item.color || color}">{{item.text}}</text>
+					</view>
+				</slot>
+			</view>
+		</view>
+	</view>
+	<!-- #endif -->
+
+</template>
+<!-- #ifdef APP-VUE || MP-WEIXIN || H5 -->
+<script src="./index.wxs" module="handler" lang="wxs"></script>
+<!-- #endif -->
+
+<script>
+	import mpwxs from './mpwxs.js'
+	import mpjs from './mpjs.js'
+	import bindingx from './bindingx.js'
+	const dangerColor = (uni && uni.$fui && uni.$fui.color && uni.$fui.color.danger) || '#FF2B2B'
+	export default {
+		name: "fui-swipe-action",
+		mixins: [mpwxs, mpjs, bindingx],
+		emits: ['click', 'change'],
+		props: {
+			buttons: {
+				type: Array,
+				default () {
+					return [{
+						text: '删除',
+						background: dangerColor
+					}]
+				}
+			},
+			size: {
+				type: [Number, String],
+				default: 32
+			},
+			color: {
+				type: String,
+				default: '#fff'
+			},
+			show: {
+				type: Boolean,
+				default: false
+			},
+			threshold: {
+				type: [Number, String],
+				default: 30
+			},
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+			autoClose: {
+				type: Boolean,
+				default: true
+			},
+			//1.9.9+
+			marginTop: {
+				type: [Number, String],
+				default: 0
+			},
+			//1.9.9+
+			marginBottom: {
+				type: [Number, String],
+				default: 0
+			},
+			param: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		// #ifndef VUE3
+		beforeDestroy() {
+			if (this.__beforeUnmount) return
+			this.unInstall()
+		},
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+			this.__beforeUnmount = true;
+			this.unInstall()
+		},
+		// #endif
+		methods: {
+			unInstall() {
+				if (this.group) {
+					this.group.children.forEach((item, index) => {
+						if (item === this) {
+							this.group.children.splice(index, 1)
+						}
+					})
+				}
+			},
+			//获取父元素实例
+			getParent(name = 'fui-swipeaction-group') {
+				let parent = this.$parent;
+				let parentName = parent.$options.name;
+				while (parentName !== name) {
+					parent = parent.$parent;
+					if (!parent) return false;
+					parentName = parent.$options.name;
+				}
+				return parent;
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-swipe__action-wrap {
+		position: relative;
+		/* #ifndef APP-NVUE */
+		overflow: hidden;
+		/* #endif */
+	}
+
+	.fui-swipe__action-inner {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		flex-shrink: 0;
+		/* #endif */
+		position: relative;
+	}
+
+	.fui-swipe__action-left {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		position: relative;
+		z-index: 10;
+		/* #endif */
+		flex: 1;
+	}
+
+	.fui-swipe__action-right {
+		/* #ifndef APP-NVUE */
+		display: inline-flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: row;
+		position: absolute;
+		top: 0;
+		bottom: 0;
+		right: 0;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+		transform: translateX(100%);
+	}
+
+	.fui-swipe__action-btn {
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		justify-content: center;
+		align-items: center;
+		padding: 0 48rpx;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-swipe__action-text {
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		/* #endif */
+	}
+
+	.fui-swipe__action-ani {
+		transition-property: transform;
+		transition-duration: 0.3s;
+		transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-swipe-action/index.wxs b/components/firstui/fui-swipe-action/index.wxs
new file mode 100644
index 0000000..0e194bb
--- /dev/null
+++ b/components/firstui/fui-swipe-action/index.wxs
@@ -0,0 +1,244 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：      1 8614 07 254 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+var MIN_DISTANCE = 10
+
+function isPC() {
+	if (typeof navigator !== 'object') return false;
+	var userAgentInfo = navigator.userAgent;
+	var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
+	var flag = true;
+	for (var v = 0; v < Agents.length - 1; v++) {
+		if (userAgentInfo.indexOf(Agents[v]) > 0) {
+			flag = false;
+			break;
+		}
+	}
+	return flag;
+}
+var isH5 = false
+if (typeof window === 'object') isH5 = true
+
+function getDom(ins, ownerInstance) {
+	var state = ins.getState()
+	var rightDom = ownerInstance.selectComponent('.fui-swipe__action-right')
+	if (!rightDom) {
+		state.rightWidth = 0;
+		return;
+	}
+	if (isH5 || isPC()) {
+		if (rightDom['$el']) {
+			state.rightWidth = rightDom['$el'].offsetWidth || 0
+		} else {
+			state.rightWidth = 0
+		}
+	} else {
+		var rightStyles = rightDom.getBoundingClientRect()
+		state.rightWidth = rightStyles.width || 0
+	}
+}
+
+function getDirection(x, y) {
+	if (x > y && x > MIN_DISTANCE) {
+		return 'horizontal';
+	}
+	if (y > x && y > MIN_DISTANCE) {
+		return 'vertical';
+	}
+	return '';
+}
+
+function stopTouchMove(event) {
+	var instance = event.instance;
+	var state = instance.getState();
+	var touch = event.touches[0];
+	if (isH5 && isPC()) {
+		touch = event;
+	}
+	state.deltaX = touch.clientX - state.startX;
+	state.deltaY = touch.clientY - state.startY;
+	state.offsetY = Math.abs(state.deltaY);
+	state.offsetX = Math.abs(state.deltaX);
+	state.direction = state.direction || getDirection(state.offsetX, state.offsetY);
+}
+
+function stopTouchStart(event) {
+	var instance = event.instance;
+	var state = instance.getState();
+	resetTouchStatus(instance);
+	var touch = event.touches[0];
+	if (isH5 && isPC()) {
+		touch = event;
+	}
+	state.startX = touch.clientX;
+	state.startY = touch.clientY;
+}
+
+function touchstart(e, ownerInstance) {
+	var ins = e.instance;
+	var state = ins.getState();
+	getDom(ins, ownerInstance)
+	if (state.disabled) return
+	// 开始触摸时移除动画类
+	ins.requestAnimationFrame(function() {
+		ins.removeClass('fui-swipe__action-ani');
+		ownerInstance.callMethod('closeSwipe');
+	})
+
+	// 记录上次的位置
+	state.x = state.left || 0
+	// 计算滑动开始位置
+	stopTouchStart(e, ownerInstance)
+}
+
+function move(value, ins, ownerInstance) {
+	value = value || 0
+	var state = ins.getState()
+	var rightWidth = state.rightWidth
+	// 获取可滑动范围
+	state.left = Math.min(Math.max(value, -rightWidth), 0);
+	ins.requestAnimationFrame(function() {
+		ins.setStyle({
+			transform: 'translateX(' + state.left + 'px)',
+			'-webkit-transform': 'translateX(' + state.left + 'px)'
+		})
+	})
+}
+
+function touchmove(e, ownerInstance) {
+	var ins = e.instance;
+	var state = ins.getState()
+	if (state.disabled) return;
+	// 是否可以滑动页面
+	stopTouchMove(e);
+	if (state.direction !== 'horizontal') return;
+
+	if (e.preventDefault) {
+		// 阻止页面滚动
+		e.preventDefault()
+	}
+
+	move(state.x + state.deltaX, ins, ownerInstance)
+}
+
+function openState(type, ins, ownerInstance) {
+	var state = ins.getState()
+	var leftWidth = state.leftWidth
+	var rightWidth = state.rightWidth
+	var left = ''
+	state.open = state.open ? state.open : 'none'
+	if (type === 'right' || type === true) {
+		left = -rightWidth
+	} else {
+		left = 0
+	}
+	if (state.open !== type) {
+		state.throttle = true
+		ownerInstance.callMethod('change', {
+			open: type
+		})
+	}
+
+	state.open = type
+	// 添加动画类
+	ins.requestAnimationFrame(function() {
+		ins.addClass('fui-swipe__action-ani');
+		move(left, ins, ownerInstance)
+	})
+}
+
+function moveDirection(left, ins, ownerInstance) {
+	var state = ins.getState()
+	var threshold = state.threshold || 30
+	var position = state.position
+	var open = state.open || 'none'
+	var rightWidth = state.rightWidth
+	if (state.deltaX === 0) {
+		openState('none', ins, ownerInstance)
+		return
+	}
+	if ((open === 'none' && rightWidth > 0 && -left > threshold) || (open !== 'none' && rightWidth > 0 &&
+			rightWidth +
+			left < threshold)) {
+		openState('right', ins, ownerInstance)
+	} else {
+		// default
+		openState('none', ins, ownerInstance)
+	}
+}
+
+function touchend(e, ownerInstance) {
+	var instance = e.instance;
+	var state = instance.getState()
+	if (state.disabled) return
+	moveDirection(state.left, instance, ownerInstance)
+}
+
+function resetTouchStatus(instance) {
+	var state = instance.getState();
+	state.direction = '';
+	state.deltaX = 0;
+	state.deltaY = 0;
+	state.offsetX = 0;
+	state.offsetY = 0;
+}
+
+function showChange(newVal, oldVal, ownerInstance, instance) {
+	var state = instance.getState()
+	getDom(instance, ownerInstance)
+	if (newVal && newVal !== 'none') {
+		openState(newVal || 'right', instance, ownerInstance)
+		return
+	}
+
+	if (state.left) {
+		openState('none', instance, ownerInstance)
+	}
+	resetTouchStatus(instance)
+}
+
+var movable = false
+
+function mousedown(e, ins) {
+	if (!isH5 || !isPC()) return
+	touchstart(e, ins)
+	movable = true
+}
+
+function mousemove(e, ins) {
+	if (!isH5 || !isPC() || !movable) return
+	touchmove(e, ins)
+}
+
+function mouseup(e, ins) {
+	if (!isH5 || !isPC()) return
+	touchend(e, ins)
+	movable = false
+}
+
+function mouseleave(e, ins) {
+	if (!isH5 || !isPC()) return
+	movable = false
+}
+
+function disabledChange(newVal, oldVal, ownerInstance, ins) {
+	var st = ins.getState()
+	st.disabled = newVal
+}
+
+function thresholdChange(newVal, oldVal, ownerInstance, ins) {
+	var st = ins.getState()
+	st.threshold = newVal || 30
+}
+
+
+module.exports = {
+	touchstart: touchstart,
+	touchmove: touchmove,
+	touchend: touchend,
+	mousedown: mousedown,
+	mousemove: mousemove,
+	mouseup: mouseup,
+	mouseleave: mouseleave,
+	disabledChange: disabledChange,
+	thresholdChange: thresholdChange,
+	showChange: showChange
+}
\ No newline at end of file
diff --git a/components/firstui/fui-swipe-action/mpjs.js b/components/firstui/fui-swipe-action/mpjs.js
new file mode 100644
index 0000000..dfc18c4
--- /dev/null
+++ b/components/firstui/fui-swipe-action/mpjs.js
@@ -0,0 +1,195 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 1  861  4 0 7  25 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifndef APP-PLUS|| MP-WEIXIN  ||  H5
+
+const MIN_DISTANCE = 10;
+export default {
+	data() {
+		const elClass = `fui_sa_${Math.ceil(Math.random() * 10e5).toString(36)}`
+		return {
+			left: 0,
+			isShow: false,
+			ani: false,
+			moveLeft: '',
+			elClass
+		}
+	},
+	watch: {
+		show(newVal) {
+			// if (this.autoClose) return
+			this.openState(newVal)
+		},
+		left() {
+			this.moveLeft = `translateX(${this.left}px)`
+		},
+		isShow(newVal) {
+			// if (this.autoClose) return
+			this.openState(newVal)
+		},
+		buttons() {
+			this.init()
+		}
+	},
+	mounted() {
+		this.$nextTick(()=>{
+			this.group = this.getParent()
+			if (this.group.children !== undefined) {
+				this.group.children.push(this)
+			}
+			this.init()
+		})
+	},
+	methods: {
+		init() {
+			clearTimeout(this.timer)
+			this.timer = setTimeout(() => {
+				this.getSelectorQuery()
+			}, 100)
+			this.left = 0
+			this.x = 0
+		},
+		closeSwipe(e) {
+			if (!this.autoClose) return
+			this.group && this.group.closeAuto(this)
+		},
+		//解决 ios 13 点击区域错位的问题
+		appTouchStart(e) {
+			const {
+				clientX
+			} = e.changedTouches[0]
+			this.clientX = clientX
+			this.timestamp = new Date().getTime()
+		},
+		appTouchEnd(e, index, item) {
+			const {
+				clientX
+			} = e.changedTouches[0]
+			let diff = Math.abs(this.clientX - clientX)
+			let time = (new Date().getTime()) - this.timestamp
+			if (diff < 40 && time < 300) {
+				this.$emit('click', {
+					item,
+					index,
+					param: this.param
+				})
+			}
+		},
+		touchstart(e) {
+			if (this.disabled) return
+			this.ani = false
+			this.x = this.left || 0
+			this.stopTouchStart(e)
+			this.autoClose && this.closeSwipe()
+		},
+		touchmove(e) {
+			if (this.disabled) return
+			// 是否可以滑动页面
+			this.stopTouchMove(e);
+			if (this.direction !== 'horizontal') {
+				return;
+			}
+			this.move(this.x + this.deltaX)
+			return false
+		},
+		touchend() {
+			if (this.disabled) return
+			this.moveDirection(this.left)
+		},
+		move(value) {
+			value = value || 0
+			const rightWidth = this.rightWidth
+			this.left = Math.min(Math.max(value, -rightWidth), 0);
+		},
+		moveDirection(left) {
+			const threshold = Number(this.threshold)
+			const open = this.open || false
+			const leftWidth = this.leftWidth
+			const rightWidth = this.rightWidth
+			if (this.deltaX === 0) {
+				this.openState(false)
+				return
+			}
+			if ((!open && rightWidth > 0 && -left > threshold) || (open && rightWidth > 0 && rightWidth + left <
+					threshold)) {
+				this.openState(true)
+			} else {
+				this.openState(false)
+			}
+		},
+		openState(type) {
+			const rightWidth = this.rightWidth
+			let left = ''
+			this.open = this.open ? this.open : false
+			if (type) {
+				left = -rightWidth
+			} else {
+				left = 0
+			}
+			if (this.open !== type) {
+				this.$emit('change', {
+					isOpen: type,
+					param: this.param
+				})
+			}
+
+			this.open = type
+			// 添加动画类
+			this.ani = true
+			this.$nextTick(() => {
+				this.move(left)
+			})
+		},
+		close() {
+			this.openState(false)
+		},
+		getDirection(x, y) {
+			if (x > y && x > MIN_DISTANCE) {
+				return 'horizontal';
+			}
+			if (y > x && y > MIN_DISTANCE) {
+				return 'vertical';
+			}
+			return '';
+		},
+		resetTouchStatus() {
+			this.direction = '';
+			this.deltaX = 0;
+			this.deltaY = 0;
+			this.offsetX = 0;
+			this.offsetY = 0;
+		},
+		stopTouchStart(event) {
+			this.resetTouchStatus();
+			const touch = event.touches[0];
+			this.startX = touch.clientX;
+			this.startY = touch.clientY;
+		},
+		stopTouchMove(event) {
+			const touch = event.touches[0];
+			this.deltaX = touch.clientX - this.startX;
+			this.deltaY = touch.clientY - this.startY;
+			this.offsetX = Math.abs(this.deltaX);
+			this.offsetY = Math.abs(this.deltaY);
+			this.direction = this.direction || this.getDirection(this.offsetX, this.offsetY);
+		},
+
+		getSelectorQuery() {
+			uni.createSelectorQuery()
+				// #ifndef MP-ALIPAY
+				.in(this)
+				// #endif
+				.select('.' + this.elClass)
+				.boundingClientRect(data => {
+					if (data.length === 0) return
+					this.rightWidth = data.width || 0
+					this.isShow = this.show
+				})
+				.exec()
+		}
+	}
+}
+
+// #endif
+
+// #ifdef APP-PLUS|| MP-WEIXIN  ||  H5
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-swipe-action/mpwxs.js b/components/firstui/fui-swipe-action/mpwxs.js
new file mode 100644
index 0000000..29fc79c
--- /dev/null
+++ b/components/firstui/fui-swipe-action/mpwxs.js
@@ -0,0 +1,107 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18   61 40  725 4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifdef APP-VUE|| MP-WEIXIN || H5
+export default {
+	data() {
+		return {
+			isShow: false,
+			isDisabled: false,
+			thresholdVal: 30
+		}
+	},
+	watch: {
+		show(newVal) {
+			this.isShow = this.show
+		},
+		disabled(val) {
+			this.isDisabled = this.disabled
+		},
+		threshold(val) {
+			this.thresholdVal = Number(this.threshold)
+		}
+	},
+	created() {
+		this.group = this.getParent()
+		if (this.group.children !== undefined) {
+			this.group.children.push(this)
+		}
+	},
+	mounted() {
+		this.$nextTick(() => {
+			setTimeout(() => {
+				this.isShow = this.show
+				this.isDisabled = this.disabled
+				this.thresholdVal = Number(this.threshold)
+			}, 10)
+		})
+	},
+	methods: {
+		closeSwipe(e) {
+			if (!this.autoClose) return
+			this.group && this.group.closeAuto(this)
+		},
+		change(e) {
+			this.$emit('change', {
+				isOpen: e.open === 'right',
+				param: this.param
+			})
+			if (this.isShow !== e.open) {
+				this.isShow = e.open
+			}
+		},
+		isPC() {
+			var userAgentInfo = navigator.userAgent;
+			var Agents = ["Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod"];
+			var flag = true;
+			for (let v = 0; v < Agents.length - 1; v++) {
+				if (userAgentInfo.indexOf(Agents[v]) > 0) {
+					flag = false;
+					break;
+				}
+			}
+			return flag;
+		},
+		//解决 ios 13 点击区域错位的问题
+		appTouchStart(e) {
+			// #ifdef H5
+			if (this.isPC()) return
+			// #endif
+			const {
+				clientX
+			} = e.changedTouches[0]
+			this.clientX = clientX
+			this.timestamp = new Date().getTime()
+		},
+		appTouchEnd(e, index, item) {
+			// #ifdef H5
+			if (this.isPC()) return
+			// #endif
+			const {
+				clientX
+			} = e.changedTouches[0]
+			let diff = Math.abs(this.clientX - clientX)
+			let time = (new Date().getTime()) - this.timestamp
+			if (diff < 40 && time < 300) {
+				this.$emit('click', {
+					index,
+					item,
+					param: this.param
+				})
+			}
+		},
+		handleClick(index, item) {
+			// #ifdef H5
+			if (!this.isPC()) return
+			this.$emit('click', {
+				index,
+				item,
+				param: this.param
+			})
+			// #endif
+		}
+	}
+}
+
+// #endif
+// #ifndef APP-VUE|| MP-WEIXIN || H5
+export default {}
+// #endif
\ No newline at end of file
diff --git a/components/firstui/fui-swipeaction-group/fui-swipeaction-group.vue b/components/firstui/fui-swipeaction-group/fui-swipeaction-group.vue
new file mode 100644
index 0000000..409d001
--- /dev/null
+++ b/components/firstui/fui-swipeaction-group/fui-swipeaction-group.vue
@@ -0,0 +1,57 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：    18 61 4  072 5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view>
+		<slot></slot>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-swipeaction-group",
+		data() {
+			return {};
+		},
+		created() {
+			this.children = [];
+		},
+		methods: {
+			reset() {
+				// wxs 会自己计算组件大小，所以无需执行下面代码
+				// #ifndef APP-VUE || H5 || MP-WEIXIN
+				this.children.forEach(child => {
+					child.init()
+				})
+				// #endif
+			},
+			close() {
+				this.children.forEach(child => {
+					// #ifdef APP-VUE || H5 || MP-WEIXIN
+					child.isShow = false;
+					// #endif
+
+					// #ifndef APP-VUE || H5 || MP-WEIXIN
+					child.close()
+					// #endif
+				})
+			},
+			closeAuto(child) {
+				// #ifndef APP-VUE || H5 || MP-WEIXIN
+				if (this.openItem && this.openItem !== child) {
+					this.openItem.close()
+				}
+				this.openItem = child
+				// #endif
+
+				// #ifdef APP-VUE || H5 || MP-WEIXIN
+				this.children.forEach(item => {
+					if (item !== child) {
+						item.isShow = false;
+					}
+				})
+				// #endif
+			}
+		}
+	}
+</script>
+
+<style scoped></style>
\ No newline at end of file
diff --git a/components/firstui/fui-swiper-dot/fui-swiper-dot.vue b/components/firstui/fui-swiper-dot/fui-swiper-dot.vue
new file mode 100644
index 0000000..7cbd646
--- /dev/null
+++ b/components/firstui/fui-swiper-dot/fui-swiper-dot.vue
@@ -0,0 +1,188 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186 1  4 0   72 54  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-swiper__wrap">
+		<slot></slot>
+		<view v-if="type==1" class="fui-swiper__dot"
+			:style="{left:dots.left+'rpx',right:dots.right+'rpx',bottom:dots.bottom+'rpx'}">
+			<view @tap.stop="itemClick(index)" class="fui-swiper__dot-item"
+				:class="{'fui-swiper__dot-bg':!dots.activeBackground && index==current}"
+				:style="{width:index==current?activeWidth:width,height:height,borderRadius:radius,background:index==current?dots.activeBackground:dots.background,marginLeft:dots.margin+'rpx',marginRight:dots.margin+'rpx'}"
+				v-for="(item,index) in items" :key="index"></view>
+		</view>
+		<view v-if="type==2" class="fui-swiper__dot"
+			:style="{left:dots.left+'rpx',right:dots.right+'rpx',bottom:dots.bottom+'rpx'}">
+			<text @tap.stop="itemClick(index)" class="fui-swiper__dot-item fui-swiper__flex-center"
+				:class="{'fui-swiper__dot-bg':!dots.activeBackground && index==current}"
+				:style="{width:width,height:height,borderRadius:radius,background:index==current?dots.activeBackground:dots.background,marginLeft:dots.margin+'rpx',marginRight:dots.margin+'rpx',color:index==current?dots.activeColor:dots.color,fontSize:dots.size+'rpx'}"
+				v-for="(item,index) in items" :key="index">{{index+1}}</text>
+		</view>
+		<view v-if="type==3" class="fui-swiper__dot"
+			:style="{left:dots.left+'rpx',right:dots.right+'rpx',bottom:dots.bottom+'rpx',height:(dots.height<64?64:dots.height)+'rpx',background:dots.background,paddingLeft:dots.padding+'rpx',paddingRight:dots.padding+'rpx'}">
+			<text @tap.stop="itemClick(current)" class="fui-swiper__dot-item fui-swiper__nav-ellipsis"
+				:style="{fontSize:dots.size+'rpx',color:dots.color}">{{items[current][field]}}</text>
+		</view>
+		<view v-if="type==4" class="fui-swiper__dot" :style="{right:dots.right+'rpx',bottom:dots.bottom+'rpx'}">
+			<text @tap.stop="itemClick(current)" class="fui-swiper__dot-item fui-swiper__flex-center"
+				:style="{width:width,height:height,borderTopLeftRadius:radius,borderBottomLeftRadius:radius,background:dots.background,color:dots.color,fontSize:dots.size+'rpx'}">{{current+1}}/{{items.length}}</text>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-swiper-dot",
+		emits: ['click'],
+		props: {
+			items: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			type: {
+				type: [Number, String],
+				default: 1
+			},
+			current: {
+				type: [Number, String],
+				default: 0
+			},
+			styles: {
+				type: Object,
+				default () {
+					return {}
+				}
+			},
+			field: {
+				type: String,
+				default: ''
+			}
+		},
+		data() {
+			let primaryColor = '';
+			// #ifdef APP-NVUE
+			const app = uni && uni.$fui && uni.$fui.color;
+			primaryColor = (app && app.primary) || '#465CFF';
+			// #endif
+			return {
+				dots: {
+					left: 0,
+					right: 0,
+					bottom: 32,
+					width: 16,
+					activeWidth: 16,
+					height: 16,
+					radius: true,
+					background: 'rgba(0,0,0,.6)',
+					// #ifdef APP-NVUE
+					activeBackground: primaryColor,
+					// #endif
+					// #ifndef APP-NVUE
+					activeBackground: '',
+					// #endif
+					color: '#fff',
+					activeColor: '#fff',
+					size: 28,
+					margin: 8,
+					padding: 32
+				},
+				width: 0,
+				activeWidth: 0,
+				height: 0,
+				radius: 0
+			};
+		},
+		watch: {
+			styles(newVal) {
+				this.dots = Object.assign(this.dots, this.styles)
+				this.initStyles()
+			}
+		},
+		created() {
+			this.dots = Object.assign(this.dots, this.styles)
+			this.initStyles()
+		},
+		methods: {
+			getPx(val, radius) {
+				let res = 0;
+				if (val && radius) {
+					res = Math.floor(uni.upx2px(val))
+					res = res % 2 === 0 ? res : res + 1
+				}
+				return res + 'px'
+			},
+			initStyles() {
+				//处理圆角变形
+				this.width = this.getPx(this.dots.width, true)
+				this.activeWidth = this.getPx(this.dots.activeWidth, true)
+				this.height = this.getPx(this.dots.height, true)
+				this.radius = this.getPx(this.dots.width, this.dots.radius)
+			},
+			itemClick(index) {
+				this.$emit('click', {
+					index: index
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-swiper__wrap {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex: 1;
+		flex-direction: column;
+		position: relative;
+		overflow: hidden;
+	}
+
+	.fui-swiper__dot {
+		position: absolute;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		z-index: 2;
+		overflow: hidden;
+	}
+
+	.fui-swiper__dot-item {
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+	}
+
+	.fui-swiper__nav-ellipsis {
+		flex: 1;
+		/* #ifdef APP-NVUE */
+		lines: 1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		display: block;
+		white-space: nowrap;
+		/* #endif */
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.fui-swiper__flex-center {
+		justify-content: center;
+		text-align: center;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-swiper__dot-bg {
+		background: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-switch/fui-switch.vue b/components/firstui/fui-switch/fui-switch.vue
new file mode 100644
index 0000000..ca1e299
--- /dev/null
+++ b/components/firstui/fui-switch/fui-switch.vue
@@ -0,0 +1,304 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  1  86 1 40 725   49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-switch__input" :style="{zoom:isNvue?1:scaleRatio,transform:`scale(${isNvue?scaleRatio:1})`}">
+		<!-- #ifdef APP-NVUE -->
+		<switch v-if="type==='switch'" @change="change" :name="name" :checked="val" :disabled="disabled"
+			:color="getColor">
+		</switch>
+		<!-- #endif -->
+		<!-- #ifndef APP-NVUE -->
+		<view class="fui-switch__input-def" :style="{background:val?color:'#dfdfdf',borderColor:val?color:borderColor}"
+			:class="{'fui-switch__input--checked':val,'fui-checkbox__disabled':disabled,'fui-switch__color':val && !color}"
+			v-if="type==='switch'">
+			<switch class="fui-switch__hidden" :class="{'fui-pointer__events':isLabel}" @change="change" :name="name"
+				:checked="val" :disabled="disabled" :color="color">
+			</switch>
+		</view>
+		<!-- #endif -->
+		<view class="fui-checkbox__self"
+			:class="{'fui-checkbox__disabled':disabled,'fui-switch__color':!getColor && val}"
+			:style="{background:val?getColor:'#fff',border:val?`1px solid ${getColor}`:`1px solid ${borderColor}`}"
+			v-else>
+			<view class="fui-check__mark" :style="{borderBottomColor:checkMarkColor,borderRightColor:checkMarkColor}"
+				v-if="val"></view>
+			<switch class="fui-switch__hidden" :class="{'fui-pointer__events':isLabel}"
+				style="opacity: 0;position: absolute;" @change="change" :name="name" type="checkbox"
+				:checked="val" :disabled="disabled"></switch>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-switch",
+		emits: ['change'],
+		// #ifdef MP-WEIXIN
+		behaviors: ['wx://form-field-group'],
+		// #endif
+		// #ifdef MP-BAIDU || MP-QQ || H5
+		behaviors: ['uni://form-field'],
+		// #endif
+		props: {
+			//开关选择器名称
+			name: {
+				type: String,
+				default: ''
+			},
+			checked: {
+				type: Boolean,
+				default: false
+			},
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+			//样式，有效值：switch, checkbox
+			type: {
+				type: String,
+				default: 'switch'
+			},
+			//switch选中颜色
+			color: {
+				type: String,
+				default: ''
+			},
+			//边框颜色，type=checkbox时生效
+			borderColor: {
+				type: String,
+				default: '#ccc'
+			},
+			//对号颜色，type=checkbox时生效
+			checkMarkColor: {
+				type: String,
+				default: '#fff'
+			},
+			scaleRatio: {
+				type: [Number, String],
+				default: 1
+			}
+		},
+		computed: {
+			getColor() {
+				let color = this.color;
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color;
+			}
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				val: false,
+				isNvue: isNvue,
+				isLabel: false
+			};
+		},
+		watch: {
+			checked(val) {
+				this.val = val;
+			}
+		},
+		created() {
+			this.val = this.checked;
+			this.label = this.getParent();
+			if (this.label) {
+				this.isLabel = true
+				this.label.childrens.push(this)
+			}
+		},
+		methods: {
+			change(e, label) {
+				if (this.label && !label) return;
+				this.val = e.detail.value;
+				this.$emit('change', e)
+			},
+			labelClick() {
+				if (this.disabled) return;
+				let e = {
+					detail: {
+						value: !this.val
+					}
+				}
+				this.change(e, true)
+			},
+			getParent(name = 'fui-label') {
+				let parent = this.$parent;
+				let parentName = parent.$options.name;
+				while (parentName !== name) {
+					parent = parent.$parent;
+					if (!parent) return false;
+					parentName = parent.$options.name;
+				}
+				return parent;
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	/* #ifndef APP-NVUE */
+	.fui-switch__input {
+		display: inline-block;
+		margin: 0;
+	}
+
+	/* #endif */
+
+	/* #ifdef APP-NVUE */
+	.fui-switch__input {
+		border: 1px solid transparent;
+	}
+
+	/* #endif */
+
+	.fui-checkbox__self {
+		font-size: 0;
+		width: 40rpx;
+		height: 40rpx;
+		/* #ifdef APP-NVUE */
+		border-radius: 40rpx;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		border-radius: 50%;
+		display: inline-flex;
+		box-sizing: border-box;
+		vertical-align: top;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		overflow: hidden;
+		position: relative;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-switch__input-def {
+		position: relative;
+		width: 52px;
+		height: 32px;
+		border: 1px solid #CCCCCC;
+		outline: 0;
+		border-radius: 16px;
+		box-sizing: border-box;
+		transition: background-color .1s, border .1s;
+	}
+
+	.fui-switch__input-def::before {
+		content: " ";
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 50px;
+		height: 30px;
+		border-radius: 15px;
+		background-color: #fdfdfd;
+		transition: transform .3s
+	}
+
+	.fui-switch__input-def::after {
+		content: " ";
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 30px;
+		height: 30px;
+		border-radius: 15px;
+		background-color: #fff;
+		box-shadow: 0 0 3px rgba(0, 0, 0, .4);
+		transition: transform .3s
+	}
+
+	.fui-switch__input--checked::before {
+		transform: scale(0)
+	}
+
+	.fui-switch__input--checked::after {
+		transform: translateX(20px)
+	}
+
+	.fui-switch__color {
+		background: var(--fui-color-primary, #465CFF) !important;
+		border-color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+
+	/* #ifdef H5 || APP-VUE */
+	::v-deep .uni-switch-input {
+		margin-right: 0 !important;
+	}
+
+	/* #endif */
+
+	/* #ifdef APP-NVUE */
+	.uni-switch-input {
+		margin-right: 0 !important;
+	}
+
+	/* #endif */
+
+	/* #ifdef MP-WEIXIN */
+	.wx-switch-input {
+		margin-right: 0 !important;
+	}
+
+	/* #endif */
+
+	.fui-check__mark {
+		width: 20rpx;
+		height: 40rpx;
+		border-bottom-style: solid;
+		border-bottom-width: 3px;
+		border-bottom-color: #FFFFFF;
+		border-right-style: solid;
+		border-right-width: 3px;
+		border-right-color: #FFFFFF;
+		transform: rotate(45deg) scale(0.5);
+		transform-origin: 54% 48%;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+	}
+
+	.fui-switch__hidden {
+		position: absolute;
+		top: -1px;
+		left: -1px;
+		opacity: 0;
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		height: 100%;
+		border: 0 none;
+		-webkit-appearance: none;
+		-moz-appearance: none;
+		appearance: none;
+		z-index: 2;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		width: 100wx;
+		height: 100wx;
+		right: 0;
+		bottom: 0;
+		border-width: 0;
+		/* #endif */
+	}
+
+	/* #ifdef H5 */
+	.fui-pointer__events {
+		pointer-events: none;
+	}
+
+	/* #endif */
+
+	.fui-checkbox__disabled {
+		opacity: 0.6;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-tabbar/fui-tabbar.vue b/components/firstui/fui-tabbar/fui-tabbar.vue
new file mode 100644
index 0000000..512bee8
--- /dev/null
+++ b/components/firstui/fui-tabbar/fui-tabbar.vue
@@ -0,0 +1,391 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8  6  140   7  2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-tabbar__wrap" :class="{'fui-tabbar__fixed':isFixed}"
+		:style="{background:background,zIndex:zIndex}">
+		<view class="fui-tabbar__inner" :class="{'fui-tababr__border':isBorder}"
+			:style="{borderTopColor:isBorder && isNvue?borderColor:'transparent'}">
+			<view class="fui-tabbar__item" v-for="(item,index) in tabs" :key="index" @tap="itemClick(index)">
+				<view class="fui-tabbar__icon-wrap"
+					:style="{width:(isNvue && item.midButton && item.width?item.width:56)+'rpx',height:(isNvue && item.midButton && item.height?item.height:56)+'rpx'}"
+					v-if="item.iconPath">
+					<image class="fui-tabbar__icon" :src="current==index?item.selectedIconPath:item.iconPath"
+						v-if="!item.midButton"></image>
+					<!-- #ifdef APP-NVUE -->
+					<image v-if="item.midButton" class="fui-tabbar__icon" :src="item.iconPath"
+						:style="{width:(item.width || 56)+'rpx',height:(item.height || 56)+'rpx'}">
+					</image>
+					<!-- #endif -->
+					<text
+						:class="[item.dot?'fui-tabbar__dot':'fui-tabbar__badge',badgeBackground?'':'fui-tabbar__badge-color']"
+						:style="{background:getBadgeBgColor,color:badgeColor,width:getWidth(item.badge,item.dot)}"
+						v-if="item.badge">{{item.dot?'':item.badge}}</text>
+				</view>
+				<text class="fui-tabbar__text"
+					:class="{'fui-tabbar__selected-color':!getSelectedColor && current==index}"
+					:style="{fontSize:size+'rpx',fontWeight:fontWeight,color:current==index?getSelectedColor:(item.midButton?(item.color || color):color)}"
+					v-if="item.text">{{item.text}}</text>
+
+				<!-- #ifndef APP-NVUE -->
+				<image v-if="item.midButton" class="fui-tabbar__mid-button"
+					:class="{'fui-tabbar__mid-center':item.center}" :src="item.iconPath"
+					:style="{width:(item.width || 56)+'rpx',height:(item.height || 56)+'rpx',bottom:item.bottom+'rpx'}">
+				</image>
+				<!-- #endif -->
+
+			</view>
+		</view>
+		<view class="fui-tabbar__safe-area" :class="{'fui-tabbar__safe-weex':safeAreaH>0}"
+			v-if="(safeAreaH>0 || !isNvue) && safeArea && isFixed"></view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: 'fui-tabbar',
+		emits: ['init', 'click'],
+		props: {
+			tabBar: {
+				type: Array,
+				default () {
+					return [];
+				}
+			},
+			//当前索引
+			current: {
+				type: [Number, String],
+				default: 0
+			},
+			size: {
+				type: [Number, String],
+				default: 24
+			},
+			fontWeight: {
+				type: [Number, String],
+				default: 400
+			},
+			//字体颜色
+			color: {
+				type: String,
+				default: '#333333'
+			},
+			//字体选中颜色
+			selectedColor: {
+				type: String,
+				default: ''
+			},
+			//背景颜色
+			background: {
+				type: String,
+				default: '#FFFFFF'
+			},
+			isBorder: {
+				type: Boolean,
+				default: true
+			},
+			borderColor: {
+				type: String,
+				default: '#EEEEEE'
+			},
+			//固定在底部
+			isFixed: {
+				type: Boolean,
+				default: true
+			},
+			//角标字体颜色
+			badgeColor: {
+				type: String,
+				default: '#FFFFFF'
+			},
+			//角标背景颜色
+			badgeBackground: {
+				type: String,
+				default: ''
+			},
+			//z-index
+			zIndex: {
+				type: [Number, String],
+				default: 980
+			},
+			//是否适配底部安全区
+			safeArea: {
+				type: Boolean,
+				default: true
+			},
+			//v1.9.9+ 非nvue端是否返回安全区固定高度
+			fixedHeight: {
+				type: Boolean,
+				default: false
+			}
+		},
+		watch: {
+			tabBar(vals) {
+				this.initData(vals)
+			}
+		},
+		computed: {
+			getSelectedColor() {
+				let color = this.selectedColor
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color
+			},
+			getBadgeBgColor() {
+				let color = this.badgeBackground
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.danger) || '#FF2B2B';
+				}
+				// #endif
+				return color
+			}
+		},
+		data() {
+			let isNvue = false
+			// #ifdef APP-NVUE
+			isNvue = true
+			// #endif
+			return {
+				tabs: [],
+				safeAreaH: 0,
+				isNvue: isNvue
+			};
+		},
+		created() {
+			// #ifdef APP-NVUE || MP-TOUTIAO
+			this.safeAreaH = this.isPhoneX() ? 34 : 0;
+			// #endif
+			// #ifndef APP-NVUE || MP-TOUTIAO
+			if (this.fixedHeight) {
+				this.safeAreaH = this.isPhoneX() ? 34 : 0;
+			}
+			// #endif
+			//非nvue端在iphonex等异形屏包含安全区域高度需将属性 fixedHeight 设为true
+			this.$emit('init', {
+				height: uni.upx2px(100) + this.safeAreaH
+			})
+			this.initData(this.tabBar)
+		},
+		methods: {
+			initData(vals) {
+				if (vals && vals.length > 0) {
+					if (typeof vals[0] === 'string') {
+						vals = vals.map(item => {
+							return {
+								text: item
+							}
+						})
+					}
+					this.tabs = vals;
+				}
+			},
+			isPhoneX() {
+				if (!this.safeArea) return false;
+				//34px
+				const res = uni.getSystemInfoSync();
+				let iphonex = false;
+				let models = ['iphonex', 'iphonexr', 'iphonexsmax', 'iphone11', 'iphone11pro', 'iphone11promax',
+					'iphone12', 'iphone12mini', 'iphone12pro', 'iphone12promax', 'iphone13', 'iphone13mini',
+					'iphone13pro', 'iphone13promax', 'iphone14', 'iphone14mini',
+					'iphone14pro', 'iphone14promax', 'iphone15', 'iphone15mini', 'iphone15pro', 'iphone14promax'
+				]
+				const model = res.model.replace(/\s/g, "").toLowerCase()
+				const newModel = model.split('<')[0]
+				if (models.includes(model) || models.includes(newModel) || (res.safeAreaInsets && res.safeAreaInsets
+						.bottom > 0)) {
+					iphonex = true;
+				}
+				return iphonex;
+			},
+			getWidth(value, dot) {
+				return dot ? '16rpx' : ((String(value).length * 12 + 20) + 'rpx')
+			},
+			itemClick(index) {
+				this.$emit('click', {
+					index: index,
+					...this.tabs[index]
+				})
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	.fui-tabbar__wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+	}
+
+	.fui-tabbar__fixed {
+		position: fixed;
+		left: 0;
+		right: 0;
+		bottom: 0;
+	}
+
+	.fui-tabbar__inner {
+		position: relative;
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+		flex: 1;
+		height: 100rpx;
+		align-items: center;
+		justify-content: space-between;
+		flex-direction: row;
+	}
+
+	.fui-tababr__border {
+		/* #ifdef APP-NVUE */
+		border-top-width: 0.5px;
+		border-top-style: solid;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-tababr__border::before {
+		content: ' ';
+		border-top: 1px solid var(--fui-color-border, #EEEEEE);
+		position: absolute;
+		top: 0;
+		left: 0;
+		right: 0;
+		transform: scaleY(0.5) translateZ(0);
+		transform-origin: 0 0;
+		display: block;
+		z-index: 3;
+	}
+
+	/* #endif */
+
+	.fui-tabbar__item {
+		flex: 1;
+		height: 100rpx;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		flex-shrink: 0;
+		/* #endif */
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+		position: relative;
+	}
+
+	.fui-tabbar__icon-wrap {
+		width: 56rpx;
+		height: 56rpx;
+		position: relative;
+	}
+
+	.fui-tabbar__badge {
+		position: absolute;
+		height: 32rpx;
+		padding: 0 8rpx;
+		color: #FFFFFF;
+		font-size: 24rpx;
+		line-height: 32rpx;
+		border-radius: 16rpx;
+		/* #ifndef APP-NVUE */
+		min-width: 32rpx !important;
+		display: flex;
+		box-sizing: border-box;
+		z-index: 10;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		/* #ifndef APP-NVUE */
+		right: -20rpx;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		right: 0;
+		/* #endif */
+		top: 0;
+		text-align: center;
+	}
+
+	.fui-tabbar__dot {
+		position: absolute;
+		height: 16rpx;
+		width: 16rpx;
+		/* #ifndef APP-NVUE */
+		border-radius: 50%;
+		right: -4rpx;
+		top: -4rpx;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		border-radius: 8rpx;
+		right: 0;
+		top: 0;
+		/* #endif */
+	}
+
+	.fui-tabbar__icon {
+		width: 56rpx;
+		height: 56rpx;
+		/* #ifndef APP-NVUE */
+		display: block;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-tabbar__mid-button {
+		position: absolute;
+		z-index: 4;
+		left: 50%;
+		transform: translateX(-50%);
+		display: flex;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.fui-tabbar__mid-center {
+		top: 50% !important;
+		transform: translate(-50%, -50%) !important;
+	}
+
+	/* #endif */
+
+	.fui-tabbar__safe-area {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+
+		/* #ifndef APP-NVUE || MP-TOUTIAO */
+		padding-bottom: constant(safe-area-inset-bottom);
+		padding-bottom: env(safe-area-inset-bottom);
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		background-color: transparent;
+	}
+
+	/* #ifdef APP-NVUE || MP-TOUTIAO */
+	.fui-tabbar__safe-weex {
+		padding-bottom: 34px;
+	}
+
+	/* #endif */
+
+	/* #ifndef APP-NVUE */
+	.fui-tabbar__selected-color {
+		color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-tabbar__badge-color {
+		background: var(--fui-color-danger, #FF2B2B) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-table/fui-table.vue b/components/firstui/fui-table/fui-table.vue
new file mode 100644
index 0000000..42679eb
--- /dev/null
+++ b/components/firstui/fui-table/fui-table.vue
@@ -0,0 +1,793 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186 1   4  0725   4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-table__wrap" :style="{height:height>0 || height!=0?height+'rpx':'auto',width:width+'px'}">
+		<!-- #ifdef MP-BAIDU -->
+		<scroll-view :show-scrollbar="false" scroll-x
+			:style="{width:width+'px',height:height>0 || height!=0?height+'rpx':'auto'}" class="fui-table__scroll-view"
+			:class="{'fui-table__flex-row':!height || height==0}">
+			<!-- #endif -->
+			<!-- #ifndef MP-BAIDU -->
+			<scroll-view :show-scrollbar="false" :scroll-x="true" :scroll-y="height>0 && height!=0"
+				:style="{width:width+'px',height:height>0 || height!=0?height+'rpx':'auto'}"
+				class="fui-table__scroll-view" :class="{'fui-table__flex-row':!height || height==0}">
+				<!-- #endif -->
+				<view class="fui-table--inner" :style="{width:totalW+'px'}">
+					<view class="fui-table--tr"
+						:class="{'fui-table__border-bottom':horBorder,'fui-table__border-top':horBorder && show,'fui-table--header-fixed':fixed}"
+						:style="{borderBottomColor:horBorder?borderColor:'transparent',borderTopColor:horBorder && show?borderColor:'transparent'}"
+						v-if="show">
+						<view class="fui-table--td"
+							:class="{'fui-table__border-right':border,'fui-table__border-left':border && index===0,'fui-table__center': (item.align || align)==='center','fui-table__right':(item.align || align)==='right','fui-table--col-fixed':item.fixed && !isNvue}"
+							:style="{borderRightColor:border?borderColor:'transparent',borderLeftColor:border && index===0?borderColor:'transparent',background:item.background || headerBgColor,width:(item.width+divideW)+'px',paddingTop:padding+'rpx',paddingBottom:padding+'rpx',left:item.fixed && item.fixed!=='right' && !isNvue?item.left+'px':'auto',right:item.fixed==='right' && !isNvue?item.right+'px':'auto'}"
+							v-for="(item,index) in hData" :key="index" @tap.stop="tableSort(index,false)">
+							<view class="fui-table__checkbox"
+								:class="{'fui-table__checkbox-color':(!checkboxColor || checkboxColor===true) && chkAll}"
+								:style="{background:chkAll ?getCheckboxColor:'transparent',borderColor:chkAll ?getCheckboxColor:checkboxBorderColor}"
+								v-if="item.type==='selection'" @tap.stop="selectionAll">
+								<view class="fui-table__checkmark"
+									:style="{borderBottomColor:checkmarkColor,borderRightColor:checkmarkColor}"></view>
+							</view>
+							<text v-else class="fui-table--td-text"
+								:class="{'fui-text__center':(item.align || align)==='center','fui-text__right':(item.align || align)==='right','fui-td__ellipsis':ellipsis}"
+								:style="{width:(item.width+divideW)+'px',color:item.color || color,fontSize:(item.size || size)+'rpx',fontWeight:fontWeight}">{{item.label || item.prop}}</text>
+							<view class="fui-table__sort-icon" :style="{right:(item.sortRight || 40)+'rpx'}"
+								v-if="item.sortable">
+								<fui-icon :name="item.sort==='descending'?'turningdown':'turningup'"
+									:size="item.sortSize || 28"
+									:color="item.sort?(item.sortColor || '#333'):(item.color || color)"></fui-icon>
+							</view>
+							<view class="fui-table__td-sk" :style="{backgroundColor:borderColor}"
+								v-if="border && item.fixed==='right'"></view>
+						</view>
+					</view>
+					<view class="fui-table--tr"
+						:class="{'fui-table__border-bottom':horBorder,'fui-table__border-top':horBorder && !show && index===0}"
+						:style="{borderBottomColor:horBorder?borderColor:'transparent',borderTopColor:horBorder && !show && index===0?borderColor:'transparent'}"
+						v-for="(item,index) in tableData" :key="index" @tap.stop="trClick(index)">
+						<view class="fui-table--td"
+							:class="{'fui-table__border-right':border,'fui-table__border-left':border && idx===0,'fui-table__center':(model.align || align)==='center','fui-table__right':(model.align || align)==='right','fui-table__td-wrap':model.type===3,'fui-table--col-fixed':model.fixed && !isNvue}"
+							v-for="(model,idx) in hData" :key="model.tdId"
+							:style="{borderRightColor:border?borderColor:'transparent',borderLeftColor:border && idx===0?borderColor:'transparent',background:item.background || ((index+1)%2===0 && stripe?stripeColor:background),width:(model.width+divideW)+'px',paddingTop:padding+'rpx',paddingBottom:padding+'rpx',left:model.fixed && model.fixed!=='right' && !isNvue?model.left+'px':'auto',right:model.fixed==='right' && !isNvue?model.right+'px':'auto'}">
+							<template v-if="model.type!==3">
+								<view class="fui-table__checkbox"
+									:class="{'fui-table__checkbox-color':(!checkboxColor || checkboxColor===true) && item.is_selected,'fui-table__disabled':item.is_disabled}"
+									:style="{background:item.is_selected ?getCheckboxColor:'transparent',borderColor:item.is_selected ?getCheckboxColor:checkboxBorderColor}"
+									v-if="model.type==='selection'" @tap.stop="selectionChange(index)">
+									<view class="fui-table__checkmark"
+										:style="{borderBottomColor:checkmarkColor,borderRightColor:checkmarkColor}">
+									</view>
+								</view>
+								<image class="fui-table--td-img" :src="item[model.prop] || ''" mode="widthFix"
+									v-else-if="model.type===2"
+									:style="{width:(model.imgWidth || 120)+'rpx',height:model.imgHeight?model.imgHeight+'rpx':'auto'}">
+								</image>
+								<text class="fui-table--td-text"
+									:class="{'fui-text__center':(model.align || align)==='center','fui-text__right':(model.align || align)==='right','fui-td__ellipsis':ellipsis,'fui-td__wrap':!ellipsis}"
+									v-else
+									:style="{color:getColColor(model,item[model.prop],index),fontSize:(model.textSize || textSize) +'rpx',width:(model.width+divideW)+'px'}">{{item[model.prop] || ''}}</text>
+							</template>
+							<template v-else>
+								<text class="fui-table--btn" :class="{'fui-td__btn-ml':j>0}"
+									:style="{fontSize:(btn.size || textSize) +'rpx',color:btn.color,fontWeight:btn.fontWeight || 'normal'}"
+									v-for="(btn,j) in model.buttons" :key="btn.bId"
+									@tap.stop="handleTap(index,j)">{{btn.text}}</text>
+							</template>
+							<view class="fui-table__td-sk" :style="{backgroundColor:borderColor}"
+								v-if="border && model.fixed==='right'"></view>
+						</view>
+					</view>
+				</view>
+			</scroll-view>
+	</view>
+</template>
+
+<script>
+	//非easycom模式取消注释引入字体组件，按实际路径进行调整
+	// import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
+	export default {
+		name: "fui-table",
+		emits: ['click', 'rowClick', 'selectionChange', 'select', 'selectAll', 'sortChange'],
+		// components:{
+		// 	fuiIcon
+		// },
+		props: {
+			header: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			show: {
+				type: Boolean,
+				default: true
+			},
+			size: {
+				type: [Number, String],
+				default: 28
+			},
+			color: {
+				type: String,
+				default: '#7F7F7F'
+			},
+			fontWeight: {
+				type: [Number, String],
+				default: 600
+			},
+			headerBgColor: {
+				type: String,
+				default: '#fff'
+			},
+			fixed: {
+				type: Boolean,
+				default: false
+			},
+			//数据集合
+			itemList: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			//总宽度 < 屏幕宽度- gap*2时，是否铺满
+			full: {
+				type: Boolean,
+				default: false
+			},
+			//Table 的高度，默认为自动高度，单位rpx。
+			height: {
+				type: [Number, String],
+				default: 0
+			},
+			//组件外层设置的左右padding值（距离屏幕左右侧距离），rpx
+			gap: {
+				type: [Number, String],
+				default: 0
+			},
+			//是否带有纵向边框
+			border: {
+				type: Boolean,
+				default: true
+			},
+			//是否带有横向边框
+			horBorder: {
+				type: Boolean,
+				default: true
+			},
+			//边框颜色
+			borderColor: {
+				type: String,
+				default: '#eee'
+			},
+			//如果有固定项，不可设置透明
+			background: {
+				type: String,
+				default: '#fff'
+			},
+			// 是否为斑马纹table
+			stripe: {
+				type: Boolean,
+				default: false
+			},
+			//斑马纹颜色
+			stripeColor: {
+				type: String,
+				default: '#F8F8F8'
+			},
+			textSize: {
+				type: [Number, String],
+				default: 28
+			},
+			textColor: {
+				type: String,
+				default: '#333'
+			},
+			//单元格对齐方式:left/center/right
+			align: {
+				type: String,
+				default: 'center'
+			},
+			//文字超出是否省略，默认换行
+			ellipsis: {
+				type: Boolean,
+				default: false
+			},
+			//单元格上下padding值，单位rpx
+			padding: {
+				type: [Number, String],
+				default: 20
+			},
+			//是否添加多选框
+			selection: {
+				type: Boolean,
+				default: false
+			},
+			initEmitChange: {
+				type: Boolean,
+				default: false
+			},
+			//选择框选中后颜色
+			checkboxColor: {
+				type: String,
+				default: ''
+			},
+			checkboxBorderColor: {
+				type: String,
+				default: '#eee'
+			},
+			checkmarkColor: {
+				type: String,
+				default: '#fff'
+			}
+		},
+		watch: {
+			header(vals) {
+				this.handleHeader(vals)
+			},
+			itemList(vals) {
+				this.handleData(vals)
+			},
+			selection(vals) {
+				this.handleData(this.itemList)
+			}
+		},
+		computed: {
+			getCheckboxColor() {
+				let color = this.checkboxColor
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color
+			}
+		},
+		data() {
+			let isNvue = false
+			// #ifdef APP-NVUE
+			isNvue = true
+			// #endif
+			return {
+				width: 0,
+				//列宽度需要加上此值
+				divideW: 0,
+				hData: [],
+				tableData: [],
+				initTableData: [],
+				totalW: 0,
+				isNvue: isNvue,
+				scrollH: 0,
+				chkAll: false
+			};
+		},
+		created() {
+			this.handleHeader(this.header)
+			this.handleData(this.itemList)
+		},
+		methods: {
+			getPx(value) {
+				let val = parseInt(uni.upx2px(Number(value)))
+				return val % 2 === 0 ? val : val + 1
+			},
+			getId(index) {
+				return `${index}_tr_${Math.ceil(Math.random() * 10e5).toString(36)}`
+			},
+			handleHeader(header) {
+				if (!header || header.length === 0) return;
+				let vals = JSON.parse(JSON.stringify(header))
+				if (this.selection) {
+					vals.unshift({
+						fixed: true,
+						width: 100,
+						type: 'selection'
+					})
+				}
+				let winWidth = uni.getSystemInfoSync().windowWidth
+				let width = 0,
+					left = 0,
+					right = 0;
+				let len = vals.length
+				vals.map((item, index) => {
+					item.tdId = this.getId(index)
+					item.width = this.getPx(item.width || 200)
+					width += item.width
+					if (item.fixed) {
+						item.left = item.fixed !== 'right' ? left : 0;
+						left += item.width
+					}
+					if (item.type === 3 && item.buttons) {
+						item.buttons.map((btn, idx) => {
+							btn.bId = this.getId(index)
+						})
+					}
+					//空 默认排序，ascending-升序 descending-降序
+					if (!item.sort) {
+						item.sort = ''
+					}
+				})
+				for (let i = 0; i < len; i++) {
+					let item = vals[len - i - 1]
+					if (item && item.fixed) {
+						item.right = item.fixed === 'right' ? right : 0;
+						right += item.width
+					}
+				}
+				let gap = this.gap == 0 ? 0 : this.getPx(Number(this.gap) * 2)
+				this.totalW = width
+				let totalWidth = winWidth - gap
+				this.width = width > totalWidth ? totalWidth : width
+				if (this.full && totalWidth > this.width) {
+					this.divideW = Math.floor((totalWidth - this.width) / len)
+					let lastW = (totalWidth - this.width) % len
+					let item = vals[len - 1]
+					item.width += lastW
+					let dw = this.divideW * len + lastW
+					this.width += dw
+					this.totalW += dw
+				}
+				this.hData = vals;
+			},
+			handleData(vals) {
+				if (!vals || vals.length === 0) return;
+				let table = JSON.parse(JSON.stringify(vals))
+				table.map(item => {
+					item.is_disabled = item.is_disabled || false;
+					item.is_selected = item.is_selected || false;
+				})
+				this.tableData = table;
+				this.initTableData = JSON.parse(JSON.stringify(table))
+				if (this.initEmitChange) {
+					this.emitSelectionChange()
+				}
+			},
+			handleTap(index, j) {
+				let item = this.tableData[index]
+				this.$emit('click', {
+					item: item,
+					index: index,
+					buttonIndex: j
+				})
+			},
+			trClick(index) {
+				let item = this.tableData[index]
+				this.$emit('rowClick', {
+					item: item,
+					index: index
+				})
+			},
+			getColColor(model, value, index) {
+				let color = '';
+				if (model.fn && typeof model.fn === 'function') {
+					color = model.fn(value, index)
+				}
+				return color || model.textColor || this.textColor
+			},
+			columnColorMethod(fn, prop) {
+				if (!fn || !prop) return;
+				const data = this.hData;
+				const index = data.findIndex(item => item.prop === prop)
+				if (index !== -1) {
+					let item = data[index]
+					item.fn = fn
+					this.hData = data;
+				}
+			},
+			selectionAll() {
+				if (this.chkAll) {
+					this.chkAll = false
+					this.tableData.map(item => {
+						if (!item.is_disabled) {
+							item.is_selected = false
+						}
+					})
+				} else {
+					this.chkAll = true;
+					this.tableData.map(item => {
+						if (!item.is_disabled) {
+							item.is_selected = true
+						}
+					})
+				}
+				this.$emit('selectAll', {
+					is_selected: this.chkAll
+				})
+				setTimeout(() => {
+					this.emitSelectionChange()
+				}, 0)
+			},
+			emitSelectionChange() {
+				const itemList = this.tableData.filter(item => item.is_selected === true && item.is_disabled !== true)
+				let data = JSON.parse(JSON.stringify(itemList))
+				data.forEach(item => {
+					delete item.is_selected
+					delete item.is_disabled
+				})
+				this.$emit('selectionChange', data)
+			},
+			checkSelectionAll() {
+				if (!this.tableData || this.tableData.length === 0) return;
+				const index = this.tableData.findIndex(item => item.is_selected === false && item.is_disabled !== true)
+				if (~index) {
+					this.chkAll = false
+				} else {
+					this.chkAll = true
+				}
+				setTimeout(() => {
+					this.emitSelectionChange()
+				}, 0)
+			},
+			selectionChange(index, selected) {
+				const item = this.tableData[index]
+				if (item.is_disabled) return;
+				if (selected === undefined || selected === null) {
+					item.is_selected = !item.is_selected;
+				} else {
+					item.is_selected = selected;
+				}
+				this.$emit('select', {
+					is_selected: item.is_selected,
+					item: item,
+					index: index
+				})
+				this.checkSelectionAll()
+			},
+			//用于多选表格，清空用户的选择
+			clearSelection() {
+				this.chkAll = false
+				this.tableData.map(item => {
+					if (!item.is_disabled) {
+						item.is_selected = false
+					}
+				})
+			},
+			getRowIndex(row) {
+				if (!row) return -1;
+				const len = this.itemList.length;
+				let index = -1;
+				for (let i = 0; i < len; i++) {
+					const item = this.itemList[i]
+					if (JSON.stringify(item) === JSON.stringify(row)) {
+						index = i;
+						break;
+					}
+				}
+				return index;
+			},
+			toggleRowSelection(row, selected) {
+				const index = this.getRowIndex(row);
+				if (index !== -1) {
+					this.selectionChange(index, selected)
+				}
+			},
+			toggleRowDisabled(row, disabled) {
+				const index = this.getRowIndex(row);
+				if (index !== -1) {
+					const item = this.tableData[index]
+					if (disabled === undefined || disabled === null) {
+						item.is_disabled = !item.is_disabled;
+					} else {
+						item.is_disabled = disabled;
+					}
+				}
+			},
+			//用于多选表格，切换所有行的选中状态（全选/取消）
+			toggleAllSelection() {
+				this.selectionAll()
+			},
+			tableSort(index, sortOrder) {
+				if (!this.tableData || this.tableData.length === 0) return;
+				const item = this.hData[index]
+				if (item.sortable) {
+					// item.sortType='number/date/string'
+					//ascending-升序 descending-降序
+					let asc = false;
+					if (sortOrder) {
+						asc = sortOrder === 'ascending'
+					} else {
+						asc = !item.sort || item.sort === 'descending';
+					}
+					if (asc) {
+						item.sort = 'ascending'
+						if (item.sortType === 'number') {
+							this.tableData.sort((a, b) => {
+								return a[item.prop] - b[item.prop]
+							});
+						} else if (item.sortType === 'date') {
+							this.tableData.sort((a, b) => {
+								//日期格式字符串必须可以被转化为日期格式
+								return new Date(a[item.prop].replace(/\-/g, '/')).getTime() - new Date(b[item.prop]
+									.replace(/\-/g, '/')).getTime()
+							});
+						} else {
+							this.tableData.sort((a, b) => {
+								return a[item.prop].localeCompare(b[item.prop], 'zh-Hans-CN');
+							});
+						}
+					} else {
+						item.sort = 'descending'
+						if (item.sortType === 'number') {
+							this.tableData.sort((a, b) => {
+								return b[item.prop] - a[item.prop]
+							});
+						} else if (item.sortType === 'date') {
+							this.tableData.sort((a, b) => {
+								//日期格式字符串必须可以被转化为日期格式
+								return new Date(b[item.prop].replace(/\-/g, '/')).getTime() - new Date(a[item.prop]
+									.replace(/\-/g, '/')).getTime()
+							});
+						} else {
+							this.tableData.sort((a, b) => {
+								return b[item.prop].localeCompare(a[item.prop], 'zh-Hans-CN');
+							});
+						}
+					}
+					this.hData.forEach((d, idx) => {
+						if (index !== idx) {
+							d.sort = ''
+						}
+					})
+					this.$emit('sortChange', {
+						itemList: this.tableData,
+						sort: item.sort,
+						prop: item.prop
+					})
+				}
+			},
+			//重置所有排序
+			resetSort() {
+				this.hData.forEach(item => {
+					item.sort = ''
+				})
+				this.tableData = JSON.parse(JSON.stringify(this.initTableData))
+			},
+			//ascending-升序 descending-降序
+			setSort(prop, sortOrder = 'ascending') {
+				const index = this.hData.findIndex(item => item.prop === prop)
+				if (index !== -1) {
+					this.tableSort(index,sortOrder)
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-table__wrap {
+		position: relative;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		margin: 0 auto;
+		/* #endif */
+		/* #ifndef MP-BAIDU */
+		overflow: hidden;
+		/* #endif */
+		font-size: 0;
+	}
+
+	.fui-table__border-top {
+		border-top-width: 1px;
+		border-top-style: solid;
+	}
+
+	.fui-table__border-left {
+		border-left-width: 1px;
+		border-left-style: solid;
+	}
+
+	.fui-table__border-right {
+		border-right-width: 1px;
+		border-right-style: solid;
+	}
+
+	.fui-table__border-bottom {
+		border-bottom-width: 1px;
+		border-bottom-style: solid;
+	}
+
+	.fui-table--tr {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: row;
+	}
+
+	.fui-table--td {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		flex-shrink: 0;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		padding-left: 16rpx;
+		padding-right: 16rpx;
+		position: relative;
+	}
+
+	.fui-table__sort-icon {
+		position: absolute;
+		right: 40rpx;
+		top: 0;
+		bottom: 0;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+	}
+
+	.fui-table__td-sk {
+		position: absolute;
+		left: -1px;
+		width: 1px;
+		top: 0;
+		bottom: 0;
+	}
+
+	.fui-table__td-wrap {
+		flex-wrap: wrap;
+	}
+
+	.fui-table--td-text {
+		font-weight: 400;
+	}
+
+	.fui-table--td-img {
+		/* #ifndef APP-NVUE */
+		display: block;
+		/* #endif */
+	}
+
+	.fui-table--btn {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		flex-shrink: 0;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+		text-align: center;
+		padding: 2px 0;
+	}
+
+	.fui-table--btn:active {
+		opacity: .5;
+	}
+
+	.fui-td__btn-ml {
+		margin-left: 24rpx;
+	}
+
+	.fui-table--header-fixed {
+		position: sticky;
+		top: 0;
+		/* #ifndef APP-NVUE */
+		z-index: 12;
+		/* #endif */
+		left: 0;
+		right: 0;
+	}
+
+	.fui-table--col-fixed {
+		position: sticky;
+		/* #ifndef APP-NVUE */
+		z-index: 2;
+		/* #endif */
+	}
+
+	.fui-table__center {
+		justify-content: center;
+		text-align: center;
+	}
+
+	.fui-table__right {
+		justify-content: flex-end;
+		text-align: right;
+	}
+
+	.fui-text__center {
+		text-align: center;
+	}
+
+	.fui-text__right {
+		text-align: right;
+	}
+
+	.fui-td__ellipsis {
+		/* #ifndef APP-NVUE */
+		overflow: hidden;
+		white-space: nowrap;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		lines: 1;
+		/* #endif */
+		text-overflow: ellipsis;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-td__wrap {
+		word-break: break-all;
+	}
+
+	/* #endif */
+
+	.fui-table__scroll-view {
+		position: relative;
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-table__flex-row {
+		flex-direction: row;
+	}
+
+	/* #endif */
+
+	/* #ifdef MP-BAIDU */
+	.fui-table--inner {
+		display: inline-block;
+		padding-bottom: 40rpx;
+	}
+
+	/* #endif */
+
+	.fui-table__checkbox {
+		font-size: 0;
+		color: rgba(0, 0, 0, 0);
+		width: 36rpx;
+		height: 36rpx;
+		border-width: 1px;
+		border-style: solid;
+		/* #ifndef APP-NVUE */
+		display: inline-flex;
+		box-sizing: border-box;
+		vertical-align: top;
+		flex-shrink: 0;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		overflow: hidden;
+		position: relative;
+		border-radius: 8rpx;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-table__checkbox-color {
+		background: var(--fui-color-primary, #465CFF) !important;
+		border-color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	/* #endif */
+
+	.fui-table__disabled {
+		opacity: .5;
+		/* #ifdef H5 */
+		cursor: not-allowed;
+		/* #endif */
+	}
+
+	.fui-table__checkmark {
+		width: 18rpx;
+		height: 36rpx;
+		border-bottom-style: solid;
+		border-bottom-width: 3px;
+		border-bottom-color: #FFFFFF;
+		border-right-style: solid;
+		border-right-width: 3px;
+		border-right-color: #FFFFFF;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		transform: rotate(45deg) scale(0.5) translateZ(0);
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		transform: rotate(45deg) scale(0.5);
+		/* #endif */
+		transform-origin: 54% 48%;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-tabs/fui-tabs.vue b/components/firstui/fui-tabs/fui-tabs.vue
new file mode 100644
index 0000000..5176861
--- /dev/null
+++ b/components/firstui/fui-tabs/fui-tabs.vue
@@ -0,0 +1,542 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：   1 8614 07   2 5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<scroll-view class="fui-tabs__scrollbox"
+		:class="{'fui-tabs__fixed':isFixed && !isSticky,'fui-tabs__sticky':isSticky}" :scroll-with-animation="true"
+		:scroll-x="scroll" :show-scrollbar="false" :scroll-into-view="scrollInto"
+		:style="{background:background,zIndex:(isFixed || isSticky)?zIndex:1,top: isFixed || isSticky ? top + 'px' : 'auto'}">
+		<view class="fui-scroll__view" :class="{'fui-tabs__full':!alignLeft}">
+			<view v-for="(tab, index) in vals" :key="index" class="fui-tabs__item"
+				:class="{'fui-tabs__full':!alignLeft}" :id="tab.fui_s_id" @tap="switchTab(index)">
+				<view class="fui-tabs__text-wrap"
+					:class="{'fui-tabs__wrap-disabled':tab.disabled,'fui-tabs__item-column':direction==='column' && tab.icon}"
+					:style="{height:height+'rpx'}">
+					<view class="fui-tabs__line-wrap" :class="{'fui-tabs__line-center':center}"
+						:style="{bottom:bottom +'rpx',left:`-${padding}rpx`,right:`-${padding}rpx`}" v-if="isSlider">
+						<view class="fui-tabs__ac-line"
+							:class="{'fui-tabs__line-short':short,'fui-tabs__full':!short,'fui-tabs__slider-color':!getSliderBgColor}"
+							:style="{height:sliderHeight+'rpx',background:getSliderBgColor,borderRadius:sliderRadius==-1?sliderHeight+'rpx':sliderRadius+'rpx',transform: `scale(${tabIndex===index?(isNvue?1:scale):(isNvue?0.00001:0)})`}">
+						</view>
+					</view>
+					<image class="fui-tabs__icon" :class="{'fui-tabs__icon-column':direction==='column'}"
+						:src="tabIndex===index && tab.selectedIcon?tab.selectedIcon:tab.icon" v-if="tab.icon">
+					</image>
+					<!-- #ifdef APP-NVUE -->
+					<view class="fui-tabs__text">
+						<text
+							:style="{fontSize:selectedSize+'rpx',fontWeight:tabIndex===index?selectedFontWeight:fontWeight,height:height+'rpx',lineHeight:height+'rpx'}"
+							style="opacity: 0;">{{tab.name}}</text>
+						<text class="fui-tabs__text-nvue"
+							:class="{'fui-tabs__selected-color':!getSelectedColor && tabIndex===index,'fui-tabs__text-color':!color && tabIndex!==index}"
+							:style="{fontSize:(tabIndex===index && isNvue? selectedSize:size)+'rpx',color:tabIndex===index?getSelectedColor:color,fontWeight:tabIndex===index?selectedFontWeight:fontWeight,height:height+'rpx',lineHeight:height+'rpx'}">{{tab.name}}</text>
+						<text
+							:class="{'fui-tabs__badge-color':!getBadgeBgColor,'fui-tabs__badge-dot':isDot,'fui-tabs__badge':!isDot}"
+							:style="{color:badgeColor,background:getBadgeBgColor,top:getTop+'rpx'}"
+							v-if="tab.badge">{{isDot?'':tab.badge}}</text>
+					</view>
+
+					<!-- #endif -->
+					<!-- #ifndef APP-NVUE -->
+					<!--vue3中text嵌套text使用v-if会显示v-if文本-->
+					<view class="fui-tabs__text"
+						:class="{'fui-tabs__selected-color':!getSelectedColor && tabIndex===index,'fui-tabs__text-color':!color && tabIndex!==index}"
+						:style="{fontSize:(tabIndex===index && isNvue? selectedSize:size)+'rpx',color:tabIndex===index?getSelectedColor:color,fontWeight:tabIndex===index?selectedFontWeight:fontWeight,transform:`scale(${tabIndex===index && !isNvue?scale:1})`}">
+						{{tab.name}}<text
+							:class="{'fui-tabs__badge-color':!getBadgeBgColor,'fui-tabs__badge-dot':isDot,'fui-tabs__badge':!isDot}"
+							:style="{color:badgeColor,background:getBadgeBgColor}"
+							v-if="tab.badge">{{isDot?'':tab.badge}}</text>
+					</view>
+					<!-- #endif -->
+				</view>
+			</view>
+		</view>
+	</scroll-view>
+</template>
+
+<script>
+	export default {
+		name: 'fui-tabs',
+		emits: ['change'],
+		// #ifdef MP-WEIXIN
+		options: {
+			virtualHost: true
+		},
+		// #endif
+		props: {
+			// 标签页数据源
+			tabs: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			// 当前选项卡
+			current: {
+				type: Number,
+				default: 0
+			},
+			// 是否可以滚动
+			scroll: {
+				type: Boolean,
+				default: false
+			},
+			// tab高度 rpx
+			height: {
+				type: [Number, String],
+				default: 96
+			},
+			background: {
+				type: String,
+				default: '#fff'
+			},
+			//字体大小
+			size: {
+				type: [Number, String],
+				default: 28
+			},
+			//字体颜色
+			// #ifdef APP-NVUE
+			color: {
+				type: String,
+				default: '#7F7F7F'
+			},
+			// #endif
+			// #ifndef APP-NVUE
+			color: {
+				type: String,
+				default: ''
+			},
+			// #endif
+			//选中前字重
+			fontWeight: {
+				type: [Number, String],
+				default: 'normal'
+			},
+			//仅Nvue端生效，代替scale属性
+			selectedSize: {
+				type: [Number, String],
+				default: 32
+			},
+			//选中后字体颜色
+			selectedColor: {
+				type: String,
+				default: ''
+			},
+			//选中后字重
+			selectedFontWeight: {
+				type: [Number, String],
+				default: 500
+			},
+			//选中后字体缩放倍数
+			//Nvue端 Android 暂不支持设置overflow:visible，放大后文字超出部分被隐藏
+			scale: {
+				type: [Number, String],
+				default: 1.2
+			},
+			badgeColor: {
+				type: String,
+				default: '#fff'
+			},
+			badgeBackground: {
+				type: String,
+				default: ''
+			},
+			isDot: {
+				type: Boolean,
+				default: false
+			},
+			isSlider: {
+				type: Boolean,
+				default: true
+			},
+			//滑块高度
+			sliderHeight: {
+				type: [Number, String],
+				default: 5
+			},
+			//滑块背景颜
+			sliderBackground: {
+				type: String,
+				default: ''
+			},
+			//滑块 radius
+			sliderRadius: {
+				type: [Number, String],
+				default: -1
+			},
+			//滑块左右padding值
+			padding: {
+				type: [Number, String],
+				default: 0
+			},
+			//滑块bottom
+			bottom: {
+				type: [Number, String],
+				default: 0
+			},
+			//滑块是否固定为较短的长度45rpx
+			short: {
+				type: Boolean,
+				default: true
+			},
+			//滑块是否居中显示
+			center: {
+				type: Boolean,
+				default: false
+			},
+			//是否固定
+			isFixed: {
+				type: Boolean,
+				default: false
+			},
+			//吸顶效果，为true时isFixed失效
+			isSticky: {
+				type: Boolean,
+				default: false
+			},
+			//isFixed或isSticky为true时，tabs top值 px
+			// #ifndef H5
+			top: {
+				type: [Number, String],
+				default: 0
+			},
+			// #endif
+			// #ifdef H5
+			top: {
+				type: [Number, String],
+				default: 44
+			},
+			// #endif
+			//当数据不满一屏时，item项是否靠左对齐，默认均分铺满
+			alignLeft: {
+				type: Boolean,
+				default: false
+			},
+			//tabs item项排列方式：row、column
+			direction: {
+				type: String,
+				default: 'row'
+			},
+			zIndex: {
+				type: [Number, String],
+				default: 996
+			}
+		},
+		watch: {
+			tabs(vals) {
+				this.initData(vals)
+			},
+			current(newVal, oldVal) {
+				this.switchTab(newVal);
+			}
+		},
+		created() {
+			this.initData(this.tabs)
+		},
+		computed: {
+			// #ifdef APP-NVUE
+			getTop() {
+				const height = Number(this.height) - Number(this.selectedSize)
+				return height / 2
+			},
+			// #endif
+			getSelectedColor() {
+				let color = this.selectedColor
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color
+			},
+			getSliderBgColor() {
+				let color = this.sliderBackground
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color
+			},
+			getBadgeBgColor() {
+				let color = this.badgeBackground
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.danger) || '#FF2B2B';
+				}
+				// #endif
+				return color
+			}
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				vals: [],
+				scrollInto: '',
+				tabIndex: 0,
+				isNvue: isNvue
+			};
+		},
+		methods: {
+			getId() {
+				return `fui_${Math.ceil(Math.random() * 10e5).toString(36)}`
+			},
+			initData(vals) {
+				if (vals && vals.length > 0) {
+					if (typeof vals[0] === 'object') {
+						vals.map(item => {
+							const scrollId = this.getId()
+							item.fui_s_id = scrollId;
+						});
+					} else {
+						//字符串
+						vals = vals.map(item => {
+							const scrollId = this.getId()
+							return {
+								name: item,
+								fui_s_id: scrollId
+							}
+						})
+					}
+					this.vals = vals;
+					this.$nextTick(() => {
+						setTimeout(() => {
+							this.switchTab(this.current)
+						}, 50)
+					})
+				}
+			},
+			switchTab(index) {
+				const item = {
+					...this.vals[index]
+				}
+				if (this.tabIndex === index || item.disabled) return;
+				this.tabIndex = index;
+				let scrollIndex = index - 1 < 0 ? 0 : index - 1;
+				this.scrollInto = this.vals[scrollIndex].fui_s_id;
+				delete item.fui_s_id;
+				this.$emit('change', {
+					index: index,
+					...item
+				})
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	/* #ifndef APP-NVUE */
+	::-webkit-scrollbar {
+		width: 0 !important;
+		height: 0 !important;
+		color: transparent !important;
+		display: none;
+	}
+
+	/* #endif */
+	.fui-tabs__scrollbox {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+		flex: 1;
+		flex-direction: row;
+		overflow: hidden;
+	}
+
+	.fui-tabs__fixed {
+		position: fixed;
+		left: 0;
+		right: 0;
+	}
+
+	.fui-tabs__sticky {
+		position: sticky;
+		left: 0;
+		right: 0;
+	}
+
+	.fui-scroll__view {
+		/* #ifndef APP-NVUE */
+		min-width: 100%;
+		white-space: nowrap;
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+	}
+
+
+	.fui-tabs__item {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		flex-shrink: 0;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		padding-left: 32rpx;
+		padding-right: 32rpx;
+		position: relative;
+
+	}
+
+	.fui-tabs__full {
+		flex: 1;
+	}
+
+	.fui-tabs__text-wrap {
+		position: relative;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+		z-index: 3;
+	}
+
+	.fui-tabs__wrap-disabled {
+		/* #ifdef H5 */
+		cursor: not-allowed;
+		/* #endif */
+		opacity: 0.5;
+	}
+
+	.fui-tabs__icon {
+		width: 40rpx;
+		height: 40rpx;
+		margin-right: 12rpx;
+	}
+
+	.fui-tabs__item-column {
+		flex-direction: column !important;
+	}
+
+	.fui-tabs__icon-column {
+		margin-right: 0 !important;
+		margin-bottom: 8rpx;
+	}
+
+	.fui-tabs__text {
+		/* #ifndef APP-NVUE */
+		white-space: nowrap;
+		display: block;
+		transition: transform 0.2s linear;
+		z-index: 3;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		flex-wrap: nowrap;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		/* #endif */
+		position: relative;
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-tabs__text-nvue {
+		position: absolute;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		text-align: center;
+	}
+
+	/* #endif */
+
+	.fui-tabs__badge {
+		height: 36rpx;
+		padding: 0 12rpx;
+		color: #FFFFFF;
+		font-size: 24rpx;
+		line-height: 36rpx;
+		border-radius: 100px;
+		position: absolute;
+		/* #ifndef APP-NVUE */
+		min-width: 36rpx !important;
+		display: flex;
+		box-sizing: border-box;
+		right: -32rpx;
+		top: -18rpx;
+		z-index: 10;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		right: 0;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		transform: scale(0.9);
+	}
+
+	.fui-tabs__badge-dot {
+		height: 8px !important;
+		width: 8px !important;
+		/* #ifdef APP-NVUE */
+		border-radius: 100px;
+		/* #endif */
+		position: absolute;
+		/* #ifndef APP-NVUE */
+		display: inline-block;
+		right: -6px;
+		top: -3px;
+		border-radius: 50%;
+		z-index: 10;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		right: 0;
+		/* #endif */
+	}
+
+	.fui-tabs__line-wrap {
+		position: absolute;
+		border-radius: 2px;
+		z-index: 2;
+		flex: 1;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+	}
+
+	.fui-tabs__line-center {
+		justify-content: center;
+		left: 0;
+	}
+
+	.fui-tabs__ac-line {
+		transition: transform 0.2s linear;
+	}
+
+	.fui-tabs__line-short {
+		width: 45rpx !important;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-tabs__selected-color {
+		color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-tabs__text-color {
+		color: var(--fui-color-subtitle, #7F7F7F) !important;
+	}
+
+	.fui-tabs__slider-color {
+		background: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-tabs__badge-color {
+		background: var(--fui-color-danger, #FF2B2B) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-tag/fui-tag.vue b/components/firstui/fui-tag/fui-tag.vue
new file mode 100644
index 0000000..766858f
--- /dev/null
+++ b/components/firstui/fui-tag/fui-tag.vue
@@ -0,0 +1,368 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18    614  0   7 2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-tag__wrap"
+		:class="[highlight?'fui-tag__opacity':'',originLeft?'fui-tag__origin-left':'',originRight?'fui-tag__origin-right':'',!background?`fui-tag__${type}-${theme}`:'',(background && !borderColor) || !isBorder?'fui-tag__no-border':'']"
+		:style="{backgroundColor:getBackground,fontSize:size+'rpx',lineHeight:size+'rpx',color:color,borderColor:getBorderColor,transform: `scale(${scaleRatio})`,borderRadius:radius+'rpx',paddingTop:padding[0] || 0,paddingRight:padding[1]|| 0,paddingBottom:padding[2] || padding[0] || 0,paddingLeft:padding[3] || padding[1] || 0,marginTop:marginTop+'rpx',marginRight:marginRight+'rpx',marginBottom:marginBottom+'rpx',marginLeft:marginLeft+'rpx'}"
+		@tap="handleClick">
+		<text v-if="text" class="fui-tag__text" :class="[!background?`fui-tag_${type}-${theme}`:'']"
+			:style="{fontSize:size+'rpx',lineHeight:size+'rpx',color:getColor}">{{text}}</text>
+		<slot></slot>
+	</view>
+</template>
+
+<script>
+	function hexToRGB(hex) {
+		if (hex.length === 4) {
+			let text = hex.substring(1, 4);
+			hex = '#' + text + text;
+		}
+		let result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+		return result ? `${parseInt(result[1], 16)},${parseInt(result[2], 16)},${parseInt(result[3], 16)}` : '241,244,250';
+	}
+	export default {
+		name: "fui-tag",
+		emits: ['click'],
+		props: {
+			text: {
+				type: String,
+				default: ''
+			},
+			//类型：primary，success，warning，danger，purple
+			type: {
+				type: String,
+				default: 'primary'
+			},
+			//三种主题：dark、light、plain。background为空时生效
+			theme: {
+				type: String,
+				default: 'dark'
+			},
+			//背景色，如果设置背景则type失效
+			background: {
+				type: String,
+				default: ''
+			},
+			//v2.0.0+
+			isBorder: {
+				type: Boolean,
+				default: true
+			},
+			borderColor: {
+				type: String,
+				default: ''
+			},
+			//字体颜色
+			color: {
+				type: String,
+				default: ''
+			},
+			//字体大小 rpx
+			size: {
+				type: [Number, String],
+				default: 24
+			},
+			//缩放比例
+			scaleRatio: {
+				type: Number,
+				default: 1
+			},
+			originLeft: {
+				type: Boolean,
+				default: false
+			},
+			originRight: {
+				type: Boolean,
+				default: false
+			},
+			//是否有点击效果
+			highlight: {
+				type: Boolean,
+				default: false
+			},
+			radius: {
+				type: [Number, String],
+				default: 8
+			},
+			//padding值，上右下左，同css顺序
+			padding: {
+				type: Array,
+				default () {
+					return ['16rpx', '32rpx']
+				}
+			},
+			//margin-top值
+			marginTop: {
+				type: [Number, String],
+				default: 0
+			},
+			marginBottom: {
+				type: [Number, String],
+				default: 0
+			},
+			marginLeft: {
+				type: [Number, String],
+				default: 0
+			},
+			marginRight: {
+				type: [Number, String],
+				default: 0
+			},
+			index: {
+				type: Number,
+				default: 0
+			}
+		},
+		data() {
+			const app = uni && uni.$fui && uni.$fui.color;
+			return {
+				// #ifdef APP-NVUE
+				dark: {
+					primary: (app && app.primary) || '#465CFF',
+					success: (app && app.success) || '#09BE4F',
+					warning: (app && app.warning) || '#FFB703',
+					danger: (app && app.danger) || '#FF2B2B',
+					purple: (app && app.purple) || '#6831FF',
+				}
+				// #endif
+			}
+		},
+		computed: {
+			getBackground() {
+				let background = this.background
+				// #ifdef APP-NVUE
+				if (!background) {
+					switch (this.theme) {
+						case 'light':
+							background = `rgba(${hexToRGB(this.dark[this.type])},.05)`
+							break;
+						case 'dark':
+							background = this.dark[this.type]
+							break;
+						default:
+							background = "rgba(0,0,0,0)"
+							break;
+					}
+				}
+				// #endif
+				return background;
+			},
+			getColor() {
+				let color = this.color
+				// #ifdef APP-NVUE
+				if (!color) {
+					if (this.theme === 'dark') {
+						color = '#fff'
+					} else {
+						color = this.dark[this.type]
+					}
+				}
+				// #endif
+				return color;
+			},
+			getBorderColor() {
+				let borderColor = this.borderColor
+				// #ifdef APP-NVUE
+				if (!borderColor) {
+					if (this.theme === 'light') {
+						borderColor = `rgba(${hexToRGB(this.dark[this.type])},.05)`
+					} else {
+						borderColor = this.dark[this.type]
+					}
+				}
+				// #endif
+				return borderColor;
+			}
+		},
+		methods: {
+			handleClick() {
+				this.$emit('click', {
+					index: this.index
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-tag__wrap {
+		/* #ifndef APP-NVUE */
+		display: inline-flex;
+		box-sizing: border-box;
+		flex-shrink: 0;
+		max-width: 100%;
+		white-space: nowrap;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		position: relative;
+		/* #ifdef APP-NVUE */
+		border-width: 0.5px;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		border-width: 1rpx;
+		/* #endif */
+		border-style: solid;
+		border-color: transparent;
+		font-weight: normal;
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	.fui-tag__no-border {
+		border-width: 0;
+	}
+
+	.fui-tag__text {
+		/* #ifdef APP-NVUE */
+		lines: 1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		white-space: nowrap;
+		/* #endif */
+		overflow: hidden;
+		text-overflow: ellipsis;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-tag__primary-dark {
+		background-color: var(--fui-color-primary, #465CFF) !important;
+		border-color: var(--fui-color-primary, #465CFF) !important;
+		color: #FFFFFF !important;
+	}
+
+	.fui-tag_primary-dark,
+	.fui-tag_success-dark,
+	.fui-tag_warning-dark,
+	.fui-tag_danger-dark,
+	.fui-tag_purple-dark {
+		color: #FFFFFF !important;
+	}
+
+	.fui-tag__success-dark {
+		background-color: var(--fui-color-success, #09BE4F) !important;
+		border-color: var(--fui-color-success, #09BE4F) !important;
+		color: #FFFFFF !important;
+	}
+
+
+	.fui-tag__warning-dark {
+		background-color: var(--fui-color-warning, #FFB703) !important;
+		border-color: var(--fui-color-warning, #FFB703) !important;
+		color: #FFFFFF !important;
+	}
+
+	.fui-tag__danger-dark {
+		background-color: var(--fui-color-danger, #FF2B2B) !important;
+		border-color: var(--fui-color-danger, #FF2B2B) !important;
+		color: #FFFFFF !important;
+	}
+
+	.fui-tag__purple-dark {
+		background-color: var(--fui-color-purple, #6831FF) !important;
+		border-color: var(--fui-color-purple, #6831FF) !important;
+		color: #FFFFFF !important;
+	}
+
+	.fui-tag__primary-light {
+		background-color: var(--fui-bg-color-grey, #F1F4FA) !important;
+		border-color: var(--fui-bg-color-grey, #F1F4FA) !important;
+		color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-tag_primary-light,
+	.fui-tag_primary-plain {
+		color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-tag__success-light {
+		background-color: var(--fui-bg-color-green, rgba(9, 190, 79, .05)) !important;
+		border-color: var(--fui-bg-color-green, rgba(9, 190, 79, .05)) !important;
+		color: var(--fui-color-success, #09BE4F) !important;
+	}
+
+	.fui-tag_success-light,
+	.fui-tag_success-plain {
+		color: var(--fui-color-success, #09BE4F) !important;
+	}
+
+	.fui-tag__warning-light {
+		background-color: var(--fui-bg-color-yellow, rgba(255, 183, 3, .1)) !important;
+		border-color: var(--fui-bg-color-yellow, rgba(255, 183, 3, .1)) !important;
+		color: var(--fui-color-warning, #FFB703) !important;
+
+	}
+
+	.fui-tag_warning-light,
+	.fui-tag_warning-plain {
+		color: var(--fui-color-warning, #FFB703) !important;
+
+	}
+
+	.fui-tag__danger-light {
+		background-color: var(--fui-bg-color-red, rgba(255, 43, 43, .05)) !important;
+		border-color: var(--fui-bg-color-red, rgba(255, 43, 43, .05)) !important;
+		color: var(--fui-color-danger, #FF2B2B) !important;
+	}
+
+	.fui-tag__danger-light,
+	.fui-tag__danger-plain {
+		color: var(--fui-color-danger, #FF2B2B) !important;
+	}
+
+	.fui-tag__purple-light {
+		background-color: var(--fui-bg-color-purple, rgba(104, 49, 255, .05)) !important;
+		border-color: var(--fui-bg-color-purple, rgba(104, 49, 255, .05)) !important;
+		color: var(--fui-color-purple, #6831FF) !important;
+	}
+
+	.fui-tag_purple-light,
+	.fui-tag_purple-plain {
+		color: var(--fui-color-purple, #6831FF) !important;
+	}
+
+	.fui-tag__primary-plain {
+		background-color: rgba(0, 0, 0, 0) !important;
+		border-color: var(--fui-color-primary, #465CFF) !important;
+		color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-tag__success-plain {
+		background-color: rgba(0, 0, 0, 0) !important;
+		border-color: var(--fui-color-success, #09BE4F) !important;
+		color: var(--fui-color-success, #09BE4F) !important;
+	}
+
+	.fui-tag__warning-plain {
+		background-color: rgba(0, 0, 0, 0) !important;
+		border-color: var(--fui-color-warning, #FFB703) !important;
+		color: var(--fui-color-warning, #FFB703) !important;
+	}
+
+	.fui-tag__danger-plain {
+		background-color: rgba(0, 0, 0, 0) !important;
+		border-color: var(--fui-color-danger, #FF2B2B) !important;
+		color: var(--fui-color-danger, #FF2B2B) !important;
+	}
+
+	.fui-tag__purple-plain {
+		background-color: rgba(0, 0, 0, 0) !important;
+		border-color: var(--fui-color-purple, #6831FF) !important;
+		color: var(--fui-color-purple, #6831FF) !important;
+
+	}
+
+	/* #endif */
+
+	.fui-tag__origin-left {
+		transform-origin: 0 center;
+	}
+
+	.fui-tag__origin-right {
+		transform-origin: 100% center;
+	}
+
+	.fui-tag__opacity:active {
+		opacity: 0.5;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-text/fui-text.vue b/components/firstui/fui-text/fui-text.vue
new file mode 100644
index 0000000..d0adf9d
--- /dev/null
+++ b/components/firstui/fui-text/fui-text.vue
@@ -0,0 +1,286 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1  86140     7254   9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-text__wrap"
+		:class="[block?'fui-text__block':'fui-text__inline','fui-text__'+align,highlight && !disable?'fui-text__active':'']"
+		:style="{textAlign:align,paddingTop:padding[0] || 0,paddingRight:padding[1] || 0,paddingBottom:padding[2] || padding[0] || 0,paddingLeft:padding[3] || padding[1] || 0}"
+		@tap="handleTap">
+		<slot></slot>
+		<!-- #ifndef APP-NVUE -->
+		<text class="fui-text__content"
+			:style="{color:getColor,fontSize:getSize,lineHeight:lineHeight?getSize:'auto',textAlign:align,textDecoration:decoration,fontWeight:fontWeight}"
+			:class="[color?'':'fui-text__'+type,unShrink?'fui-text__unshrink':'']" :selectable="selectable"
+			:userSelect="userSelect" :decode="decode">{{getText(text, textType, format)}}</text>
+		<!-- #endif -->
+		<!-- #ifdef APP-NVUE -->
+		<view class="fui-text__nvue">
+			<text class="fui-text__content"
+				:style="{color:getColor,fontSize:getSize,lineHeight:lineHeight?getSize:'auto',textAlign:align,textDecoration:decoration,fontWeight:fontWeight}"
+				:class="[color?'':'fui-text__'+type,unShrink?'fui-text__unshrink':'']" :userSelect="userSelect"
+				:decode="decode">{{getText(text, textType, format)}}</text>
+		</view>
+		<!-- #endif -->
+		<slot name="right"></slot>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-text",
+		emits: ['click'],
+		props: {
+			//样式类型：primary，success， warning，danger，purple，gray，black
+			type: {
+				type: String,
+				default: 'black'
+			},
+			text: {
+				type: [Number, String],
+				default: ''
+			},
+			size: {
+				type: [Number, String],
+				default: 0
+			},
+			unit: {
+				type: String,
+				default: ''
+			},
+			color: {
+				type: String,
+				default: ''
+			},
+			fontWeight: {
+				type: [Number, String],
+				default: 400
+			},
+			//left、center、right
+			align: {
+				type: String,
+				default: 'left'
+			},
+			//none、 underline、line-through
+			decoration: {
+				type: String,
+				default: 'none'
+			},
+			//是否将行高设置与字体大小一致
+			lineHeight: {
+				type: Boolean,
+				default: false
+			},
+			padding: {
+				type: Array,
+				default () {
+					return ['0', '0']
+				}
+			},
+			block: {
+				type: Boolean,
+				default: false
+			},
+			//文本类型：text、mobile、amount、name
+			textType: {
+				type: String,
+				default: 'text'
+			},
+			//是否格式化，仅mobile、amount时有效
+			format: {
+				type: Boolean,
+				default: false
+			},
+			call: {
+				type: Boolean,
+				default: false
+			},
+			//文本是否可选：nvue不支持，加此属性导致事件无法冒泡
+			selectable: {
+				type: Boolean,
+				default: false
+			},
+			//文本是否可选：微信小程序
+			userSelect: {
+				type: Boolean,
+				default: false
+			},
+			//是否解码：App、H5、微信小程序
+			decode: {
+				type: Boolean,
+				default: false
+			},
+			//是否有点击效果
+			highlight: {
+				type: Boolean,
+				default: false
+			},
+			disable: {
+				type: Boolean,
+				default: false
+			},
+			unShrink: {
+				type: Boolean,
+				default: false
+			},
+			param: {
+				type: [Number, String],
+				default: ''
+			}
+		},
+		computed: {
+			getSize() {
+				const size = (uni && uni.$fui && uni.$fui.fuiText && uni.$fui.fuiText.size) || 32
+				const unit = (uni && uni.$fui && uni.$fui.fuiText && uni.$fui.fuiText.unit) || 'rpx'
+				return (this.size || size) + (this.unit || unit)
+			},
+			getColor() {
+				let color = this.color || ''
+				// #ifdef APP-NVUE
+				if (!color && this.type) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					const text = uni && uni.$fui && uni.$fui.fuiText;
+					color = {
+						primary: (app && app.primary) || '#465CFF',
+						success: (app && app.success) || '#09BE4F',
+						warning: (app && app.warning) || '#FFB703',
+						danger: (app && app.danger) || '#FF2B2B',
+						purple: (app && app.purple) || '#6831FF',
+						gray: '#B2B2B2',
+						black: (text && text.color) || '#181818'
+					} [this.type]
+				}
+				// #endif
+				return color
+			}
+		},
+		methods: {
+			getText(text, textType, format) {
+				let _text = text
+				if (format) {
+					if (textType === 'mobile') {
+						_text = this.numberFormatter(text)
+					} else if (textType === 'amount') {
+						_text = this.moneyFormatter(text)
+					} else if (textType === 'name') {
+						_text = this.nameFormatter(text)
+					}
+				}
+				return _text
+			},
+			numberFormatter(num) {
+				return num.length === 11 ? num.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2') : num;
+			},
+			moneyFormatter(money) {
+				return parseFloat(money).toFixed(2).toString().split('').reverse().join('').replace(/(\d{3})/g, '$1,')
+					.replace(
+						/\,$/, '').split('').reverse().join('');
+			},
+			trimAll(value) {
+				return value.toString().replace(/\s+/g, "")
+			},
+			nameFormatter(name) {
+				let _name = this.trimAll(name || '')
+				if (_name && _name.length >= 2) {
+					const arr = _name.split('')
+					_name = arr[0] + '*'
+					if (arr.length > 2) {
+						_name = _name + arr[arr.length - 1]
+					}
+				}
+				return _name
+			},
+			handleTap() {
+				if (this.disable) return;
+				this.$emit('click', {
+					text: this.text,
+					param: this.param
+				})
+				if (this.call) {
+					uni.makePhoneCall({
+						phoneNumber: this.text
+					})
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-text__wrap {
+		align-items: center;
+		flex-direction: row;
+	}
+
+	/* #ifdef H5 */
+	.fui-text__active {
+		cursor: pointer;
+	}
+
+	/* #endif */
+
+	.fui-text__active:active {
+		opacity: .5;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-text__inline {
+		display: inline-flex;
+	}
+
+	.fui-text__block {
+		display: flex;
+	}
+
+	.fui-text__unshrink {
+		flex-shrink: 0;
+	}
+
+	.fui-text__content {
+		word-break: break-all;
+	}
+
+	/* #endif */
+
+	/* #ifdef APP-NVUE */
+	.fui-text__nvue{
+		flex: 1;
+	}
+	/* #endif */
+
+	.fui-text__center {
+		justify-content: center;
+	}
+
+	.fui-text__right {
+		justify-content: flex-end;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-text__primary {
+		color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-text__success {
+		color: var(--fui-color-success, #09BE4F) !important;
+	}
+
+	.fui-text__warning {
+		color: var(--fui-color-warning, #FFB703) !important;
+	}
+
+	.fui-text__danger {
+		color: var(--fui-color-danger, #FF2B2B) !important;
+	}
+
+	.fui-text__purple {
+		color: var(--fui-color-purple, #6831FF) !important;
+	}
+
+	.fui-text__gray {
+		color: var(--fui-color-label, #B2B2B2) !important;
+	}
+
+	.fui-text__black {
+		color: var(--fui-color-title, #181818) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-textarea/fui-textarea.vue b/components/firstui/fui-textarea/fui-textarea.vue
new file mode 100644
index 0000000..e401b1f
--- /dev/null
+++ b/components/firstui/fui-textarea/fui-textarea.vue
@@ -0,0 +1,634 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1   861 40 7 25    49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-textarea__wrap"
+		:class="{'fui-textarea__flex-start':flexStart,'fui-textarea__border-nvue':textareaBorder}"
+		:style="{paddingTop:padding[0] || 0,paddingRight:padding[1] || 0,paddingBottom:padding[2] || padding[0] || 0,paddingLeft:padding[3] || padding[1] || 0,background:backgroundColor,borderRadius:radius+'rpx',borderColor:borderColor,marginTop:marginTop+'rpx'}"
+		@tap="fieldClick">
+		<view v-if="borderTop && !textareaBorder"
+			:style="{background:borderColor,left:topLeft+'rpx',right:topRight+'rpx'}" class="fui-textarea__border-top"
+			:class="{'fui-textarea__background':!borderColor}">
+		</view>
+		<!-- #ifndef APP-NVUE -->
+		<view class="fui-textarea__border" :class="{'fui-textarea__bordercolor':!borderColor}"
+			:style="{borderRadius:getRadius,borderColor:borderColor}" v-if="textareaBorder"></view>
+		<!-- #endif -->
+		<!-- #ifdef APP-NVUE -->
+		<view class="fui-textarea__required" v-if="required && !flexStart">
+			<text class="fui-form__asterisk-text" :style="{color:getRequiredColor,paddingTop:'2rpx'}">*</text>
+		</view>
+		<text class="fui-textarea__required" :style="{color:getRequiredColor,top:requiredTop}"
+			v-if="required && flexStart">*</text>
+		<!-- #endif -->
+		<!-- #ifndef APP-NVUE -->
+		<view class="fui-textarea__required" :class="{'fui-required__flex-start':flexStart}"
+			:style="{color:getRequiredColor,top:flexStart?requiredTop:'50%'}" v-if="required">*</view>
+		<!-- #endif -->
+		<view class="fui-textarea__label" :style="{minWidth:labelWidth+'rpx'}" v-if="label">
+			<text :style="{fontSize:labelSize+'rpx',color:labelColor}">{{label}}</text>
+		</view>
+		<slot name="left"></slot>
+		<view class="fui-textarea__flex-1">
+			<textarea ref="fuiTextarea" class="fui-textarea__self" :class="{'fui-text__right':textRight}"
+				:style="{height:height,minHeight:minHeight,fontSize:size+'rpx',color:color}"
+				placeholder-class="fui-textarea-placeholder" :name="name" :value="val" :placeholder="placeholder"
+				:placeholderStyle="placeholderStyl" :disabled="disabled" :cursor-spacing="cursorSpacing"
+				:maxlength="maxlength" :focus="focused" :auto-height="autoHeight" :fixed="fixed"
+				:show-confirm-bar="showConfirmBar" :cursor="cursor" :selection-start="selectionStart"
+				:selection-end="selectionEnd" :adjust-position="adjustPosition" :hold-keyboard="holdKeyboard"
+				:disable-default-padding="disableDefaultPadding" :enableNative="false" :show-count="false"
+				@focus="onFocus" @blur="onBlur" @input="onInput" @confirm="onConfirm" @linechange="onLinechange"
+				@keyboardheightchange="onKeyboardheightchange"></textarea>
+			<view class="fui-textarea__counter" v-if="isCounter">
+				<text
+					:style="{fontSize:counterSize+'rpx',color:counterColor}">{{maxlength!=-1?`${count}/${maxlength}`:count}}</text>
+			</view>
+		</view>
+		<slot></slot>
+		<view v-if="borderBottom  && !textareaBorder"
+			:style="{background:borderColor,left:bottomLeft+'rpx',right:bottomRight+'rpx'}"
+			class="fui-textarea__border-bottom" :class="{'fui-textarea__background':!borderColor}"></view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-textarea",
+		emits: ['input', 'update:modelValue', 'focus', 'blur', 'confirm', 'click', 'linechange', 'keyboardheightchange'],
+		// #ifdef MP-WEIXIN
+		//加group是为了避免在表单中使用时给组件加value属性
+		behaviors: ['wx://form-field-group'],
+		// #endif
+		// #ifdef MP-BAIDU || MP-QQ || H5
+		//如果在这些平台不需要也能识别，则删除
+		behaviors: ['uni://form-field'],
+		// #endif
+		// #ifdef MP-WEIXIN
+		options: {
+			addGlobalClass: true,
+			virtualHost: true
+		},
+		// #endif
+		props: {
+			//是否为必填项
+			required: {
+				type: Boolean,
+				default: false
+			},
+			requiredColor: {
+				type: String,
+				default: ''
+			},
+			requiredTop: {
+				type: String,
+				default: '34rpx'
+			},
+			//左侧标题
+			label: {
+				type: String,
+				default: ''
+			},
+			//标题字体大小
+			labelSize: {
+				type: [Number, String],
+				default: 32
+			},
+			labelColor: {
+				type: String,
+				default: '#333'
+			},
+			//label 最小宽度 rpx
+			labelWidth: {
+				type: [Number, String],
+				default: 140
+			},
+			//获取焦点
+			focus: {
+				type: Boolean,
+				default: false
+			},
+			autoHeight: {
+				type: Boolean,
+				default: false
+			},
+			fixed: {
+				type: Boolean,
+				default: false
+			},
+			placeholder: {
+				type: String,
+				default: ''
+			},
+			placeholderStyle: {
+				type: String,
+				default: ''
+			},
+			//输入框名称
+			name: {
+				type: String,
+				default: ''
+			},
+			//输入框值
+			value: {
+				type: [Number, String],
+				default: ''
+			},
+			// #ifdef VUE3
+			//输入框值
+			modelValue: {
+				type: [Number, String],
+				default: ''
+			},
+			// #endif
+			disabled: {
+				type: Boolean,
+				default: false
+			},
+			maxlength: {
+				type: [Number, String],
+				default: 140
+			},
+			cursorSpacing: {
+				type: Number,
+				default: 0,
+			},
+			showConfirmBar: {
+				type: Boolean,
+				default: true
+			},
+			cursor: {
+				type: Number,
+				default: -1
+			},
+			selectionStart: {
+				type: Number,
+				default: -1
+			},
+			selectionEnd: {
+				type: Number,
+				default: -1
+			},
+			adjustPosition: {
+				type: Boolean,
+				default: true
+			},
+			disableDefaultPadding: {
+				type: Boolean,
+				default: true
+			},
+			holdKeyboard: {
+				type: Boolean,
+				default: false
+			},
+			height: {
+				type: String,
+				default: '200rpx'
+			},
+			minHeight: {
+				type: String,
+				default: '30rpx'
+			},
+			//标题与输入框是否顶端对齐
+			flexStart: {
+				type: Boolean,
+				default: false
+			},
+			//输入框字体大小 rpx
+			size: {
+				type: [Number, String],
+				default: 32
+			},
+			//输入框字体颜色
+			color: {
+				type: String,
+				default: '#333'
+			},
+			// 是否显示 textarea 边框
+			textareaBorder: {
+				type: Boolean,
+				default: false
+			},
+			// 是否显示上边框
+			borderTop: {
+				type: Boolean,
+				default: true
+			},
+			//上边框left值，单位rpx
+			topLeft: {
+				type: [Number, String],
+				default: 0
+			},
+			//上边框right值，单位rpx
+			topRight: {
+				type: [Number, String],
+				default: 0
+			},
+			// 是否显示下边框
+			borderBottom: {
+				type: Boolean,
+				default: true
+			},
+			//下边框left值，单位rpx
+			bottomLeft: {
+				type: [Number, String],
+				default: 0
+			},
+			//下边框right值，单位rpx
+			bottomRight: {
+				type: [Number, String],
+				default: 0
+			},
+			//边框颜色
+			// #ifdef APP-NVUE
+			borderColor: {
+				type: String,
+				default: '#EEEEEE'
+			},
+			// #endif
+			// #ifndef APP-NVUE
+			borderColor: {
+				type: String,
+				default: ''
+			},
+			// #endif
+			radius: {
+				type: [String, Number],
+				default: 0
+			},
+			// 是否自动去除两端的空格
+			trim: {
+				type: Boolean,
+				default: true
+			},
+			textRight: {
+				type: Boolean,
+				default: false
+			},
+			//输入框padding值：[上，右，下，左]
+			padding: {
+				type: Array,
+				default () {
+					return ['32rpx', '32rpx']
+				}
+			},
+			//输入框背景颜色
+			backgroundColor: {
+				type: String,
+				default: '#FFFFFE'
+			},
+			//输入框margin-top值 rpx
+			marginTop: {
+				type: Number,
+				default: 0
+			},
+			//是否显示底部输入长度计数
+			isCounter: {
+				type: Boolean,
+				default: false
+			},
+			//计数文本颜色
+			counterColor: {
+				type: String,
+				default: '#B2B2B2'
+			},
+			//计数文本大小 rpx
+			counterSize: {
+				type: [Number, String],
+				default: 28
+			}
+		},
+		computed: {
+			getRadius() {
+				return Number(this.radius) * 2 + 'rpx'
+			},
+			getRequiredColor() {
+				let color = this.requiredColor;
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.danger) || '#FF2B2B';
+				}
+				return color;
+			}
+		},
+		data() {
+			return {
+				placeholderStyl: '',
+				count: 0,
+				focused: false,
+				val: ''
+			};
+		},
+		watch: {
+			focus(val) {
+				this.$nextTick(() => {
+					setTimeout(() => {
+						this.focused = val
+					}, 20)
+				})
+			},
+			// #ifdef APP-NVUE
+			focused(val) {
+				if (!this.$refs.fuiTextarea) return;
+				this.$nextTick(() => {
+					setTimeout(() => {
+						if (val) {
+							this.$refs.fuiTextarea.focus()
+						} else {
+							this.$refs.fuiTextarea.blur()
+						}
+					}, 50)
+				})
+			},
+			// #endif
+			placeholderStyle() {
+				this.fieldPlaceholderStyle()
+			},
+			// #ifdef VUE3
+			modelValue(newVal) {
+				this.val = this.getVal(newVal)
+				this.count = this.getCount(String(this.val).length)
+			},
+			// #endif
+			value(newVal) {
+				this.val = this.getVal(newVal)
+				this.count = this.getCount(String(this.val).length)
+			}
+		},
+		created() {
+			// #ifndef VUE3
+			this.val = this.getVal(this.value)
+			// #endif
+
+			// #ifdef VUE3
+			if (this.value && !this.modelValue) {
+				this.val = this.getVal(this.value)
+			} else {
+				this.val = this.getVal(this.modelValue)
+			}
+			// #endif
+			this.count = this.getCount(String(this.val).length)
+			this.fieldPlaceholderStyle()
+		},
+		mounted() {
+			this.$nextTick(() => {
+				setTimeout(() => {
+					this.focused = this.focus
+				}, 300)
+			})
+		},
+		methods: {
+			getVal(val) {
+				return !val && val !== 0 ? '' : val
+			},
+			fieldPlaceholderStyle() {
+				if (this.placeholderStyle) {
+					this.placeholderStyl = this.placeholderStyle
+				} else {
+					const size = uni.upx2px(this.size)
+					this.placeholderStyl = `fontSize:${size}px;`
+				}
+			},
+			getCount(len) {
+				const max = Number(this.maxlength)
+				return len > max && max !== -1 ? max : len
+			},
+			onInput(event) {
+				let value = event.detail.value;
+				if (this.trim) value = this.trimStr(value);
+				let len = value.length;
+				const max = Number(this.maxlength)
+				if (len > max && max !== -1) {
+					len = max;
+					value = value.substring(0, max - 1)
+				}
+				this.count = len;
+				this.val = value;
+				// TODO　兼容　vue2
+				this.$emit('input', value);
+				// TODO　兼容　vue3
+				// #ifdef VUE3
+				this.$emit('update:modelValue', value)
+				// #endif
+			},
+			onFocus(event) {
+				this.$emit('focus', event);
+			},
+			onBlur(event) {
+				this.$emit('blur', event);
+			},
+			onConfirm(e) {
+				this.$emit('confirm', e);
+			},
+			fieldClick() {
+				this.$emit('click', {
+					name: this.name
+				});
+			},
+			onLinechange(e) {
+				this.$emit('linechange', e)
+			},
+			onKeyboardheightchange(e) {
+				this.$emit('keyboardheightchange', e)
+			},
+			trimStr(str) {
+				return str.replace(/^\s+|\s+$/g, '');
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-textarea__wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		box-sizing: border-box;
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		flex: 1;
+		align-items: center;
+		position: relative;
+		border-width: 0;
+	}
+
+	.fui-textarea__flex-start {
+		align-items: flex-start !important;
+	}
+
+	.fui-textarea__border-top {
+		position: absolute;
+		top: 0;
+		/* #ifdef APP-NVUE */
+		height: 0.5px;
+		z-index: -1;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		height: 1px;
+		-webkit-transform: scaleY(0.5);
+		transform: scaleY(0.5);
+		transform-origin: 0 0;
+		z-index: 1;
+		/* #endif */
+	}
+
+	.fui-textarea__border-bottom {
+		position: absolute;
+		bottom: 0;
+		/* #ifdef APP-NVUE */
+		height: 0.5px;
+		z-index: -1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		height: 1px;
+		-webkit-transform: scaleY(0.5);
+		transform: scaleY(0.5);
+		transform-origin: 0 100%;
+		z-index: 1;
+		/* #endif */
+	}
+
+
+	.fui-textarea__required {
+		position: absolute;
+		left: 12rpx;
+		/* #ifndef APP-NVUE */
+		height: 30rpx;
+		top: 50%;
+		transform: translateY(-50%);
+		line-height: 1.15;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		top: 28rpx;
+		bottom: 28rpx;
+		align-items: center;
+		justify-content: center;
+		/* #endif */
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-form__asterisk-text {
+		font-size: 32rpx;
+		height: 32rpx;
+	}
+
+	/* #endif */
+
+	/* #ifndef APP-NVUE */
+	.fui-required__flex-start {
+		transform: translateY(0);
+	}
+
+	/* #endif */
+
+	.fui-textarea__label {
+		padding-right: 12rpx;
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		/* #endif */
+	}
+
+	.fui-textarea__self {
+		flex: 1;
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		overflow: visible;
+		box-sizing: border-box;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		padding-top: 6px;
+		padding-bottom: 10px;
+		/* #endif */
+
+		/* #ifdef MP-ALIPAY || MP-TOUTIAO*/
+		padding-top: 0 !important;
+		padding-bottom: 0;
+		/* #endif */
+
+		/* #ifdef MP-TOUTIAO */
+		background-color: rgba(255, 255, 255, 0) !important;
+		/* #endif */
+	}
+
+	.fui-textarea-placeholder {
+		/* #ifndef APP-NVUE */
+		color: var(--fui-color-minor, #ccc);
+		overflow: visible;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		color: #ccc;
+		/* #endif */
+
+		/* #ifdef MP-TOUTIAO */
+		padding-top: 0 !important;
+		/* #endif */
+	}
+
+	/* #ifdef MP */
+	::v-deep .fui-textarea-placeholder {
+		color: var(--fui-color-minor, #ccc);
+		overflow: visible;
+	}
+
+	/* #endif */
+
+	/* #ifdef APP-NVUE */
+	.fui-textarea__border-nvue {
+		border-style: solid;
+		border-width: 0.5px;
+	}
+
+	/* #endif */
+
+	/* #ifndef APP-NVUE */
+	.fui-textarea__border {
+		border-radius: 4rpx;
+		position: relative;
+		position: absolute;
+		height: 200%;
+		width: 200%;
+		border: 1px solid var(--fui-color-border, #EEEEEE);
+		transform-origin: 0 0;
+		transform: scale(0.5);
+		left: 0;
+		top: 0;
+		border-radius: 8rpx;
+		pointer-events: none;
+		-webkit-touch-callout: none;
+		-webkit-user-select: none;
+		user-select: none;
+	}
+
+	.fui-textarea__bordercolor {
+		border-color: var(--fui-color-border, #EEEEEE) !important;
+	}
+
+	.fui-textarea__background {
+		background: var(--fui-color-border, #EEEEEE) !important;
+	}
+
+	/* #endif */
+
+	.fui-textarea__flex-1 {
+		flex: 1;
+	}
+
+	.fui-textarea__counter {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+		padding-top: 8rpx;
+		text-align: right;
+		/* #ifdef APP-NVUE */
+		flex-direction: row;
+		flex: 1;
+		justify-content: flex-end;
+		/* #endif */
+	}
+
+	.fui-text__right {
+		text-align: right;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-theme/fui-theme.css b/components/firstui/fui-theme/fui-theme.css
new file mode 100644
index 0000000..9fbfb2a
--- /dev/null
+++ b/components/firstui/fui-theme/fui-theme.css
@@ -0,0 +1,85 @@
+/*
+  FirstUI组件内置的基础变量
+  1.如果你是组件使用者，你可以通过修改这些变量的值来定制自己的组件主题，实现自定义主题功能
+  2.如果全局修改需要在项目根目录下App.vue文件中引入此css文件
+  3.如果组件中有props属性是针对颜色设置（默认为空值），则优先级：props变量（如果有传值）> 全局主题色
+*/
+
+/* #ifndef APP-NVUE */
+page {
+	/* 行为相关颜色 */
+	--fui-color-primary: #465CFF;
+	--fui-color-success: #09BE4F;
+	--fui-color-warning: #FFB703;
+	--fui-color-danger: #FF2B2B;
+	--fui-color-purple: #6831FF;
+
+	/* 文字基本颜色、其他辅助色 */
+	/* 用于重量级文字信息、标题 */
+	--fui-color-title: #181818;
+	/* 用于普通级段落信息、引导词 */
+	--fui-color-section: #333333;
+	/* 用于次要标题内容 */
+	--fui-color-subtitle: #7F7F7F;
+	/* 用于底部标签、描述、次要文字信息 */
+	--fui-color-label: #B2B2B2;
+	/* 用于辅助、次要信息、禁用文字等。如：待输入状态描述文字，已点击按钮文字 */
+	--fui-color-minor: #CCCCCC;
+	--fui-color-white: #FFFFFF;
+	/* 链接颜色 */
+	--fui-color-link: #465CFF;
+
+
+	/* 背景颜色 */
+	--fui-bg-color: #ffffff;
+	/* 页面背景底色 */
+	--fui-bg-color-grey: #F1F4FA;
+	/* 内容模块底色 */
+	--fui-bg-color-content: #F8F8F8;
+	--fui-bg-color-red: rgba(255, 43, 43, .05);
+	--fui-bg-color-yellow: rgba(255, 183, 3, .1);
+	--fui-bg-color-purple: rgba(104, 49, 255, .05);
+	--fui-bg-color-green: rgba(9, 190, 79, .05);
+	/* 点击背景色 */
+	--fui-bg-color-hover: rgba(0, 0, 0, 0.2);
+	/* 遮罩颜色 */
+	--fui-bg-color-mask: rgba(0, 0, 0, 0.6);
+
+
+	/* 边框颜色 */
+	--fui-color-border: #EEEEEE;
+
+	/* 阴影颜色 */
+	--fui-color-shadow: rgba(2, 4, 38, 0.05);
+
+	/*禁用态的透明度 */
+	--fui-opacity-disabled: 0.5;
+
+	/* 图标尺寸 */
+	--fui-img-size-sm: 48rpx;
+	--fui-img-size-base: 56rpx;
+	--fui-img-size-middle: 64rpx;
+	--fui-img-size-lg: 96rpx;
+
+	/* 图片尺寸 */
+	--fui-img-sm: 60rpx;
+	--fui-img-base: 120rpx;
+	--fui-img-lg: 240rpx;
+
+	/* Border Radius */
+	--fui-border-radius-sm: 16rpx;
+	--fui-border-radius-base: 24rpx;
+	--fui-border-radius-lg: 48rpx;
+	--fui-border-radius-circle: 50%;
+
+	/* 水平间距 */
+	--fui-spacing-row-sm: 16rpx;
+	--fui-spacing-row-base: 24rpx;
+	--fui-spacing-row-lg: 32rpx;
+
+	/* 垂直间距 */
+	--fui-spacing-col-sm: 8rpx;
+	--fui-spacing-col-base: 16rpx;
+	--fui-spacing-col-lg: 24rpx;
+}
+/* #endif */
diff --git a/components/firstui/fui-timeaxis-node/fui-timeaxis-node.vue b/components/firstui/fui-timeaxis-node/fui-timeaxis-node.vue
new file mode 100644
index 0000000..041e940
--- /dev/null
+++ b/components/firstui/fui-timeaxis-node/fui-timeaxis-node.vue
@@ -0,0 +1,109 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186 1 4   07   2 54 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-timeaxis__node-wrap">
+		<view class="fui-timeaxis__left" :style="{width:leftWidth+'rpx'}">
+			<slot name="left"></slot>
+		</view>
+		<view class="fui-timeaxis__node-box" :style="{width:width+'rpx'}">
+			<view class="fui-timeaxis__node">
+				<slot></slot>
+			</view>
+			<view class="fui-timeaxis__line" :style="{background:lineColor,width:lineWidth+'px'}" v-if="lined"></view>
+		</view>
+		<view class="fui-timeaxis__content">
+			<slot name="right"></slot>
+		</view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-timeaxis-node",
+		inject: ['timeaxis'],
+		props: {
+			lined: {
+				type: Boolean,
+				default: true
+			},
+			lineColor: {
+				type: String,
+				default: '#ccc'
+			}
+		},
+		data() {
+			return {
+				lineWidth: 1,
+				width: 48,
+				leftWidth: 0
+			};
+		},
+		created() {
+			this.init()
+		},
+		methods: {
+			init() {
+				if (this.timeaxis) {
+					this.width = this.timeaxis.width
+					this.lineWidth = this.timeaxis.lineWidth
+					this.leftWidth = this.timeaxis.leftWidth
+					this.timeaxis.children.push(this)
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-timeaxis__node-wrap {
+		position: relative;
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+	}
+
+	.fui-timeaxis__line {
+		/* #ifdef APP-NVUE */
+		width: 0.5px;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		width: 1px;
+		transform: scaleX(.5) translateZ(0);
+		transform-origin: center center;
+		/* #endif */
+		flex: 1;
+	}
+
+	.fui-timeaxis__node-box {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		flex-shrink: 0;
+		/* #endif */
+		flex-direction: column;
+		align-items: center;
+		overflow: hidden;
+	}
+
+	.fui-timeaxis__node {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+	}
+
+	.fui-timeaxis__left {
+		/* #ifndef APP-NVUE */
+		flex-shrink: 0;
+		/* #endif */
+		overflow: hidden;
+	}
+
+	.fui-timeaxis__content {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+		flex: 1;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-timeaxis/fui-timeaxis.vue b/components/firstui/fui-timeaxis/fui-timeaxis.vue
new file mode 100644
index 0000000..f3a26dc
--- /dev/null
+++ b/components/firstui/fui-timeaxis/fui-timeaxis.vue
@@ -0,0 +1,80 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：   186  14 07  2  549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-timeaxis__wrap"
+		:style="{paddingTop:padding[0] || 0,paddingRight:padding[1]||0,paddingBottom:padding[2] || padding[0]||0,paddingLeft:padding[3] || padding[1]||0,background:background}">
+		<slot></slot>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-timeaxis",
+		props: {
+			padding: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			background: {
+				type: String,
+				default: 'transparent'
+			},
+			leftWidth: {
+				type: [Number, String],
+				default: 0
+			},
+			width: {
+				type: [Number, String],
+				default: 48
+			},
+			// #ifdef APP-NVUE
+			lineWidth: {
+				type: [Number, String],
+				default: 0.5
+			},
+			// #endif
+			// #ifndef APP-NVUE
+			lineWidth: {
+				type: [Number, String],
+				default: 1
+			}
+			// #endif
+
+		},
+		provide() {
+			return {
+				timeaxis: this
+			}
+		},
+		created() {
+			this.children = []
+		},
+		watch: {
+			width(val) {
+				this.children.forEach(item => {
+					item.width = val
+				})
+			},
+			lineWidth(val) {
+				this.children.forEach(item => {
+					item.lineWidth = val
+				})
+			},
+			leftWidth(val) {
+				this.children.forEach(item => {
+					item.leftWidth = val
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-timeaxis__wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		box-sizing: border-box;
+		/* #endif */
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-timer/fui-timer.vue b/components/firstui/fui-timer/fui-timer.vue
new file mode 100644
index 0000000..9221e6b
--- /dev/null
+++ b/components/firstui/fui-timer/fui-timer.vue
@@ -0,0 +1,375 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18614      0   7 2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-timer__wrap">
+		<text class="fui-timer__item" :style="{
+				background: background,
+				borderWidth: `${borderWidth}rpx`,
+				borderStyle:borderWidth > 0?'solid':'none',
+				borderColor:borderWidth > 0?borderColor:'transparent',
+				width: background == 'transparent' && borderColor == 'transparent' ? 'auto' : getWidth(d, width) + 'rpx',
+				height: height + 'rpx',
+				fontSize: size + 'rpx',
+				color: color
+			}" v-if="isDays">{{ d }}</text>
+		<text class="fui-timer__colon"
+			:style="{ lineHeight: colonSize + 'rpx', fontSize: colonSize + 'rpx', color: colonColor }"
+			v-if="isDays">天</text>
+		<text class="fui-timer__item" :style="{
+				background: background,
+				borderWidth: `${borderWidth}rpx`,
+				borderStyle:borderWidth > 0?'solid':'',
+				borderColor:borderWidth > 0?borderColor:'transparent',
+				width: getWidth(h, width) + 'rpx',
+				height: height + 'rpx',
+				fontSize: size + 'rpx',
+				color: color
+			}" v-if="isHours">{{ h }}</text>
+		<text class="fui-timer__colon"
+			:style="{ lineHeight: colonSize + 'rpx', fontSize: colonSize + 'rpx', color: colonColor }"
+			v-if="isHours">{{ isColon ? ':' : '时' }}</text>
+		<text class="fui-timer__item" :style="{
+				background: background,
+				borderWidth: `${borderWidth}rpx`,
+				borderStyle:borderWidth > 0?'solid':'',
+				borderColor:borderWidth > 0?borderColor:'transparent',
+				width: getWidth(m, width) + 'rpx',
+				height: height + 'rpx',
+				fontSize: size + 'rpx',
+				color: color
+			}" v-if="isMinutes">{{ m }}</text>
+		<text class="fui-timer__colon"
+			:style="{ lineHeight: colonSize + 'rpx', fontSize: colonSize + 'rpx', color: colonColor }"
+			v-if="isMinutes">{{ isColon ? ':' : '分' }}</text>
+		<text class="fui-timer__item" :style="{
+				background: background,
+				borderWidth: `${borderWidth}rpx`,
+				borderStyle:borderWidth > 0?'solid':'',
+				borderColor:borderWidth > 0?borderColor:'transparent',
+				width: getWidth(s, width) + 'rpx',
+				height: height + 'rpx',
+				fontSize: size + 'rpx',
+				color: color
+			}" v-if="isSeconds">{{ s }}</text>
+		<text class="fui-timer__colon"
+			:style="{ lineHeight: colonSize + 'rpx', fontSize: colonSize + 'rpx', color: colonColor }"
+			v-if="isSeconds">{{ isColon ? '' : '秒' }}</text>
+		<text class="fui-timer__colon"
+			:style="{ lineHeight: colonSize + 'rpx', fontSize: colonSize + 'rpx', color: colonColor }"
+			v-if="isSeconds && isMs">.</text>
+		<view class="fui-timer__ms" :style="{
+				background: background,
+				borderWidth: `${borderWidth}rpx`,
+				borderStyle:borderWidth > 0?'solid':'',
+				borderColor:borderWidth > 0?borderColor:'transparent',
+				height: height + 'rpx',
+				width: msWidth > 0 ? msWidth + 'rpx' : 'auto'
+			}" v-if="isSeconds && isMs">
+			<view :class="{ 'fui-timer__ms-list': ani }" ref="fui_timer_ms">
+				<text class="fui-timer__ms-item"
+					:style="{ height: height + 'rpx',lineHeight:height + 'rpx',fontSize: msSize + 'rpx', color: msColor || color}"
+					v-for="(item, index) in ms" :key="index">{{ item }}</text>
+			</view>
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	export default {
+		name: 'fui-timer',
+		emits: ['end'],
+		props: {
+			width: {
+				type: [Number, String],
+				default: 40
+			},
+			height: {
+				type: [Number, String],
+				default: 40
+			},
+			borderWidth: {
+				type: [Number, String],
+				default: 0
+			},
+			borderColor: {
+				type: String,
+				default: 'transparent'
+			},
+			background: {
+				type: String,
+				default: 'transparent'
+			},
+			size: {
+				type: [Number, String],
+				default: 32
+			},
+			color: {
+				type: String,
+				default: '#333'
+			},
+			colonSize: {
+				type: [Number, String],
+				default: 32
+			},
+			colonColor: {
+				type: String,
+				default: '#333'
+			},
+			value: {
+				type: [Number, String],
+				default: 0
+			},
+			maxTime: {
+				type: [Number, String],
+				default: 0
+			},
+			isDays: {
+				type: Boolean,
+				default: false
+			},
+			isHours: {
+				type: Boolean,
+				default: true
+			},
+			isMinutes: {
+				type: Boolean,
+				default: true
+			},
+			isSeconds: {
+				type: Boolean,
+				default: true
+			},
+			isMs: {
+				type: Boolean,
+				default: false
+			},
+			msWidth: {
+				type: [Number, String],
+				default: 0
+			},
+			msSize: {
+				type: [Number, String],
+				default: 28
+			},
+			msColor: {
+				type: String,
+				default: ''
+			},
+			isColon: {
+				type: Boolean,
+				default: true
+			},
+			autoStart: {
+				type: Boolean,
+				default: true
+			}
+		},
+		data() {
+			return {
+				d: '0',
+				h: '00',
+				m: '00',
+				s: '00',
+				ms: [0, 1, 2, 3, 4, 5, 6, 7, 8, 9],
+				seconds: 0,
+				loop: null,
+				ani: false,
+				percent: 0
+			};
+		},
+		mounted() {
+			this.seconds = Number(this.value);
+			this.timer(this.seconds);
+			if (this.autoStart) {
+				this.startTiming();
+			}
+		},
+		// #ifndef VUE3
+		beforeDestroy() {
+			this.clearTimer();
+		},
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+			this.clearTimer();
+		},
+		// #endif
+		watch: {
+			value(val) {
+				this.clearTimer();
+				this.seconds = Number(val);
+				this.timer(this.seconds);
+				setTimeout(() => {
+					if (this.autoStart) {
+						this.startTiming();
+					}
+				}, 0);
+			}
+		},
+		methods: {
+			// #ifdef APP-NVUE
+			_animation() {
+				if (!this.$refs['fui_timer_ms'] || !this.isMs || !this.ani) return;
+				animation.transition(
+					this.$refs['fui_timer_ms'].ref, {
+						styles: {
+							transform: `translateY(-${this.percent}%)`
+						},
+						duration: 0, //ms
+						timingFunction: 'linear',
+						iterationCount: 'infinite',
+						needLayout: false,
+						delay: 0 //ms
+					}, () => {
+						if (this.percent >= 90) {
+							this.percent = 0
+						} else {
+							this.percent += 10
+						}
+						setTimeout(() => {
+							this._animation()
+						}, 100)
+					}
+				);
+			},
+			_aniEnd() {
+				if (!this.$refs['fui_timer_ms'] || !this.isMs) return;
+				animation.transition(
+					this.$refs['fui_timer_ms'].ref, {
+						styles: {
+							transform: 'translateY(0)'
+						},
+						duration: 0,
+						needLayout: false,
+						delay: 0
+					});
+			},
+			// #endif
+			getWidth(num, width) {
+				num = Number(num)
+				let w = Math.ceil(num > 99 ? (width / 2) * num.toString().length : width);
+				w = w % 2 === 0 ? w : w + 1
+				return w;
+			},
+			clearTimer() {
+				this.ani = false;
+				// #ifdef APP-NVUE
+				this._aniEnd()
+				// #endif
+				clearInterval(this.loop);
+				this.loop = null;
+			},
+			//开始
+			startTiming() {
+				let max = Number(this.maxTime)
+				if (this.seconds >= max && max != 0) {
+					this.endTimer();
+					return
+				}
+				this.clearTimer();
+				this.ani = true;
+				// #ifdef APP-NVUE
+				this._animation()
+				// #endif
+				this.loop = setInterval(() => {
+					this.seconds++;
+					this.timer(this.seconds);
+					if (this.seconds >= max && max != 0) {
+						this.endTimer();
+					}
+				}, 1000);
+			},
+			//重置
+			resetTimer() {
+				this.d = '0';
+				this.h = '00';
+				this.m = '00';
+				this.s = '00';
+				this.seconds = 0;
+				this.clearTimer();
+			},
+			//结束 | 暂停
+			endTimer() {
+				this.clearTimer();
+				this.$emit('end', {
+					day: this.d,
+					hour: this.h,
+					minute: this.m,
+					second: this.s,
+					totalSeconds: this.seconds
+				});
+			},
+			timer(seconds) {
+				let [day, hour, minute, second] = [0, 0, 0, 0];
+				if (seconds > 0) {
+					day = this.isDays ? Math.floor(seconds / (60 * 60 * 24)) : 0;
+					hour = this.isHours ? Math.floor(seconds / (60 * 60)) - day * 24 : 0;
+					minute = this.isMinutes ? Math.floor(seconds / 60) - hour * 60 - day * 24 * 60 : 0;
+					second = this.isSeconds ? Math.floor(seconds) - day * 24 * 60 * 60 - hour * 60 * 60 - minute * 60 : 0;
+				}
+				hour = hour < 10 ? `0${hour}` : hour;
+				minute = minute < 10 ? `0${minute}` : minute;
+				second = second < 10 ? `0${second}` : second;
+				this.d = day;
+				this.h = hour;
+				this.m = minute;
+				this.s = second;
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	.fui-timer__wrap {
+		/* #ifndef APP-NVUE */
+		display: inline-flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+	}
+
+	.fui-timer__item,
+	.fui-timer__colon {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		border-radius: 6rpx;
+		text-align: center;
+	}
+
+	.fui-timer__ms {
+		border-radius: 6rpx;
+		overflow: hidden;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-timer__ms-list {
+		animation: ani 1s steps(10) infinite;
+	}
+
+	@keyframes ani {
+		from {
+			transform: translateY(0);
+		}
+
+		to {
+			transform: translateY(-100%);
+		}
+	}
+
+	/* #endif */
+	.fui-timer__ms-item {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-toast/fui-toast.vue b/components/firstui/fui-toast/fui-toast.vue
new file mode 100644
index 0000000..cec2bb1
--- /dev/null
+++ b/components/firstui/fui-toast/fui-toast.vue
@@ -0,0 +1,207 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8614   0    72 5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-toast__wrap" :class="{'fui-toast__show':visible}" v-if="visible || !isNvue" ref="fui_toast_ani">
+		<view class="fui-toast__inner"
+			:style="{paddingTop:padding[0] || 0,paddingRight:padding[1] || 0,paddingBottom:padding[2] || padding[0] || 0,paddingLeft:padding[3] || padding[1] || 0,background:background,zIndex:zIndex}">
+			<slot></slot>
+			<view class="fui-toast__icon-box" v-if="src" :style="{width:width+'rpx',height:width+'rpx'}">
+				<image class="fui-toast__icon" :src="src" :style="{width:width+'rpx',height:width+'rpx'}">
+				</image>
+			</view>
+			<text class="fui-toast__text" :style="{fontSize:size+'rpx',color:color}" v-if="text">{{text}}</text>
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	export default {
+		name: "fui-toast",
+		props: {
+			padding: {
+				type: Array,
+				default () {
+					return ['32rpx', '32rpx']
+				}
+			},
+			background: {
+				type: String,
+				default: 'rgba(0,0,0,.6)'
+			},
+			//图标宽度（高度与宽度一致）rpx
+			width: {
+				type: [Number, String],
+				default: 64
+			},
+			size: {
+				type: [Number, String],
+				default: 30
+			},
+			color: {
+				type: String,
+				default: '#fff'
+			},
+			zIndex: {
+				type: Number,
+				default: 1001
+			}
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				timer: null,
+				visible: false,
+				src: '',
+				text: '',
+				isNvue: isNvue
+			};
+		},
+		// #ifndef VUE3
+		beforeDestroy() {
+			clearTimeout(this.timer);
+			this.timer = null;
+		},
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+			clearTimeout(this.timer);
+			this.timer = null;
+		},
+		// #endif
+		methods: {
+			// #ifdef APP-NVUE
+			_animation(type, duration = 2000) {
+				if (!this.$refs['fui_toast_ani']) return;
+				animation.transition(
+					this.$refs['fui_toast_ani'].ref, {
+						styles: {
+							opacity: type ? 1 : 0
+						},
+						duration: 300, //ms
+						timingFunction: 'ease-in-out',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {
+						if (!type) {
+							this.visible = false;
+						} else {
+							this.timer = setTimeout(() => {
+								this._animation(false)
+								clearTimeout(this.timer);
+								this.timer = null;
+							}, duration);
+						}
+					}
+				);
+			},
+			// #endif
+			show: function(options) {
+				clearTimeout(this.timer);
+				let {
+					duration = 2000,
+						src = '',
+						text = ''
+				} = options;
+				this.text = text;
+				this.src = src;
+				// #ifdef APP-NVUE
+				this.visible = true;
+				// #endif
+				this.$nextTick(() => {
+					setTimeout(() => {
+						// #ifdef APP-NVUE
+						this._animation(true, duration)
+						// #endif
+						// #ifndef APP-NVUE
+						this.visible = true;
+						this.timer = setTimeout(() => {
+							this.visible = false;
+							clearTimeout(this.timer);
+							this.timer = null;
+						}, duration);
+						// #endif
+					}, 50);
+				});
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-toast__wrap {
+		position: fixed;
+		/* #ifdef APP-NVUE */
+		left: 64rpx;
+		right: 64rpx;
+		top: 0;
+		bottom: 0;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		left: 15%;
+		right: 15%;
+		top: 50%;
+		transform: translateY(-50%);
+		/* #endif */
+		background-color: rgba(0, 0, 0, 0);
+		z-index: 1002;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		visibility: hidden;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		/* #ifndef APP-NVUE */
+		transition-property: opacity, visibility;
+		transition-timing-function: ease-in-out;
+		transition-duration: 0.3s;
+		/* #endif */
+		opacity: 0;
+	}
+
+	.fui-toast__inner {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		flex-direction: column;
+		border-radius: 16rpx;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-toast__show {
+		visibility: visible;
+		opacity: 1;
+	}
+
+	/* #endif */
+	.fui-toast__icon-box {
+		padding-bottom: 20rpx;
+		/* #ifndef APP-NVUE */
+		box-sizing: content-box;
+		flex-shrink: 0;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-toast__icon {
+		display: block;
+		flex-shrink: 0;
+	}
+
+	/* #endif */
+	.fui-toast__text {
+		font-weight: 400;
+		text-align: center;
+		/* #ifndef APP-NVUE */
+		word-break: break-all;
+		/* #endif */
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-top-popup/fui-top-popup.vue b/components/firstui/fui-top-popup/fui-top-popup.vue
new file mode 100644
index 0000000..e4dbc85
--- /dev/null
+++ b/components/firstui/fui-top-popup/fui-top-popup.vue
@@ -0,0 +1,186 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：   1 86 140725 4    9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-top__popup-wrap" :class="{'fui-top__popwrap-show':show}"
+		:style="{ zIndex: zIndex,background:maskBackground }" @tap.stop="handleClose" @touchmove.stop.prevent="stop"
+		v-if="isShow || !isNvue" ref="fui_tp_mk_ani">
+		<view ref="fui_tp_ani" class="fui-top__popup" :class="{ 'fui-top__popup-show': show}"
+			:style="{borderBottomLeftRadius:radius+'rpx',borderBottomRightRadius:radius+'rpx' ,background: background}"
+			@tap.stop="stop($event,true)">
+			<slot></slot>
+		</view>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	/*顶部状态栏部分可使用fui-status-bar组件占位*/
+	export default {
+		name: 'fui-top-popup',
+		emits: ['close'],
+		props: {
+			show: {
+				type: Boolean,
+				default: false
+			},
+			//背景颜色
+			background: {
+				type: String,
+				default: '#fff'
+			},
+			//圆角
+			radius: {
+				type: [Number, String],
+				default: 24
+			},
+			zIndex: {
+				type: [Number, String],
+				default: 996
+			},
+			//点击遮罩 是否可关闭
+			maskClosable: {
+				type: Boolean,
+				default: true
+			},
+			maskBackground: {
+				type: String,
+				default: 'rgba(0,0,0,.6)'
+			}
+		},
+		data() {
+			let isNvue = false;
+			// #ifdef APP-NVUE
+			isNvue = true;
+			// #endif
+			return {
+				isNvue: isNvue,
+				isShow: false
+			}
+		},
+		// #ifdef APP-NVUE
+		watch: {
+			show: {
+				handler(newVal) {
+					if (newVal) {
+						this.open();
+					} else {
+						this.close();
+					}
+				},
+				immediate: true
+			}
+		},
+		// #endif
+		methods: {
+			handleClose(e) {
+				if (!this.maskClosable) return;
+				this.$emit('close', {});
+			},
+			// #ifdef APP-NVUE
+			open() {
+				this.isShow = true;
+				this.$nextTick(() => {
+					setTimeout(() => {
+						this._animation(true);
+					}, 50);
+				})
+			},
+			close() {
+				this._animation(false);
+			},
+			_animation(type) {
+				if (!this.$refs['fui_tp_ani'] || !this.$refs['fui_tp_mk_ani']) return;
+				animation.transition(
+					this.$refs['fui_tp_mk_ani'].ref, {
+						styles: {
+							opacity: type ? 1 : 0
+						},
+						duration: 250,
+						timingFunction: 'ease-in-out',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {
+						if (!type) {
+							this.isShow = false
+						}
+					}
+				);
+				//android 部分手机隐藏时动画有抖动感，可调整duration去动画
+				animation.transition(
+					this.$refs['fui_tp_ani'].ref, {
+						styles: {
+							transform: `translateY(${type ? '0' : '-100%'})`
+						},
+						duration: 250,
+						timingFunction: 'ease-in-out',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {}
+				);
+			},
+			// #endif
+			stop(e, tap) {
+				// #ifdef APP-NVUE
+				tap && e.stopPropagation();
+				// #endif
+			}
+		}
+	};
+</script>
+
+<style scoped>
+	.fui-top__popup-wrap {
+		position: fixed;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		z-index: 996;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		align-items: flex-start;
+		justify-content: center;
+		/* #ifndef APP-NVUE */
+		transition: all ease-in-out .2s;
+		visibility: hidden;
+		overflow: hidden;
+		/* #endif */
+		opacity: 0;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-top__popwrap-show {
+		opacity: 1;
+		visibility: visible;
+	}
+
+	/* #endif */
+	.fui-top__popup {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		transform: translate3d(0, -100%, 0);
+		transition: all 0.3s ease-in-out;
+		min-height: 20rpx;
+		overflow: hidden;
+		/* #endif */
+		flex: 1;
+		/* #ifdef APP-NVUE */
+		transform: translateY(-100%);
+		flex-direction: row;
+		border-top-left-radius: 0;
+		border-top-right-radius: 0;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-top__popup-show {
+		transform: translate3d(0, 0, 0);
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-upload-video/fui-upload-video.vue b/components/firstui/fui-upload-video/fui-upload-video.vue
new file mode 100644
index 0000000..1778e73
--- /dev/null
+++ b/components/firstui/fui-upload-video/fui-upload-video.vue
@@ -0,0 +1,572 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：     186 140 72 5 4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-uploadv__wrap">
+		<view class="fui-uploadv__item" :style="{width:width+'rpx',height:height+'rpx'}" v-for="(item,index) in urls"
+			:key="index">
+			<video class="fui-upload__video" :style="{width:width+'rpx',height:height-(isView?0:40)+'rpx'}"
+				:src="getVideoSrc(item)"></video>
+			<view class="fui-uploadv__del-wrap" :style="{width:width+'rpx'}" v-if="!isView">
+				<view class="fui-uploadv__flex-row" @tap.stop="reUpload(index)">
+					<fui-icon name="checkbox" color="#fff" :size="32" v-if="progress[index]===100"></fui-icon>
+					<fui-icon :name="progress[index]===-99?'clear':'wait'" color="#fff" :size="32"
+						v-if="progress[index]<0"></fui-icon>
+					<text class="fui-uploadv__progress-text"
+						:class="{'fui-upt__pl':progress[index]===100 || progress[index]<0}">{{getStatusText(progress[index])}}</text>
+					<text class="fui-uploadv__progress-text"
+						v-if="progress[index]>=0 && progress[index]<100">{{progress[index]}}%</text>
+				</view>
+				<view class="fui-uploadv__del" @tap.stop="deleteVideo(index)">
+					<fui-icon name="close" color="#fff" :size="28"></fui-icon>
+				</view>
+				<progress border-radius="6" class="fui-uploadv__progress" backgroundColor="rgba(255, 255, 255, 0.5)"
+					:activeColor="getProgressColor" :percent="progress[index]" :stroke-width="3"
+					v-if="progress[index]<100 && progress[index]>0"></progress>
+			</view>
+		</view>
+		<view class="fui-uploadv__item"
+			:class="[borderColor && borderColor!==true?'fui-upload__border':'fui-upload__noborder']"
+			:style="{width:width+'rpx',height:height+'rpx',background:background,borderRadius:radius+'rpx',borderColor:borderColor,borderStyle:borderSytle}"
+			v-if="showAdd" @tap.stop="chooseVideo">
+			<slot>
+				<fui-icon name="plus" :size="addSize" :color="addColor"></fui-icon>
+			</slot>
+		</view>
+	</view>
+</template>
+
+<script>
+	//非easycom模式取消注释引入字体组件，按实际路径进行调整
+	// import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
+	export default {
+		name: "fui-upload-video",
+		emits: ['success', 'error', 'complete', 'reupload'],
+		// components:{
+		// 	fuiIcon
+		// },
+		props: {
+			width: {
+				type: [Number, String],
+				default: 640
+			},
+			height: {
+				type: [Number, String],
+				default: 320
+			},
+			fileList: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			max: {
+				type: [Number, String],
+				default: 1
+			},
+			addColor: {
+				type: String,
+				default: '#333'
+			},
+			addSize: {
+				type: [Number, String],
+				default: 88
+			},
+			background: {
+				type: String,
+				default: '#eee'
+			},
+			radius: {
+				type: [Number, String],
+				default: 0
+			},
+			borderColor: {
+				type: String,
+				default: ''
+			},
+			//solid、dashed、dotted
+			borderSytle: {
+				type: String,
+				default: 'solid'
+			},
+			isView: {
+				type: Boolean,
+				default: false
+			},
+			progressColor: {
+				type: String,
+				default: ''
+			},
+			delColor: {
+				type: String,
+				default: '#eee'
+			},
+			confirmDel: {
+				type: Boolean,
+				default: false
+			},
+			url: {
+				type: String,
+				default: ''
+			},
+			immediate: {
+				type: Boolean,
+				default: false
+			},
+			//V1.9.8+ 是否调用upload 方法进行上传操作
+			callUpload: {
+				type: Boolean,
+				default: false
+			},
+			compressed: {
+				type: Boolean,
+				default: true
+			},
+			sourceType: {
+				type: Array,
+				default () {
+					return ['album', 'camera']
+				}
+			},
+			maxDuration: {
+				type: Number,
+				default: 60
+			},
+			camera: {
+				type: String,
+				default: 'back'
+			},
+			extension: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			size: {
+				type: [Number, String],
+				default: 20
+			},
+			name: {
+				type: String,
+				default: 'file'
+			},
+			header: {
+				type: Object,
+				default () {
+					return {}
+				}
+			},
+			formData: {
+				type: Object,
+				default () {
+					return {}
+				}
+			},
+			param: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		data() {
+			return {
+				urls: [],
+				//preupload、uploading、success、error
+				status: [],
+				progress: [],
+			};
+		},
+		created() {
+			this.initData(this.fileList)
+		},
+		watch: {
+			fileList(vals) {
+				this.initData(vals)
+			}
+		},
+		computed: {
+			showAdd() {
+				let show = true;
+				let len = this.urls.length
+				if (this.isView || len >= Number(this.max)) {
+					show = false
+				}
+				return show
+			},
+			getProgressColor() {
+				let color = this.progressColor;
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				return color;
+			}
+		},
+		methods: {
+			//如果使用平台不支持非https地址视频播放，请自行转为https地址
+			getVideoSrc(src) {
+				return !src ? '' : src
+			},
+			getStatusText(progress) {
+				let text = '上传中...'
+				if (progress === -1) {
+					text = '等待上传'
+				} else if (progress === -99) {
+					text = '上传失败，点击重新上传'
+				} else if (progress === 100) {
+					text = '已上传'
+				}
+				return text;
+			},
+			initData(urls) {
+				urls = urls || []
+				this.status = [];
+				this.progress = [];
+				let status = [];
+				let progress = [];
+				urls.forEach(item => {
+					status.push('success')
+					progress.push(100)
+				})
+				this.urls = [...urls];
+				this.status = status;
+				this.progress = progress;
+			},
+			reUpload(index) {
+				if (this.progress[index] !== -99) return;
+				this.$set(this.status, index, 'uploading')
+				if (this.callUpload) {
+					this.$emit('reupload', {
+						index
+					})
+				} else {
+					this.$set(this.progress, index, 0)
+					this.uploadVideo(index, this.urls[index]).then((res) => {
+						this._success(res)
+					}).catch((res) => {
+						this._error(res)
+					})
+				}
+			},
+			getStatus() {
+				if (this.status.length === 0) return '';
+				let status = 'preupload';
+				if (this.status.indexOf('preupload') === -1) {
+					status = ~this.status.indexOf('uploading') ? 'uploading' : 'success'
+					if (status !== 'uploading' && ~this.status.indexOf("error")) {
+						// 上传失败
+						status = 'error'
+					}
+				}
+				return status
+			},
+			onComplete(action) {
+				let status = this.getStatus()
+				this.$emit('complete', {
+					status: status,
+					urls: this.urls,
+					action: action,
+					param: this.param
+				})
+			},
+			_success(res) {
+				let status = this.getStatus()
+				this.$emit('success', {
+					status: status,
+					...res,
+					param: this.param
+				})
+			},
+			_error(res) {
+				let status = this.getStatus()
+				this.$emit('error', {
+					status: status,
+					...res,
+					param: this.param
+				})
+			},
+			result(url, index) {
+				if (!url || index === undefined) return;
+				this.$set(this.urls, index, url)
+				setTimeout(() => {
+					this.onComplete('upload')
+				}, 0)
+			},
+			toast(text) {
+				text && uni.showToast({
+					title: text,
+					icon: "none"
+				});
+			},
+			chooseVideo() {
+				uni.chooseVideo({
+					sourceType: this.sourceType,
+					compressed: this.compressed,
+					maxDuration: this.maxDuration,
+					camera: this.camera,
+					success: (e) => {
+						const path = e.tempFilePath
+						if (this.extension.length > 0) {
+							const format = path.split(".")[(path.split(".")).length - 1];
+							if (format && this.extension.indexOf(format) == -1) {
+								let text = `只能上传 ${this.extension.join(',')} 格式视频！`
+								this.toast(text);
+								return;
+							}
+						}
+						// #ifdef APP-PLUS || H5 || MP-WEIXIN || MP-JD
+						if (Number(this.size) * 1024 * 1024 < e.size) {
+							let err = `单个视频大小不能超过：${this.size}MB`
+							this.toast(err);
+							return;
+						}
+						// #endif
+
+						this.urls.push(path)
+						this.status.push(this.immediate ? 'uploading' : 'preupload')
+						this.progress.push(this.immediate ? 0 : -1)
+						this.onComplete('choose')
+						if (this.immediate) {
+							this.uploadVideo(this.urls.length - 1, path).then((res) => {
+								this._success(res)
+							}).catch((res) => {
+								this._error(res)
+							})
+						}
+					}
+				})
+			},
+			uploadVideo(index, videoUrl, url) {
+				return new Promise((resolve, reject) => {
+					const uploadTask = uni.uploadFile({
+						url: this.url || url,
+						name: this.name,
+						header: this.header,
+						formData: this.formData,
+						filePath: videoUrl,
+						success: (res) => {
+							if (res.statusCode === 200) {
+								this.$set(this.status, index, 'success')
+								this.$set(this.progress, index, 100)
+								resolve({
+									res,
+									index
+								})
+							} else {
+								this.$set(this.status, index, 'error')
+								this.$set(this.progress, index, -99)
+								reject({
+									res,
+									index
+								})
+							}
+						},
+						fail: (res) => {
+							this.$set(this.status, index, 'error')
+							this.$set(this.progress, index, -99)
+							reject({
+								res,
+								index
+							})
+						}
+					})
+					uploadTask.onProgressUpdate((res) => {
+						this.$set(this.progress, index, res.progress)
+					});
+				})
+			},
+			deleteVideo(index) {
+				let status = this.getStatus()
+				if (status === 'uploading') {
+					this.toast('请等待上传结束再进行删除！')
+				} else {
+					if (this.confirmDel) {
+						let _this = this
+						uni.showModal({
+							content: '确定将该视频删除吗？',
+							showCancel: true,
+							confirmText: "确定",
+							success(res) {
+								if (res.confirm) {
+									_this.urls.splice(index, 1)
+									_this.status.splice(index, 1)
+									_this.progress.splice(index, 1)
+									_this.onComplete('delete')
+								}
+							}
+						})
+					} else {
+						this.urls.splice(index, 1)
+						this.status.splice(index, 1)
+						this.progress.splice(index, 1)
+						this.onComplete('delete')
+					}
+				}
+			},
+			start() {
+				if (!this.url) {
+					this.toast('请传入服务器接口地址！');
+					return;
+				}
+				let urls = [...this.urls]
+				const len = urls.length
+				for (let i = 0; i < len; i++) {
+					if (urls[i].startsWith('https')) {
+						continue;
+					} else {
+						this.$set(this.status, i, "uploading")
+						this.$set(this.progress, i, 0)
+						this.uploadVideo(i, urls[i], this.url).then(res => {
+							this._success(res)
+						}).catch(error => {
+							this._error(error)
+						})
+					}
+				}
+			},
+			setProgress(progress, index) {
+				this.$set(this.progress, index, progress)
+			},
+			upload(callback, index) {
+				// 传入一个返回Promise的文件上传的函数
+				//V1.9.8+，新增此方法主要为了更好的扩展使用
+				let urls = [...this.urls]
+				if (index === undefined || index === null) {
+					const len = urls.length
+					for (let i = 0; i < len; i++) {
+						if (urls[i].startsWith('https')) {
+							continue;
+						} else {
+							this.$set(this.status, i, "uploading")
+							this.$set(this.progress, i, 0)
+							if (typeof callback === 'function') {
+								callback(urls[i], i).then(res => {
+									this.$set(this.status, i, 'success')
+									this.$set(this.progress, i, 100)
+									this.result(res, i)
+								}).catch(err => {
+									this.$set(this.status, i, 'error')
+									this.$set(this.status, i, -99)
+								})
+							}
+						}
+					}
+				} else {
+					//如果传入index，则是重新上传时调用
+					this.$set(this.status, index, "uploading")
+					this.$set(this.progress, index, 0)
+					if (typeof callback === 'function') {
+						callback(urls[index], index).then(res => {
+							this.$set(this.status, index, 'success')
+							this.$set(this.progress, index, 100)
+							this.result(res, index)
+						}).catch(err => {
+							this.$set(this.status, index, 'error')
+							this.$set(this.progress, index, -99)
+						})
+					}
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-uploadv__wrap {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		flex-wrap: wrap;
+	}
+
+	.fui-uploadv__item {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+		margin-right: 20rpx;
+		margin-bottom: 20rpx;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+		position: relative;
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+	}
+
+	.fui-upload__noborder {
+		border-width: 0;
+	}
+
+	.fui-upload__border {
+		border-width: 1px;
+	}
+
+	.fui-upload__video {
+		width: 640rpx;
+		height: 320rpx;
+	}
+
+	.fui-uploadv__del-wrap {
+		height: 40rpx;
+		padding: 0 4rpx;
+		position: relative;
+		/* #ifndef APP-NVUE */
+		z-index: 10;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		background-color: #000;
+	}
+
+	.fui-uploadv__flex-row {
+		flex: 1;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		align-items: center;
+		flex-direction: row;
+		transform: scale(0.8);
+		transform-origin: 0 center;
+	}
+
+	.fui-uploadv__progress-text {
+		/* #ifndef APP-NVUE */
+		display: block;
+		/* #endif */
+		font-size: 24rpx;
+		line-height: 24rpx;
+		font-weight: normal;
+		color: #eee;
+	}
+
+	.fui-upt__pl {
+		padding-left: 8rpx;
+	}
+
+	.fui-uploadv__progress {
+		border-radius: 4px;
+		position: absolute;
+		left: 0;
+		right: 0;
+		bottom: 0;
+		/* #ifndef APP-NVUE */
+		z-index: 10;
+		/* #endif */
+	}
+
+	.fui-uploadv__del {
+		height: 32rpx;
+		width: 32rpx;
+		padding-left: 8rpx;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		flex-shrink: 0;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-upload/fui-upload.vue b/components/firstui/fui-upload/fui-upload.vue
new file mode 100644
index 0000000..9a1c0f4
--- /dev/null
+++ b/components/firstui/fui-upload/fui-upload.vue
@@ -0,0 +1,603 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号： 18    61 4072 5  4 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-upload__wrap">
+		<view class="fui-upload__item" :style="{width:width+'rpx',height:height+'rpx',borderRadius:radius+'rpx'}"
+			v-for="(item,index) in urls" :key="index">
+			<image class="fui-upload__img" :style="{width:width+'rpx',height:height+'rpx',borderRadius:radius+'rpx'}"
+				:src="item" mode="aspectFill" @tap.stop="previewImage(index)"></image>
+			<view class="fui-upload__mask" v-if="status[index]!=='success' && status[index]!=='preupload' ">
+				<fui-icon name="warning-fill" color="#fff" :size="48" v-if="status[index]==='error'"></fui-icon>
+				<text class="fui-reupload__btn" @tap.stop="reUpload(index)" v-if="status[index]==='error'">重新上传</text>
+				<!-- #ifndef APP-NVUE -->
+				<view class="fui-upload__loading" ref="fui_reupload_ld" v-if="status[index]==='uploading'"></view>
+				<text class="fui-upload__text" v-if="status[index]==='uploading'">请稍候...</text>
+				<!-- #endif -->
+				<!-- #ifdef APP-NVUE -->
+				<text class="fui-upload__text fui-upload__mtop" v-if="status[index]==='uploading'">正在上传...</text>
+				<!-- #endif -->
+			</view>
+			<view class="fui-upload__del" :style="{background:delColor}" v-if="isDel" @tap.stop="deleteImage(index)">
+				<fui-icon name="close" color="#fff" :size="32"></fui-icon>
+			</view>
+		</view>
+		<view class="fui-upload__item"
+			:class="[borderColor && borderColor!==true?'fui-upload__border':'fui-upload__noborder']"
+			:style="{width:width+'rpx',height:height+'rpx',background:background,borderRadius:radius+'rpx',borderColor:borderColor,borderStyle:borderSytle}"
+			v-if="showAdd" @tap.stop="chooseImage">
+			<slot>
+				<fui-icon name="plus" :size="addSize" :color="addColor"></fui-icon>
+			</slot>
+		</view>
+	</view>
+</template>
+
+<script>
+	//非easycom模式取消注释引入字体组件，按实际路径进行调整
+	// import fuiIcon from "@/components/firstui/fui-icon/fui-icon.vue"
+	export default {
+		name: "fui-upload",
+		emits: ['success', 'error', 'complete', 'preview', 'reupload'],
+		// components:{
+		// 	fuiIcon
+		// },
+		props: {
+			width: {
+				type: [Number, String],
+				default: 200
+			},
+			height: {
+				type: [Number, String],
+				default: 200
+			},
+			fileList: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			max: {
+				type: [Number, String],
+				default: 9
+			},
+			isAdd: {
+				type: Boolean,
+				default: true
+			},
+			addColor: {
+				type: String,
+				default: '#333'
+			},
+			addSize: {
+				type: [Number, String],
+				default: 88
+			},
+			background: {
+				type: String,
+				default: '#eee'
+			},
+			radius: {
+				type: [Number, String],
+				default: 0
+			},
+			borderColor: {
+				type: String,
+				default: ''
+			},
+			//solid、dashed、dotted
+			borderSytle: {
+				type: String,
+				default: 'solid'
+			},
+			isDel: {
+				type: Boolean,
+				default: true
+			},
+			delColor: {
+				type: String,
+				default: 'rgba(0,0,0,.6)'
+			},
+			confirmDel: {
+				type: Boolean,
+				default: false
+			},
+			url: {
+				type: String,
+				default: ''
+			},
+			immediate: {
+				type: Boolean,
+				default: false
+			},
+			//V1.9.8+ 是否调用upload 方法进行上传操作
+			callUpload: {
+				type: Boolean,
+				default: false
+			},
+			sizeType: {
+				type: Array,
+				default () {
+					return ['original', 'compressed']
+				}
+			},
+			sourceType: {
+				type: Array,
+				default () {
+					return ['album', 'camera']
+				}
+			},
+			//图片后缀名限制
+			suffix: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			//单张图片大小限制 MB
+			size: {
+				type: [Number, String],
+				default: 4
+			},
+			name: {
+				type: String,
+				default: 'file'
+			},
+			header: {
+				type: Object,
+				default () {
+					return {}
+				}
+			},
+			formData: {
+				type: Object,
+				default () {
+					return {}
+				}
+			},
+			param: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		data() {
+			return {
+				urls: [],
+				tempFiles: [],
+				//preupload、uploading、success、error
+				status: []
+			};
+		},
+		created() {
+			this.initData(this.fileList)
+		},
+		watch: {
+			fileList(vals) {
+				this.initData(vals)
+			}
+		},
+		computed: {
+			showAdd() {
+				let show = true;
+				let len = this.urls.length
+				if (!this.isAdd || (this.max == -1 && len >= 9) || (this.max != -1 && len >= this.max)) {
+					show = false
+				}
+				return show
+			}
+		},
+		methods: {
+			initData(urls) {
+				urls = urls || []
+				this.status = [];
+				let status = [];
+				let tempFiles = []
+				urls.forEach(item => {
+					status.push('success')
+					tempFiles.push({
+						path: item
+					})
+				})
+				this.urls = [...urls];
+				this.tempFiles = tempFiles;
+				this.status = status;
+			},
+			reUpload(index) {
+				this.$set(this.status, index, 'uploading')
+				if (this.callUpload) {
+					this.$emit('reupload', {
+						index
+					})
+				} else {
+					this.uploadImage(index, this.urls[index]).then((res) => {
+						this._success(res)
+					}).catch((res) => {
+						this._error(res)
+					})
+				}
+			},
+			getStatus() {
+				if (this.status.length === 0) return '';
+				let status = 'preupload';
+				if (this.status.indexOf('preupload') === -1) {
+					status = ~this.status.indexOf('uploading') ? 'uploading' : 'success'
+					if (status !== 'uploading' && ~this.status.indexOf("error")) {
+						// 上传失败
+						status = 'error'
+					}
+				}
+				return status
+			},
+			onComplete(action) {
+				let status = this.getStatus()
+				this.$emit('complete', {
+					status: status,
+					urls: this.urls,
+					action: action,
+					param: this.param
+				})
+			},
+			_success(res) {
+				let status = this.getStatus()
+				this.$emit('success', {
+					status: status,
+					...res,
+					param: this.param
+				})
+			},
+			_error(res) {
+				let status = this.getStatus()
+				this.$emit('error', {
+					status: status,
+					...res,
+					param: this.param
+				})
+			},
+			result(url, index) {
+				if (!url || index === undefined) return;
+				this.$set(this.urls, index, url)
+				setTimeout(() => {
+					this.onComplete('upload')
+				}, 0)
+			},
+			toast(text) {
+				text && uni.showToast({
+					title: text,
+					icon: "none"
+				});
+			},
+			chooseImage() {
+				let max = Number(this.max)
+				uni.chooseImage({
+					count: max === -1 ? 9 : max - this.urls.length,
+					sizeType: this.sizeType,
+					sourceType: this.sourceType,
+					success: (e) => {
+						let imageArr = [];
+						for (let i = 0; i < e.tempFiles.length; i++) {
+							let len = this.urls.length;
+							if (len >= max && max !== -1) {
+								this.toast(`最多可上传${max}张图片`);
+								break;
+							}
+							//过滤图片类型
+							let path = e.tempFiles[i].path;
+
+							if (this.suffix.length > 0) {
+								let format = ""
+								// #ifdef H5
+								let type = e.tempFiles[i].type;
+								format = type.split('/')[1]
+								// #endif
+
+								// #ifndef H5
+								format = path.split(".")[(path.split(".")).length - 1];
+								// #endif
+
+								if (this.suffix.indexOf(format) == -1) {
+									let text = `只能上传 ${this.suffix.join(',')} 格式图片！`
+									this.toast(text);
+									continue;
+								}
+							}
+
+							//过滤超出大小限制图片
+							let size = e.tempFiles[i].size;
+
+							if (Number(this.size) * 1024 * 1024 < size) {
+								let err = `单张图片大小不能超过：${this.size}MB`
+								this.toast(err);
+								continue;
+							}
+							imageArr.push(path)
+							this.urls.push(path)
+							this.tempFiles.push(e.tempFiles[i])
+							this.status.push(this.immediate ? 'uploading' : 'preupload')
+						}
+						this.onComplete('choose')
+						let start = this.urls.length - imageArr.length
+						if (this.immediate) {
+							for (let j = 0; j < imageArr.length; j++) {
+								let index = start + j
+								this.uploadImage(index, imageArr[j]).then((res) => {
+									this._success(res)
+								}).catch((res) => {
+									this._error(res)
+								})
+							}
+						}
+					}
+				})
+			},
+			uploadImage(index, imgUrl, url) {
+				return new Promise((resolve, reject) => {
+					uni.uploadFile({
+						url: this.url || url,
+						name: this.name,
+						header: this.header,
+						formData: this.formData,
+						filePath: imgUrl,
+						success: (res) => {
+							if (res.statusCode === 200) {
+								this.$set(this.status, index, 'success')
+								resolve({
+									res,
+									index
+								})
+							} else {
+								this.$set(this.status, index, 'error')
+								reject({
+									res,
+									index
+								})
+							}
+						},
+						fail: (res) => {
+							this.$set(this.status, index, 'error')
+							// uni.showModal({
+							// 	content: JSON.stringify(res)
+							// })
+							reject({
+								res,
+								index
+							})
+						}
+					})
+				})
+			},
+			deleteImage(index) {
+				let status = this.getStatus()
+				if (status === 'uploading') {
+					this.toast('请等待上传结束再进行删除！')
+				} else {
+					if (this.confirmDel) {
+						let _this = this
+						uni.showModal({
+							content: '确定将该图片删除吗？',
+							showCancel: true,
+							confirmText: "确定",
+							success(res) {
+								if (res.confirm) {
+									_this.urls.splice(index, 1)
+									_this.tempFiles.splice(index, 1)
+									_this.status.splice(index, 1)
+									_this.onComplete('delete')
+								}
+							}
+						})
+
+					} else {
+						this.urls.splice(index, 1)
+						this.tempFiles.splice(index, 1)
+						this.status.splice(index, 1)
+						this.onComplete('delete')
+					}
+				}
+			},
+			previewImage(index) {
+				// #ifndef MP-BAIDU
+				if (this.status.length === 0) return;
+				uni.previewImage({
+					current: this.urls[index],
+					loop: true,
+					urls: this.urls
+				})
+				// #endif
+				//百度小程序使用
+				this.$emit('preview', {
+					index: index,
+					urls: this.urls
+				})
+			},
+			start() {
+				if (!this.url) {
+					this.toast('请传入服务器接口地址！');
+					return;
+				}
+				let urls = [...this.urls]
+				const len = urls.length
+				for (let i = 0; i < len; i++) {
+					if (urls[i].startsWith('https')) {
+						continue;
+					} else {
+						this.$set(this.status, i, "uploading")
+						this.uploadImage(i, urls[i], this.url).then(res => {
+							this._success(res)
+						}).catch(error => {
+							this._error(error)
+						})
+					}
+				}
+			},
+			upload(callback, index) {
+				// 传入一个返回Promise的文件上传的函数
+				//V1.9.8+，新增此方法主要为了更好的扩展使用
+				if (index === undefined || index === null) {
+					let urls = [...this.urls]
+					const len = urls.length
+					for (let i = 0; i < len; i++) {
+						if (urls[i].startsWith('https')) {
+							continue;
+						} else {
+							this.$set(this.status, i, "uploading")
+							if (typeof callback === 'function') {
+								callback(this.tempFiles[i]).then(res => {
+									this.$set(this.status, i, 'success')
+									this.result(res, i)
+								}).catch(err => {
+									this.$set(this.status, i, 'error')
+								})
+							}
+						}
+					}
+				} else {
+					//如果传入index，则是重新上传时调用
+					this.$set(this.status, index, "uploading")
+					if (typeof callback === 'function') {
+						callback(this.tempFiles[index]).then(res => {
+							this.$set(this.status, index, 'success')
+							this.result(res, index)
+						}).catch(err => {
+							this.$set(this.status, index, 'error')
+						})
+					}
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-upload__wrap {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+		flex-wrap: wrap;
+	}
+
+	.fui-upload__item {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		margin-right: 20rpx;
+		margin-bottom: 20rpx;
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+		position: relative;
+
+		/* #ifndef APP-NVUE */
+		box-sizing: border-box;
+		/* #endif */
+	}
+
+	.fui-upload__noborder {
+		border-width: 0;
+	}
+
+	.fui-upload__border {
+		border-width: 1px;
+	}
+
+	.fui-upload__del {
+		position: absolute;
+		top: 8rpx;
+		right: 8rpx;
+		height: 40rpx;
+		width: 40rpx;
+		/* #ifndef APP-NVUE */
+		border-radius: 50%;
+		display: flex;
+		/* #endif */
+
+		/* #ifdef APP-NVUE */
+		border-radius: 20rpx;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		z-index: 10;
+	}
+
+	.fui-upload__mask {
+		position: absolute;
+		left: 0;
+		right: 0;
+		top: 0;
+		bottom: 0;
+		background: rgba(0, 0, 0, .6);
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: column;
+		align-items: center;
+		justify-content: center;
+	}
+
+	.fui-reupload__btn {
+		width: 144rpx;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+		padding: 4rpx 0;
+		font-size: 24rpx;
+		border: 1px solid #FFFFFF;
+		color: #fff;
+		border-radius: 32rpx;
+		margin-top: 16rpx;
+		font-weight: normal;
+	}
+
+	.fui-reupload__btn:active {
+		opacity: .5;
+	}
+
+	.fui-upload__loading {
+		width: 32rpx;
+		height: 32rpx;
+		border-width: 2px;
+		border-style: solid;
+		border-top-color: #FFFFFF;
+		border-left-color: #7F7F7F;
+		border-right-color: #7F7F7F;
+		border-bottom-color: #7F7F7F;
+		/* #ifdef APP-NVUE */
+		border-radius: 20rpx;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		border-radius: 50%;
+		animation: fui-rotate 0.7s linear infinite;
+		/* #endif */
+		margin-bottom: 8rpx;
+	}
+
+	.fui-upload__text {
+		font-size: 24rpx;
+		color: #fff;
+		margin-top: 16rpx;
+		font-weight: normal;
+	}
+
+	/* #ifdef APP-NVUE */
+	.fui-upload__mtop {
+		margin-top: 0;
+	}
+
+	/* #endif */
+
+	/* #ifndef APP-NVUE */
+	@keyframes fui-rotate {
+		0% {
+			transform: rotate(0);
+		}
+
+		100% {
+			transform: rotate(360deg);
+		}
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-utils/index.js b/components/firstui/fui-utils/index.js
new file mode 100644
index 0000000..0626909
--- /dev/null
+++ b/components/firstui/fui-utils/index.js
@@ -0,0 +1,374 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 8 6  140   72  54 9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+/*!
+ * 工具类：常用数据处理工具
+ * Utils - v1.0.0 (2021/7/9, 11:07:14 AM)
+ * https://github.com/FirstUI/FirstUI | Released under Apache License 2.0
+ *
+ * 官网地址：https://firstui.cn/
+ * 文档地址：https://doc.firstui.cn/
+ */
+
+const utils = {
+	/**
+	 * @desc 英文首字母大写：english=>English
+	 * @param {String}  value 需要处理的英文字符串
+	 **/
+	titleCase(value) {
+		if (value == null || value.length === 0) return value;
+		return value.replace(/^[a-z]/, (matchStr) => {
+			return matchStr.toLocaleUpperCase();
+		});
+	},
+	/**
+	 * 把连续出现多次的字母字符串进行压缩。aaabbbbcccccd=>3a4b5cd
+	 * @param {String} value 需要压缩的字符串
+	 * @param {Boolean} ignoreCase 是否忽略大小写
+	 */
+	compressLetter(value, ignoreCase) {
+		let pattern = new RegExp("([a-zA-Z])\\1+", ignoreCase ? "ig" : "g");
+
+		return value.replace(pattern, (matchStr, group_1) => {
+			return matchStr.length + group_1;
+		});
+	},
+	/**
+	 * @desc 等待多少毫秒再执行 ，同步阻塞
+	 * @param {String} millisecond 毫秒
+	 **/
+	sleep(millisecond) {
+		let now = new Date();
+		let exitTime = now.getTime() + millisecond;
+		while (true) {
+			now = new Date();
+			if (now.getTime() > exitTime) return;
+		}
+	},
+	/**
+	 * @desc 去左右空格
+	 * @param {String} value 需要处理的字符串
+	 **/
+	trim(value) {
+		return value.replace(/(^\s*)|(\s*$)/g, "");
+	},
+	/**
+	 * @desc 去所有空格
+	 * @param {String} value 需要处理的字符串
+	 **/
+	trimAll(value) {
+		return value.replace(/\s+/g, "")
+	},
+	/**
+	 * @desc 替换所有相同字符串
+	 * @param {String} text 需要处理的字符串
+	 * @param {String} repstr 被替换的字符
+	 * @param {String} newstr 替换后的字符
+	 **/
+	replaceAll(text, repstr, newstr) {
+		return text.replace(new RegExp(repstr, "gm"), newstr);
+	},
+	/**
+	 * @desc 格式化手机号码
+	 * @param {String} num 手机号码
+	 **/
+	numberFormatter(num) {
+		return num.length === 11 ? num.replace(/^(\d{3})\d{4}(\d{4})$/, '$1****$2') : num;
+	},
+	/**
+	 * @desc 金额格式化，保留两位小数
+	 * @param {String | Number} money 金额值
+	 **/
+	moneyFormatter(money) {
+		return parseFloat(money).toFixed(2).toString().split('').reverse().join('').replace(/(\d{3})/g, '$1,')
+			.replace(
+				/\,$/, '').split('').reverse().join('');
+	},
+	/**
+	 * @desc 日期时间格式化
+	 * @param date 需要格式化的日期
+	 * @param format 格式化字符串(y-m-d h:i:s)
+	 * @param type  date的格式类型：1-日期字符串(2017/12/04 12:12:12) 2-时间戳(1603676514690) 3-日期字符串，无连接符(20171204121212)
+	 * 4-new Date()时间格式(Thu Oct 01 2020 00:00:00 GMT+0800 (中国标准时间))
+	 * @param isMs  时间戳精度是否为毫秒，默认为true（当精度为秒时传false），type=2时有效
+	 **/
+	dateFormatter(date, format, type = 1, isMs = true) {
+		let formatDate = ""
+		if (type === 3) {
+			formatDate = utils._formatTimeStr(date, format)
+		} else {
+			formatDate = utils._formatDate(format, date, type, isMs)
+		}
+		return formatDate;
+	},
+	_formatDate(formatStr, fdate, type = 1, isMs) {
+		if (!fdate) return '';
+		let fTime, fStr = 'ymdhis';
+		if (type === 4) {
+			fTime = fdate;
+		} else {
+			fdate = fdate.toString()
+			if (~fdate.indexOf('.')) {
+				fdate = fdate.substring(0, fdate.indexOf('.'));
+			}
+			fdate = fdate.replace('T', ' ').replace(/\-/g, '/');
+			if (!formatStr)
+				formatStr = "y-m-d h:i:s";
+			if (fdate) {
+				if (type === 2) {
+					fdate = isMs ? Number(fdate) : Number(fdate) * 1000
+				}
+				fTime = new Date(fdate);
+			} else {
+				fTime = new Date();
+			}
+		}
+		let month = fTime.getMonth() + 1;
+		let day = fTime.getDate();
+		let hours = fTime.getHours();
+		let minu = fTime.getMinutes();
+		let second = fTime.getSeconds();
+		month = month < 10 ? '0' + month : month;
+		day = day < 10 ? '0' + day : day;
+		hours = hours < 10 ? ('0' + hours) : hours;
+		minu = minu < 10 ? '0' + minu : minu;
+		second = second < 10 ? '0' + second : second;
+		let formatArr = [
+			fTime.getFullYear().toString(),
+			month.toString(),
+			day.toString(),
+			hours.toString(),
+			minu.toString(),
+			second.toString()
+		]
+		for (let i = 0; i < formatArr.length; i++) {
+			formatStr = formatStr.replace(fStr.charAt(i), formatArr[i]);
+		}
+		return formatStr;
+	},
+	/**
+	 * @desc 格式化时间
+	 * @param timeStr 时间字符串 20191212162001
+	 * @param formatStr 需要的格式 如 y-m-d h:i:s | y/m/d h:i:s | y/m/d | y年m月d日 等
+	 **/
+	_formatTimeStr(timeStr, formatStr) {
+		if (!timeStr) return;
+		timeStr = timeStr.toString()
+		if (timeStr.length === 14) {
+			let timeArr = timeStr.split('')
+			let fStr = 'ymdhis'
+			if (!formatStr) {
+				formatStr = 'y-m-d h:i:s'
+			}
+			let formatArr = [
+				[...timeArr].splice(0, 4).join(''),
+				[...timeArr].splice(4, 2).join(''),
+				[...timeArr].splice(6, 2).join(''),
+				[...timeArr].splice(8, 2).join(''),
+				[...timeArr].splice(10, 2).join(''),
+				[...timeArr].splice(12, 2).join('')
+			]
+			for (let i = 0; i < formatArr.length; i++) {
+				formatStr = formatStr.replace(fStr.charAt(i), formatArr[i])
+			}
+			return formatStr
+		}
+		return timeStr
+	},
+	/**
+	 * @desc RGB颜色转十六进制颜色
+	 * @param r
+	 * @param g
+	 * @param b
+	 **/
+	rgbToHex(r, g, b) {
+		return "#" + utils._toHex(r) + utils._toHex(g) + utils._toHex(b)
+	},
+	_toHex(n) {
+		n = parseInt(n, 10);
+		if (isNaN(n)) return "00";
+		n = Math.max(0, Math.min(n, 255));
+		return "0123456789ABCDEF".charAt((n - n % 16) / 16) +
+			"0123456789ABCDEF".charAt(n % 16);
+	},
+	/**
+	 * @desc 十六进制颜色转RGB颜色
+	 * @param hex 颜色值 #333 或 #333333
+	 **/
+	hexToRGB(hex) {
+		if (hex.length === 4) {
+			let text = hex.substring(1, 4);
+			hex = '#' + text + text;
+		}
+		let result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
+		return result ? {
+			r: parseInt(result[1], 16),
+			g: parseInt(result[2], 16),
+			b: parseInt(result[3], 16)
+		} : null;
+	},
+	/**
+	 * @desc 唯一标识，随机数
+	 * @param n 随机数位数
+	 **/
+	unique(n) {
+		n = n || 6;
+		let rnd = '';
+		for (let i = 0; i < n; i++)
+			rnd += Math.floor(Math.random() * 10);
+		return 'firstui_' + new Date().getTime() + rnd;
+	},
+	/**
+	 * @desc 获取uuid
+	 */
+	getUUID() {
+		return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, c => {
+			return (c === 'x' ? (Math.random() * 16 | 0) : ('r&0x3' | '0x8')).toString(16)
+		})
+	},
+	/**
+	 * @desc 简单数组合并去重
+	 * @param arr1 数组1
+	 * @param arr2 数组2 可不传
+	 **/
+	distinctArray(arr1, arr2) {
+		arr1 = arr1 || []
+		arr2 = arr2 || []
+		return [...new Set([...arr1, ...arr2])]
+	},
+
+	/**
+	 * @desc 获取日期时间段
+	 * @param type 1-今天 2-昨天 3-本周 4-本月 5-本年
+	 **/
+	getDateTimeSlot(type) {
+		let now = new Date()
+		let start = now.toDateString()
+		let end = now.toDateString()
+		switch (type) {
+			case 1:
+				start = `${start} 00:00:00`
+				end = `${end} 23:59:59`
+				break
+			case 2:
+				now.setTime(now.getTime() - 3600 * 1000 * 24 * 1)
+				start = `${now.toDateString()} 00:00:00`
+				end = `${now.toDateString()} 23:59:59`
+				break
+			case 3:
+				// 获取星期几,getDay()返回值是 0（周日） 到 6（周六） 之间的一个整数。0||7为7，即weekday的值为1-7
+				let weekday = now.getDay() || 7
+				// 往前算（weekday-1）天，年份、月份会自动变化
+				now.setDate(now.getDate() - weekday + 1)
+				start = `${now.toDateString()} 00:00:00`
+				end = `${end} 23:59:59`
+				break
+			case 4:
+				start = `${now.getFullYear()}-${now.getMonth() + 1}-01 00:00:00`
+				end = `${end} 23:59:59`
+				break
+			case 5:
+				start = `${now.getFullYear()}-01-01 00:00:00`
+				end = `${end} 23:59:59`
+				break
+			default:
+				break
+		}
+
+		return {
+			start: new Date(start.replace(/\-/g, '/')),
+			end: new Date(end.replace(/\-/g, '/'))
+		}
+	},
+	/*
+	 * @desc 获取Url参数，返回一个对象
+	 * @param url url地址
+	 * ?a=1&b=2 ==> {a: "1", b: "2"}
+	 */
+	getUrlParam(url) {
+		let arrObj = url.split("?");
+		let params = {};
+		if (arrObj.length > 1) {
+			arrObj = arrObj[1].split("&");
+			arrObj.forEach(item => {
+				item = item.split("=");
+				params[item[0]] = item[1];
+			})
+		}
+		return params;
+	},
+	/**
+	 * @method 函数防抖
+	 * @desc 短时间内多次触发同一事件，只执行最后一次，或者只执行最开始的一次，中间的不执行。
+	 * @param func 目标函数
+	 * @param wait 延迟执行毫秒数
+	 * @param immediate true - 立即执行， false - 延迟执行
+	 */
+	debounce(func, wait = 1000, immediate = true) {
+		let timer;
+		return function() {
+			let context = this,
+				args = arguments;
+			if (timer) clearTimeout(timer);
+			if (immediate) {
+				let callNow = !timer;
+				timer = setTimeout(() => {
+					timer = null;
+				}, wait);
+				if (callNow) func.apply(context, args);
+			} else {
+				timer = setTimeout(() => {
+					func.apply(context, args);
+				}, wait)
+			}
+		}
+	},
+	/**
+	 * @method 函数节流
+	 * @desc 指连续触发事件，但是在 n 秒内只执行一次函数。即 2n 秒内执行 2 次... 。会稀释函数的执行频率。
+	 * @param func 函数
+	 * @param wait 延迟执行毫秒数
+	 * @param type 1 在时间段开始的时候触发 2 在时间段结束的时候触发
+	 */
+	throttle(func, wait = 1000, type = 1) {
+		let previous = 0;
+		let timeout;
+		return function() {
+			let context = this;
+			let args = arguments;
+			if (type === 1) {
+				let now = Date.now();
+				if (now - previous > wait) {
+					func.apply(context, args);
+					previous = now;
+				}
+			} else if (type === 2) {
+				if (!timeout) {
+					timeout = setTimeout(() => {
+						timeout = null;
+						func.apply(context, args)
+					}, wait)
+				}
+			}
+		}
+	}
+}
+
+export default {
+	titleCase: utils.titleCase,
+	compressLetter: utils.compressLetter,
+	sleep: utils.sleep,
+	trim: utils.trim,
+	trimAll: utils.trimAll,
+	replaceAll: utils.replaceAll,
+	numberFormatter: utils.numberFormatter,
+	moneyFormatter: utils.moneyFormatter,
+	dateFormatter: utils.dateFormatter,
+	rgbToHex: utils.rgbToHex,
+	hexToRGB: utils.hexToRGB,
+	unique: utils.unique,
+	distinctArray: utils.distinctArray,
+	getDateTimeSlot: utils.getDateTimeSlot,
+	getUrlParam: utils.getUrlParam,
+	getUUID: utils.getUUID,
+	debounce: utils.debounce,
+	throttle: utils.throttle
+}
\ No newline at end of file
diff --git a/components/firstui/fui-validator/fui-validator.js b/components/firstui/fui-validator/fui-validator.js
new file mode 100644
index 0000000..0575ba6
--- /dev/null
+++ b/components/firstui/fui-validator/fui-validator.js
@@ -0,0 +1,335 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18  6140  7      2549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+/**
+ * 表单验证
+ * https://doc.firstui.cn/
+ **/
+
+const form = {
+	/*
+	  非必填情况下，如果值为空则不进行校验
+	*/
+	validator: function(formData, rules, checkAll = false) {
+		let result = {
+			isPassed: true,
+			errorMsg: checkAll ? [] : ''
+		};
+		for (let item of rules) {
+			const key = item.name;
+			const rule = item.rule || [];
+			const validator = item.validator || [];
+			const msgArr = item.msg || [];
+			const ruleLen = rule.length;
+			const validatorLen = validator.length;
+			if (!key || (ruleLen === 0 && validatorLen === 0) || (!~rule.indexOf("required") &&
+					formData[key].toString()
+					.length === 0)) {
+				continue;
+			}
+			if (ruleLen) {
+				for (let i = 0; i < ruleLen; i++) {
+					let ruleItem = rule[i];
+					let msg = msgArr[i] || `${key} error !`;
+					if (!ruleItem) continue;
+					//数据处理
+					let value = null;
+					if (~ruleItem.indexOf(":")) {
+						let temp = ruleItem.split(":");
+						ruleItem = temp[0];
+						value = temp[1];
+					}
+					let isError = false;
+					switch (ruleItem) {
+						case "required":
+							isError = form._isNullOrEmpty(formData[key]);
+							break;
+						case "isMobile":
+							isError = !form._isMobile(formData[key]);
+							break;
+						case "isEmail":
+							isError = !form._isEmail(formData[key]);
+							break;
+						case "isCarNo":
+							isError = !form._isCarNo(formData[key]);
+							break;
+						case "isIdCard":
+							isError = !form._isIdCard(formData[key]);
+							break;
+						case "isAmount":
+							isError = !form._isAmount(formData[key]);
+							break;
+						case "isNumber":
+							isError = !form._isNumber(formData[key]);
+							break;
+						case "isChinese":
+							isError = !form._isChinese(formData[key]);
+							break;
+						case "isNotChinese":
+							isError = !form._isNotChinese(formData[key]);
+							break;
+						case "isEnglish":
+							isError = !form._isEnglish(formData[key]);
+							break;
+						case "isEnAndNo":
+							isError = !form._isEnAndNo(formData[key]);
+							break;
+						case "isEnOrNo":
+							isError = !form._isEnOrNo(formData[key]);
+							break;
+						case "isSpecial":
+							isError = form._isSpecial(formData[key]);
+							break;
+						case "isEmoji":
+							isError = form._isEmoji(formData[key]);
+							break;
+						case "isDate":
+							isError = !form._isDate(formData[key]);
+							break;
+						case "isUrl":
+							isError = !form._isUrl(formData[key]);
+							break;
+						case "isSame":
+							isError = !form._isSame(formData[key], formData[value]);
+							break;
+						case "range":
+							let range = null;
+							try {
+								range = JSON.parse(value);
+								if (range.length <= 1) {
+									throw new Error("range值传入有误！")
+								}
+							} catch (e) {
+								return "range值传入有误！"
+							}
+							isError = !form._isRange(formData[key], range[0], range[1])
+							break;
+						case "minLength":
+							isError = !form._minLength(formData[key], value)
+							break;
+						case "maxLength":
+							isError = !form._maxLength(formData[key], value)
+							break;
+						case "isKeyword":
+							isError = !form._isKeyword(formData[key], value)
+							break;
+						default:
+							break;
+					}
+
+					if (isError) {
+						result.isPassed = false;
+						if (checkAll) {
+							result.errorMsg.push({
+								name: key,
+								msg: msg
+							})
+							break;
+						} else {
+							result.errorMsg = msg;
+							return result;
+						}
+					}
+				}
+			}
+
+			if (validatorLen) {
+				for (let model of validator) {
+					let func = model.method;
+					if (func && !func(formData[key])) {
+						result.isPassed = false;
+						if (checkAll) {
+							const index = result.errorMsg.findIndex(item => item.name === key)
+							if (index === -1) {
+								result.errorMsg.push({
+									name: key,
+									msg: model.msg || `${key} error !`
+								})
+							}
+							break;
+						} else {
+							result.errorMsg = model.msg || `${key} error !`;
+							return result;
+						}
+					}
+				}
+			}
+		}
+		return result;
+	},
+	//允许填写字符串null或者undefined
+	_isNullOrEmpty: function(value) {
+		return (value === null || value === '' || value === undefined) ? true : false;
+	},
+	_isMobile: function(value) {
+		return /^(?:13\d|14\d|15\d|16\d|17\d|18\d|19\d)\d{5}(\d{3}|\*{3})$/.test(value);
+	},
+	_isEmail: function(value) {
+		return /^[a-z0-9]+([._\\-]*[a-z0-9])*@([a-z0-9]+[-a-z0-9]*[a-z0-9]+.){1,63}[a-z0-9]+$/.test(value);
+	},
+	_isCarNo: function(value) {
+		// 新能源车牌
+		const xreg =
+			/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}(([0-9]{5}[DF]$)|([DF][A-HJ-NP-Z0-9][0-9]{4}$))/;
+		// 旧车牌
+		const creg =
+			/^[京津沪渝冀豫云辽黑湘皖鲁新苏浙赣鄂桂甘晋蒙陕吉闽贵粤青藏川宁琼使领A-Z]{1}[A-Z]{1}[A-HJ-NP-Z0-9]{4}[A-HJ-NP-Z0-9挂学警港澳]{1}$/;
+		if (value.length === 7) {
+			return creg.test(value);
+		} else if (value.length === 8) {
+			return xreg.test(value);
+		} else {
+			return false;
+		}
+	},
+	_isIdCard: function(value) {
+		let idCard = value;
+		if (idCard.length == 15) {
+			return this.__isValidityBrithBy15IdCard;
+		} else if (idCard.length == 18) {
+			let arrIdCard = idCard.split("");
+			if (this.__isValidityBrithBy18IdCard(idCard) && this.__isTrueValidateCodeBy18IdCard(arrIdCard)) {
+				return true;
+			} else {
+				return false;
+			}
+		} else {
+			return false;
+		}
+	},
+	__isTrueValidateCodeBy18IdCard: function(arrIdCard) {
+		let sum = 0;
+		let Wi = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1];
+		let ValideCode = [1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2];
+		if (arrIdCard[17].toLowerCase() == 'x') {
+			arrIdCard[17] = 10;
+		}
+		for (let i = 0; i < 17; i++) {
+			sum += Wi[i] * arrIdCard[i];
+		}
+		let valCodePosition = sum % 11;
+		if (arrIdCard[17] == ValideCode[valCodePosition]) {
+			return true;
+		} else {
+			return false;
+		}
+	},
+	__isValidityBrithBy18IdCard: function(idCard18) {
+		let year = idCard18.substring(6, 10);
+		let month = idCard18.substring(10, 12);
+		let day = idCard18.substring(12, 14);
+		let temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
+		if (temp_date.getFullYear() != parseFloat(year) || temp_date.getMonth() != parseFloat(month) - 1 ||
+			temp_date.getDate() !=
+			parseFloat(day)) {
+			return false;
+		} else {
+			return true;
+		}
+	},
+	__isValidityBrithBy15IdCard: function(idCard15) {
+		let year = idCard15.substring(6, 8);
+		let month = idCard15.substring(8, 10);
+		let day = idCard15.substring(10, 12);
+		let temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
+
+		if (temp_date.getYear() != parseFloat(year) || temp_date.getMonth() != parseFloat(month) - 1 ||
+			temp_date.getDate() !=
+			parseFloat(day)) {
+			return false;
+		} else {
+			return true;
+		}
+	},
+	_isAmount: function(value) {
+		//是否为金额，只允许保留两位小数
+		return /^([0-9]*[.]?[0-9])[0-9]{0,1}$/.test(value);
+	},
+	_isNumber: function(value) {
+		//是否全为数字
+		return /^[0-9]+$/.test(value);
+	},
+	//是否全部为中文
+	_isChinese: function(value) {
+		let reg = /^[\u4e00-\u9fa5]+$/;
+		return value !== "" && reg.test(value) && !form._isSpecial(value) && !form._isEmoji(value)
+	},
+	//是否不包含中文，可以有特殊字符
+	_isNotChinese: function(value) {
+		let reg = /.*[\u4e00-\u9fa5]+.*$/;
+		let result = true;
+		if (reg.test(value)) {
+			result = false
+		}
+		return result
+	},
+	_isEnglish: function(value) {
+		return /^[a-zA-Z]*$/.test(value)
+	},
+	_isEnAndNo: function(value) {
+		//4~30位数字和字母组合
+		return /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{4,30}$/.test(value);
+	},
+	_isEnOrNo: function(value) {
+		let reg = /^[A-Za-z0-9]+$/;
+		return reg.test(value)
+	},
+	_isSpecial: function(value) {
+		//是否包含特殊字符
+		let regEn = /[`~!@#$%^&*()_+<>?:"{},.\/;'[\]]/im,
+			regCn = /[·！#￥（——）：；“”‘、，|《。》？、【】[\]]/im;
+		if (regEn.test(value) || regCn.test(value)) {
+			return true;
+		}
+		return false;
+	},
+	_isEmoji: function(value) {
+		//是否包含表情
+		return /\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g.test(value);
+	},
+	_isDate: function(value) {
+		//2019-10-12
+		const reg =
+			/^(?:(?!0000)[0-9]{4}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-8])|(?:0[13-9]|1[0-2])-(?:29|30)|(?:0[13578]|1[02])-31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)-02-29)$/;
+		return reg.test(value);
+	},
+	_isUrl: function(value) {
+		return /^((https?|ftp|file):\/\/)?([\da-z\.-]+)\.([a-z\.]{2,6})(:[0-9]{1,5})?((\/?)|(\/[\\\w_!~*\\'()\\\.;?:@&=+$,%#-]+)+\/?)$/
+			.test(value);
+	},
+	_isSame: function(value1, value2) {
+		return value1 === value2
+	},
+	_isRange: function(value, range1, range2) {
+		if ((!range1 && range1 != 0) && (!range2 && range2 != 0)) {
+			return true;
+		} else if (!range1 && range1 != 0) {
+			return value <= range2
+		} else if (!range2 && range2 != 0) {
+			return value >= range1
+		} else {
+			return value >= range1 && value <= range2
+		}
+	},
+	_minLength: function(value, min) {
+		return value.length >= Number(min)
+	},
+	_maxLength: function(value, max) {
+		return value.length <= Number(max)
+	},
+	_isKeyword: function(value, keywords) {
+		//是否包含关键词，敏感词，多个以英文逗号分隔，包含则为false,弹出提示语！
+		let result = true;
+		if (!keywords) return result;
+		let key = keywords.split(',');
+		for (let i = 0, len = key.length; i < len; i++) {
+			if (~value.indexOf(key[i])) {
+				result = false;
+				break;
+			}
+		}
+		return result;
+	}
+};
+
+export default {
+	validator: form.validator
+}
\ No newline at end of file
diff --git a/components/firstui/fui-vtabs-content/fui-vtabs-content.vue b/components/firstui/fui-vtabs-content/fui-vtabs-content.vue
new file mode 100644
index 0000000..602864a
--- /dev/null
+++ b/components/firstui/fui-vtabs-content/fui-vtabs-content.vue
@@ -0,0 +1,96 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：186 1 4   072   54  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-vtabs-content__wrap" ref="fui_vtabs__el" :id="'fui-vtabs-content__'+tabIndex">
+		<slot></slot>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const dom = weex.requireModule('dom')
+	// #endif
+	export default {
+		name: "fui-vtabs-content",
+		inject: ['vtabs'],
+		props: {
+			tabIndex: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		mounted() {
+			if (this.vtabs && this.vtabs.linkage) {
+				this.vtabs.children.push(this)
+				this.$nextTick(()=>{
+					setTimeout(() => {
+						this.calcHeight((height) => {
+							this.vtabs.getCalcHeight(height, Number(this.tabIndex))
+						})
+					}, 300)
+				})
+			}
+		},
+		// #ifndef VUE3
+		// TODO vue2
+		beforeDestroy() {
+			this.uninstall()
+		},
+		// #endif
+		// #ifdef VUE3
+		// TODO vue3
+		beforeUnmount() {
+			this.uninstall()
+		},
+		// #endif
+		methods: {
+			calcHeight(callback, index = 0) {
+				// #ifdef APP-NVUE
+				const result = dom.getComponentRect(this.$refs['fui_vtabs__el'], option => {
+					if (option && option.result && option.size) {
+						callback && callback(option.size.height + 1)
+					}
+				})
+				// #endif
+
+				// #ifndef APP-NVUE
+				uni.createSelectorQuery()
+					// #ifndef MP-ALIPAY
+					.in(this)
+					// #endif
+					.select(`#fui-vtabs-content__${this.tabIndex}`)
+					.fields({
+						size: true
+					}, data => {
+						if (index >= 12) return
+						if (data && data.height) {
+							callback && callback(data.height)
+						} else {
+							index++
+							setTimeout(() => {
+								this.calcHeight(callback, index)
+							}, 50)
+							return
+						}
+					})
+					.exec()
+				// #endif
+			},
+			uninstall() {
+				if (this.vtabs && this.vtabs.linkage) {
+					this.vtabs.uninstall(Number(this.tabIndex),this)
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-vtabs-content__wrap {
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		/* #endif */
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-vtabs/fui-vtabs.vue b/components/firstui/fui-vtabs/fui-vtabs.vue
new file mode 100644
index 0000000..f53d195
--- /dev/null
+++ b/components/firstui/fui-vtabs/fui-vtabs.vue
@@ -0,0 +1,526 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 86     140 725 4  9，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-vtabs__wrap" :style="{width:vtabsW,height:vtabsH}">
+		<view :style="{width:tabWidth+'rpx',background:background}">
+			<scroll-view :show-scrollbar="false" class="fui-vtabs__scroll-bar"
+				:style="{width:tabWidth+'rpx',height:vtabsH}" scroll-y :scroll-into-view="scrollInto"
+				:scroll-with-animation="isTap">
+				<view class="fui-vtabs__item__wrap" :style="{width:tabWidth+'rpx'}">
+					<view class="fui-vtabs__item"
+						:class="{'fui-vtabs__left-border':isBorder,'fui-vtabs__item-hover':!item.disable,'fui-vtabs__item-disable':item.disable,'fui-vtabs__border-color':!getBorderColor && current===index && isBorder}"
+						:id="'fui_vtabs_bar_'+index" v-for="(item,index) in vals" :key="index"
+						:style="{background:current===index?activeBgColor:background,borderLeftColor:current===index && isBorder?getBorderColor:'transparent',width:tabWidth+'rpx',height:tabHeight+'rpx'}"
+						@tap="switchTab(index)">
+						<image class="fui-vtabs__icon"
+							:style="{width:(item.iconWidth || 40)+'rpx',height:(item.iconHeight || 40)+'rpx'}"
+							:src="current===index && item.activeIcon?item.activeIcon:item.icon" v-if="item.icon">
+						</image>
+						<!-- #ifdef APP-NVUE -->
+						<text class="fui-vtabs__text"
+							:class="{'fui-vtabs__selected-color':!getActiveColor && current===index}"
+							:style="{fontSize:(current===index?activeSize:size)+'rpx',color:current===index?getActiveColor:color,fontWeight:current===index?activeFontWeight:fontWeight}">{{item.name}}<text
+								:class="{'fui-vtabs__badge-color':!getBadgeBackground,'fui-vtabs__badge-dot':isDot,'fui-vtabs__badge':!isDot}"
+								:style="{color:badgeColor,background:getBadgeBackground}"
+								v-if="item.badge">{{isDot?'':item.badge}}</text></text>
+						<!-- #endif -->
+
+						<!-- #ifndef APP-NVUE -->
+						<view class="fui-vtabs__text"
+							:class="{'fui-vtabs__selected-color':!getActiveColor && current===index}"
+							:style="{fontSize:(current===index?activeSize:size)+'rpx',color:current===index?getActiveColor:color,fontWeight:current===index?activeFontWeight:fontWeight}">
+							{{item.name}}<text
+								:class="{'fui-vtabs__badge-color':!getBadgeBackground,'fui-vtabs__badge-dot':isDot,'fui-vtabs__badge':!isDot}"
+								:style="{color:badgeColor,background:getBadgeBackground}"
+								v-if="item.badge">{{isDot?'':item.badge}}</text>
+						</view>
+						<!-- #endif -->
+					</view>
+				</view>
+			</scroll-view>
+		</view>
+		<scroll-view :show-scrollbar="false" scroll-y :style="{height:vtabsH}" class="fui-vtabs__content-wrap"
+			:scroll-top="contentScrollTop" :scroll-with-animation="animation" @scroll="contentScroll">
+			<view class="fui-vtabs__content">
+				<slot></slot>
+			</view>
+		</scroll-view>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-vtabs",
+		emits: ['click', 'change'],
+		props: {
+			vtabs: {
+				type: Array,
+				default () {
+					return []
+				}
+			},
+			width: {
+				type: [Number, String],
+				default: '0'
+			},
+			height: {
+				type: [Number, String],
+				default: '0'
+			},
+			tabWidth: {
+				type: [Number, String],
+				default: 220
+			},
+			tabHeight: {
+				type: [Number, String],
+				default: 110
+			},
+			size: {
+				type: [Number, String],
+				default: 26
+			},
+			activeSize: {
+				type: [Number, String],
+				default: 26
+			},
+			color: {
+				type: String,
+				default: '#333333'
+			},
+			activeColor: {
+				type: String,
+				default: ''
+			},
+			fontWeight: {
+				type: [Number, String],
+				default: 'normal'
+			},
+			activeFontWeight: {
+				type: [Number, String],
+				default: 'normal'
+			},
+			background: {
+				type: String,
+				default: '#eeeeee'
+			},
+			activeBgColor: {
+				type: String,
+				default: '#ffffff'
+			},
+			isBorder: {
+				type: Boolean,
+				default: true
+			},
+			borderColor: {
+				type: String,
+				default: ''
+			},
+			activeTab: {
+				type: [Number, String],
+				default: 0
+			},
+			animation: {
+				type: Boolean,
+				default: true
+			},
+			badgeColor: {
+				type: String,
+				default: '#fff'
+			},
+			badgeBackground: {
+				type: String,
+				default: ''
+			},
+			isDot: {
+				type: Boolean,
+				default: false
+			},
+			//是否联动，为false时content只需展示对应索引数据
+			linkage: {
+				type: Boolean,
+				default: true
+			}
+		},
+		provide() {
+			return {
+				vtabs: this
+			}
+		},
+		computed: {
+			getActiveColor() {
+				let color = this.activeColor
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color;
+			},
+			getBorderColor() {
+				let color = this.borderColor
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.primary) || '#465CFF';
+				}
+				// #endif
+				return color;
+			},
+			getBadgeBackground() {
+				let color = this.badgeBackground
+				// #ifdef APP-NVUE
+				if (!color || color === true) {
+					const app = uni && uni.$fui && uni.$fui.color;
+					color = (app && app.danger) || '#FF2B2B';
+				}
+				// #endif
+				return color;
+			}
+		},
+		data() {
+			return {
+				vals: [],
+				scrollInto: '',
+				current: 0,
+				contentScrollTop: 0,
+				// contentScrollInto: '',
+				heightRecords: [],
+				contentHeight: {},
+				vtabsW: '320px',
+				vtabsH: '600px',
+				isTap: false
+			};
+		},
+		watch: {
+			vtabs(vals) {
+				this.initData(vals)
+			},
+			activeTab(newVal, oldVal) {
+				if (this.linkage) {
+					this.setDefaultTab(newVal)
+				} else {
+					this.switchTab(newVal, true);
+				}
+			},
+			current(val) {
+				this.scrollTabBar(val)
+			},
+			height(val) {
+				this.setHeight(val)
+			},
+			width(val) {
+				this.setWidth(val)
+			}
+		},
+		created() {
+			this.children = []
+			this.setWidth(this.width)
+			this.setHeight(this.height)
+			this.calcHeightTimer = null
+			this.scrollTimer = null
+			this.initData(this.vtabs)
+		},
+		methods: {
+			setWidth(width) {
+				let res = uni.getSystemInfoSync()
+				if (width == 0 || width == '0px' || width == '0rpx') {
+					this.vtabsW = res.windowWidth + 'px'
+				} else {
+					this.vtabsW = width;
+				}
+			},
+			setHeight(height) {
+				let res = uni.getSystemInfoSync()
+				if (height == 0 || height == '0px' || height == '0rpx') {
+					this.vtabsH = res.windowHeight + 'px'
+				} else {
+					this.vtabsH = height;
+				}
+			},
+			setDefaultTab(index, idx = 0) {
+				let len = this.vtabs.length
+				if (this.heightRecords.length === len && len > 0) {
+					this.switchTab(index, true);
+				} else {
+					if (idx >= 100) return
+					idx++
+					setTimeout(() => {
+						this.setDefaultTab(index, idx)
+					}, 250)
+				}
+			},
+			initData(vals) {
+				if (vals && vals.length > 0) {
+					if (typeof vals[0] !== 'object') {
+						//字符串
+						vals = vals.map(item => {
+							return {
+								name: item
+							}
+						})
+					}
+					this.vals = vals;
+					this.$nextTick(() => {
+						if (this.linkage) {
+							setTimeout(() => {
+								this.setDefaultTab(this.activeTab);
+							}, 50)
+						} else {
+							this.switchTab(this.activeTab, true);
+						}
+					})
+				}
+			},
+			scrollTabBar(index) {
+				let len = this.vtabs.length;
+				if (len === 0) return;
+				index = index < 6 ? 0 : index - 5;
+				if (index >= len) index = len - 1;
+				this.scrollInto = `fui_vtabs_bar_${index}`;
+			},
+			switchTab(index, init) {
+				index = Number(index)
+				const item = {
+					...this.vals[index]
+				}
+				if (item.disable) return;
+				if (this.linkage) {
+					this.contentScrollTop = this.heightRecords[this.current - 1] || 0;
+					this.$nextTick(() => {
+						setTimeout(() => {
+							this.current = index;
+							this.contentScrollTop = this.heightRecords[index - 1] || 0;
+							// this.contentScrollInto = `fui-vtabs-content__${index}`;
+						}, 50)
+					});
+				} else {
+					this.current = index;
+				}
+				if (!init) {
+					this.isTap = true;
+					this.$emit('click', {
+						index: index,
+						...item
+					})
+				}
+			},
+			calcHeight() {
+				let len = this.vtabs.length;
+				let _heightRecords = [];
+				let temp = 0;
+				for (let i = 0; i < len; i++) {
+					_heightRecords[i] = temp + (this.contentHeight[i] || 0);
+					temp = _heightRecords[i];
+				}
+				this.heightRecords = _heightRecords;
+			},
+			contentScroll(e) {
+				if (!this.linkage) return;
+				if (this.isTap) {
+					if (this.scrollTimer) {
+						clearTimeout(this.scrollTimer)
+					}
+					this.scrollTimer = setTimeout(() => {
+						this.isTap = false;
+					}, 50)
+					return;
+				}
+				let _heightRecords = this.heightRecords;
+				if (_heightRecords.length === 0) return;
+				let len = this.vtabs.length;
+				let scrollTop = e.detail.scrollTop + (len - 1) * 0.19;
+				let index = 0;
+				if (scrollTop >= _heightRecords[0]) {
+					for (let i = 1; i < len; i++) {
+						if (scrollTop >= _heightRecords[i - 1] && scrollTop < _heightRecords[i]) {
+							index = i;
+							break;
+						}
+					}
+				}
+				if (index != this.current) {
+					const item = {
+						...this.vals[index]
+					}
+					this.$emit('change', {
+						index: index,
+						...item
+					})
+					this.current = index;
+				}
+			},
+			getCalcHeight(height, index) {
+				this.contentHeight[index] = height;
+				if (this.calcHeightTimer) {
+					clearTimeout(this.calcHeightTimer);
+				}
+				this.calcHeightTimer = setTimeout(() => {
+					this.calcHeight();
+				}, 150);
+			},
+			uninstall(tabIndex, target) {
+				this.children.forEach((item, index) => {
+					if (item === target) {
+						this.children.splice(index, 1)
+					}
+				})
+				delete this.contentHeight[tabIndex]
+				this.calcHeight()
+			},
+			//重置列表高度信息
+			reset() {
+				if (this.linkage) {
+					this.children.forEach((item, index) => {
+						item.calcHeight((height) => {
+							this.getCalcHeight(height, Number(item.tabIndex))
+						})
+					})
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-vtabs__wrap {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		/* #endif */
+		flex-direction: row;
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-vtabs__scroll-bar {
+		flex-shrink: 0;
+	}
+
+	/* #endif */
+
+	.fui-vtabs__item__wrap {
+		/* #ifndef APP-NVUE */
+		display: flex;
+		flex-shrink: 0;
+		/* #endif */
+		align-items: center;
+		justify-content: center;
+		flex-direction: column;
+	}
+
+	.fui-vtabs__item {
+		padding: 0 20rpx;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		overflow: hidden;
+		/* #endif */
+		flex-direction: row;
+
+		align-items: center;
+		justify-content: center;
+		text-align: center;
+	}
+
+	.fui-vtabs__icon {
+		width: 40rpx;
+		height: 40rpx;
+		margin-right: 12rpx;
+	}
+
+	.fui-vtabs__item-hover {
+		/* #ifdef H5 */
+		cursor: pointer;
+		/* #endif */
+	}
+
+	.fui-vtabs__item-disable {
+		opacity: .5;
+		/* #ifdef H5 */
+		cursor: not-allowed;
+		/* #endif */
+	}
+
+	.fui-vtabs__left-border {
+		border-left-width: 8rpx;
+		border-left-style: solid;
+	}
+
+	.fui-vtabs__text {
+		/* #ifndef APP-NVUE */
+		display: block;
+		/* #endif */
+		/* #ifdef APP-NVUE */
+		flex-wrap: wrap;
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		/* #endif */
+		position: relative;
+	}
+
+	.fui-vtabs__badge {
+		height: 36rpx;
+		padding: 0 12rpx;
+		color: #FFFFFF;
+		font-size: 24rpx;
+		line-height: 36rpx;
+		border-radius: 100px;
+		/* #ifndef APP-NVUE */
+		min-width: 36rpx !important;
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		flex-direction: row;
+		align-items: center;
+		justify-content: center;
+		position: absolute;
+		right: -32rpx;
+		top: -18rpx;
+		transform: scale(0.9);
+		z-index: 10;
+	}
+
+	.fui-vtabs__badge-dot {
+		height: 8px !important;
+		width: 8px !important;
+		/* #ifdef APP-NVUE */
+		border-radius: 100px;
+		/* #endif */
+
+		/* #ifndef APP-NVUE */
+		display: inline-block;
+		/* #endif */
+		/* #ifndef APP-NVUE */
+		border-radius: 50%;
+		/* #endif */
+		position: absolute;
+		right: -6px;
+		top: -3px;
+		z-index: 10;
+	}
+
+	.fui-vtabs__content-wrap {
+		flex: 1;
+	}
+
+	.fui-vtabs__content {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		height: 100%;
+		/* #endif */
+	}
+
+	/* #ifndef APP-NVUE */
+	.fui-vtabs__selected-color {
+		color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-vtabs__border-color {
+		border-left-color: var(--fui-color-primary, #465CFF) !important;
+	}
+
+	.fui-vtabs__badge-color {
+		background: var(--fui-color-danger, #FF2B2B) !important;
+	}
+
+	/* #endif */
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-waterfall-item/fui-waterfall-item.vue b/components/firstui/fui-waterfall-item/fui-waterfall-item.vue
new file mode 100644
index 0000000..43bb3be
--- /dev/null
+++ b/components/firstui/fui-waterfall-item/fui-waterfall-item.vue
@@ -0,0 +1,236 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1861  4     0   72549，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view :id="elId" ref="fui_wi__el" class="fui-waterfall__item-wrap" :class="{'fui-waterfall__item-show':isShow}"
+		:style="{width:width+'px' ,background:background,borderRadius:radius+'rpx',transform:transform}"
+		@tap="handleTap">
+		<slot name="upper"></slot>
+		<view :class="{'fui-waterfall__img-wrap':!isLoaded,'fui-waterfall__hidden':imgHeight!=0}" :style="getStyl"
+			v-if="isSrc">
+			<image class="fui-waterfall__img" :src="src" :mode="imgHeight!=0?'scaleToFill':'widthFix'" :webp="webp"
+				:draggable="draggable" @load="handleLoad" @error="handleError" :style="getStyles" v-if="isLoaded">
+			</image>
+		</view>
+		<slot></slot>
+	</view>
+</template>
+
+<script>
+	// #ifdef APP-NVUE
+	const dom = weex.requireModule('dom')
+	const animation = uni.requireNativePlugin('animation');
+	// #endif
+	export default {
+		name: "fui-waterfall-item",
+		emits: ['click'],
+		inject: ['waterfall'],
+		// #ifdef MP-WEIXIN
+		options: {
+			virtualHost: true
+		},
+		// #endif
+		props: {
+			background: {
+				type: String,
+				default: '#FFFFFF'
+			},
+			radius: {
+				type: [Number, String],
+				default: 16
+			},
+			src: {
+				type: String,
+				default: ''
+			},
+			imgWidth: {
+				type: [Number, String],
+				default: 0
+			},
+			//V1.9.8+ 设置图片高度，则不再等图片加载完成后再去渲染
+			imgHeight: {
+				type: [Number, String],
+				default: 0
+			},
+			webp: {
+				type: Boolean,
+				default: false
+			},
+			draggable: {
+				type: Boolean,
+				default: true
+			},
+			param: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		created() {
+			this.src && (this.isSrc = true);
+			if (this.waterfall) {
+				this.waterfall.childrenArr.push(this)
+				if (this.waterfall.itemWidth) {
+					this.width = this.waterfall.itemWidth
+				} else {
+					this.waterfall.initParam((width) => {
+						this.width = width
+					})
+				}
+			}
+		},
+		computed: {
+			getStyles() {
+				const width = this.imgWidth != 0 ? `${this.imgWidth}rpx` : `${this.width}px`
+				let style =
+					`width:${width};border-radius:${this.radius}rpx ${this.radius}rpx 0 0;`
+
+				if (this.imgHeight != 0) {
+					style += `height:${this.imgHeight}rpx;`
+				}
+				return style;
+			},
+			getStyl() {
+				let style = this.getStyles;
+				if (this.imgHeight == 0 && !this.isLoaded) {
+					style += `height:${width}px;`
+				}
+				return style;
+			}
+		},
+		mounted() {
+			if (!this.src || this.imgHeight != 0) {
+				this.$nextTick(() => {
+					setTimeout(() => {
+						this.getWaterfallItemInfo()
+					}, 50)
+				})
+			}
+		},
+		data() {
+			const elId = `fui_${Math.ceil(Math.random() * 10e5).toString(36)}`
+			return {
+				elId: elId,
+				width: 0,
+				height: 0,
+				transform: '',
+				isShow: false,
+				isLoaded: true,
+				isSrc: false
+			};
+		},
+		methods: {
+			// #ifdef APP-NVUE
+			aniTransForm(x, y) {
+				animation.transition(
+					this.$refs['fui_wi__el'].ref, {
+						styles: {
+							transform: `translate(${x}px,${y}px)`
+						},
+						duration: 0,
+						timingFunction: 'ease-in-out',
+						needLayout: false,
+						delay: 0 //ms
+					},
+					() => {}
+				);
+			},
+			// #endif
+			getWaterfallItemInfo() {
+				this.getItemHeight((res) => {
+					if (this.waterfall) {
+						this.waterfall.loadedArr.push('ok')
+						if (this.waterfall.childrenArr.length === this.waterfall.loadedArr.length) {
+							this.waterfall.startSorting()
+						}
+					}
+				})
+			},
+			getItemHeight(callback, index = 0) {
+				// #ifdef APP-NVUE
+				const result = dom.getComponentRect(this.$refs['fui_wi__el'], option => {
+					if (option && option.result && option.size) {
+						this.height = parseInt(option.size.height + 1)
+						callback && callback(this.height)
+					}
+				})
+				// #endif
+
+				// #ifndef APP-NVUE
+				uni.createSelectorQuery()
+					// #ifndef MP-ALIPAY
+					.in(this)
+					// #endif
+					.select(`#${this.elId}`)
+					.fields({
+						size: true
+					}, data => {
+						if (index >= 20) return
+						if (data && data.height) {
+							this.height = data.height
+							callback && callback(data.height)
+						} else {
+							index++
+							setTimeout(() => {
+								this.getItemHeight(callback, index)
+							}, 50)
+							return
+						}
+					})
+					.exec()
+				// #endif
+			},
+			handleLoad(e) {
+				if (this.imgHeight != 0) return;
+				setTimeout(() => {
+					this.getWaterfallItemInfo()
+				}, 50)
+			},
+			handleError(e) {
+				this.isLoaded = false
+				if (this.imgHeight != 0) return;
+				setTimeout(() => {
+					this.getWaterfallItemInfo()
+				}, 50)
+			},
+			handleTap() {
+				this.$emit('click', {
+					param: this.param
+				})
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-waterfall__item-wrap {
+		position: absolute;
+		left: 0;
+		top: 0;
+		/* #ifndef APP-NVUE */
+		display: flex;
+		box-sizing: border-box;
+		/* #endif */
+		overflow: hidden;
+		opacity: 0;
+		transition-property: opacity;
+		transition-duration: .3s;
+		flex-direction: column;
+	}
+
+	.fui-waterfall__item-show {
+		opacity: 1;
+	}
+
+	.fui-waterfall__img-wrap {
+		background: #F1F4FA;
+		overflow: hidden;
+	}
+
+	.fui-waterfall__hidden {
+		overflow: hidden;
+	}
+
+	.fui-waterfall__img {
+		/* #ifndef APP-NVUE */
+		display: block;
+		/* #endif */
+	}
+</style>
\ No newline at end of file
diff --git a/components/firstui/fui-waterfall/fui-waterfall.vue b/components/firstui/fui-waterfall/fui-waterfall.vue
new file mode 100644
index 0000000..ff16c02
--- /dev/null
+++ b/components/firstui/fui-waterfall/fui-waterfall.vue
@@ -0,0 +1,167 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：  18  614 072   5  49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-waterfall__wrap" :style="{height:height+'px'}">
+		<slot></slot>
+	</view>
+</template>
+
+<script>
+	export default {
+		name: "fui-waterfall",
+		emits: ['init', 'end'],
+		props: {
+			columnGap: {
+				type: [Number, String],
+				default: 24
+			},
+			topGap: {
+				type: [Number, String],
+				default: 24
+			},
+			leftGap: {
+				type: [Number, String],
+				default: 0
+			},
+			rightGap: {
+				type: [Number, String],
+				default: 0
+			}
+		},
+		provide() {
+			return {
+				waterfall: this
+			}
+		},
+		data() {
+			return {
+				height: 0,
+				itemWidth: 0,
+				leftHeight: 0,
+				rightHeight: 0,
+				tGap: 0,
+				lGap: 0,
+				x2: 0
+			};
+		},
+		created() {
+			this.childrenArr = []
+			this.loadedArr = []
+			this.initParam()
+		},
+		// #ifndef VUE3
+		beforeDestroy() {
+			this.childrenArr = null
+			this.loadedArr = null
+		},
+		// #endif
+		// #ifdef VUE3
+		beforeUnmount() {
+			this.childrenArr = null
+			this.loadedArr = null
+		},
+		// #endif
+		methods: {
+			getPx(value) {
+				let val = parseInt(uni.upx2px(Number(value)))
+				return val % 2 === 0 ? val : val + 1
+			},
+			initParam(callback) {
+				this.tGap = this.getPx(this.topGap)
+				this.lGap = this.getPx(this.leftGap)
+				const colGap = this.getPx(this.columnGap)
+				const rGap = this.getPx(this.rightGap)
+				const sys = uni.getSystemInfoSync()
+				const gap = colGap + this.lGap + rGap;
+				this.itemWidth = (sys.windowWidth - gap) / 2
+				this.x2 = this.lGap + this.itemWidth + colGap
+				callback && callback(this.itemWidth)
+				this.$emit('init', {
+					itemWidth: this.itemWidth
+				})
+			},
+			//重置加载
+			resetLoadmore() {
+				this.leftHeight = 0
+				this.rightHeight = 0
+				this.height = 0
+				this.childrenArr = []
+				this.loadedArr = []
+			},
+			getWaterfallInfo(itemHeight, callback) {
+				if (!itemHeight) return;
+				let x = this.lGap;
+				let y = 0;
+				let itemGap = 0;
+				if (this.leftHeight <= this.rightHeight) {
+					y = this.leftHeight;
+
+					if (this.leftHeight === 0) {
+						this.leftHeight += itemHeight;
+					} else {
+						itemGap = this.tGap;
+						y += this.tGap;
+						this.leftHeight += itemHeight + this.tGap;
+					}
+				} else {
+					x = this.x2;
+					y = this.rightHeight;
+
+					if (this.rightHeight === 0) {
+						this.rightHeight += itemHeight;
+					} else {
+						itemGap = this.tGap;
+						y += this.tGap;
+						this.rightHeight += itemHeight + this.tGap;
+					}
+				}
+				callback && callback({
+					x,
+					y,
+					itemGap
+				})
+			},
+			setWaterfallHeight(itemGap) {
+				this.height = Math.ceil(Math.max(this.leftHeight, this.rightHeight) + itemGap);
+			},
+			startSorting() {
+				let clen = this.childrenArr.length
+				let llen = this.loadedArr.length
+				if (clen === llen && llen > 0) {
+					let itemGap = 0
+					this.childrenArr.forEach((item, index) => {
+						this.getWaterfallInfo(item.height, (res) => {
+							itemGap = res.itemGap
+							// #ifdef APP-NVUE
+							item.aniTransForm(res.x, res.y)
+							item.transform = `translate(${res.x}px,${res.y}px)`
+							// #endif
+							// #ifndef APP-NVUE
+							item.transform = `translate3d(${res.x}px,${res.y}px,0)`
+							// #endif
+							setTimeout(() => {
+								item.isShow = true
+							}, 20)
+						})
+					})
+					this.setWaterfallHeight(itemGap)
+					this.childrenArr = []
+					this.loadedArr = []
+					this.$emit('end', {})
+				}
+			}
+		}
+	}
+</script>
+
+<style scoped>
+	.fui-waterfall__wrap {
+		/* #ifndef APP-NVUE */
+		width: 100%;
+		box-sizing: border-box;
+		/* #endif */
+		position: relative;
+		/* #ifdef APP-NVUE */
+		flex: 1;
+		/* #endif */
+	}
+</style>
\ No newline at end of file
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..b61f63e
--- /dev/null
+++ b/index.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
+    <title></title>
+    <!--preload-links-->
+    <!--app-context-->
+  </head>
+  <body>
+    <div id="app"><!--app-html--></div>
+    <script type="module" src="/main.js"></script>
+  </body>
+</html>
diff --git a/main.js b/main.js
new file mode 100644
index 0000000..3f91cff
--- /dev/null
+++ b/main.js
@@ -0,0 +1,70 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：   1 8  614 0  725 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+
+import App from './App'
+import fui from './common/fui-app'
+import http from './components/firstui/fui-request'
+import store from './store'
+
+//初始化请求配置项
+http.create({
+	host: 'https://ffa.firstui.cn',
+	header: {
+		// 'content-type': 'application/x-www-form-urlencoded'
+	}
+})
+//请求拦截
+http.interceptors.request.use(config => {
+	//请求之前可在请求头中加入token等信息
+	let token = uni.getStorageSync('firstui_token') || 'testToken';
+	if (config.header) {
+		config.header['Authorization'] = token
+	} else {
+		config.header = {
+			'Authorization': token
+		}
+	}
+	return config
+})
+//响应拦截
+http.interceptors.response.use(response => {
+	//TODO
+	return response
+})
+
+// #ifndef VUE3
+import Vue from 'vue'
+
+Vue.config.productionTip = false
+Vue.prototype.$store = store
+Vue.prototype.fui = fui
+Vue.prototype.http = http
+
+App.mpType = 'app'
+
+const app = new Vue({
+	store,
+	...App
+})
+app.$mount()
+// #endif
+
+// #ifdef VUE3
+import {
+	createSSRApp
+} from 'vue';
+/*
+  在 Vue3 中，如果 nvue 使用了 Vuex 的相关 API，
+  需要在 main.js 的 createApp 的返回值中 return 一下 Vuex
+*/
+import Vuex from "vuex";
+export function createApp() {
+	const app = createSSRApp(App)
+	app.use(store)
+	app.config.globalProperties.fui = fui;
+	app.config.globalProperties.http = http;
+	return {
+		Vuex,
+		app
+	}
+}
+// #endif
\ No newline at end of file
diff --git a/manifest.json b/manifest.json
new file mode 100644
index 0000000..0f8fb8a
--- /dev/null
+++ b/manifest.json
@@ -0,0 +1,72 @@
+{
+    "name" : "FirstUI-Hello",
+    "appid" : "__UNI__78E1C6D",
+    "description" : "",
+    "versionName" : "1.9.8",
+    "versionCode" : 198,
+    "transformPx" : false,
+    /* 5+App特有相关 */
+    "app-plus" : {
+        "usingComponents" : true,
+        "nvueStyleCompiler" : "uni-app",
+        "compilerVersion" : 3,
+        "splashscreen" : {
+            "alwaysShowBeforeRender" : true,
+            "waiting" : true,
+            "autoclose" : true,
+            "delay" : 0
+        },
+        /* 模块配置 */
+        "modules" : {},
+        /* 应用发布信息 */
+        "distribute" : {
+            /* android打包配置 */
+            "android" : {
+                "permissions" : [
+                    "<uses-permission android:name=\"android.permission.CHANGE_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.MOUNT_UNMOUNT_FILESYSTEMS\"/>",
+                    "<uses-permission android:name=\"android.permission.VIBRATE\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_LOGS\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_WIFI_STATE\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera.autofocus\"/>",
+                    "<uses-permission android:name=\"android.permission.ACCESS_NETWORK_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CAMERA\"/>",
+                    "<uses-permission android:name=\"android.permission.GET_ACCOUNTS\"/>",
+                    "<uses-permission android:name=\"android.permission.READ_PHONE_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.CHANGE_WIFI_STATE\"/>",
+                    "<uses-permission android:name=\"android.permission.WAKE_LOCK\"/>",
+                    "<uses-permission android:name=\"android.permission.FLASHLIGHT\"/>",
+                    "<uses-feature android:name=\"android.hardware.camera\"/>",
+                    "<uses-permission android:name=\"android.permission.WRITE_SETTINGS\"/>"
+                ]
+            },
+            /* ios打包配置 */
+            "ios" : {},
+            /* SDK配置 */
+            "sdkConfigs" : {}
+        }
+    },
+    /* 快应用特有相关 */
+    "quickapp" : {},
+    /* 小程序特有相关 */
+    "mp-weixin" : {
+        "appid" : "",
+        "setting" : {
+            "urlCheck" : false
+        },
+        "usingComponents" : true
+    },
+    "mp-alipay" : {
+        "usingComponents" : true
+    },
+    "mp-baidu" : {
+        "usingComponents" : true
+    },
+    "mp-toutiao" : {
+        "usingComponents" : true
+    },
+    "uniStatistics" : {
+        "enable" : false
+    },
+    "vueVersion" : "3"
+}
diff --git a/pages.json b/pages.json
new file mode 100644
index 0000000..0b1d347
--- /dev/null
+++ b/pages.json
@@ -0,0 +1,28 @@
+{
+	"pages": [ 
+		{
+			"path": "pages/index/index",
+			"style": {
+				// #ifdef H5
+				"titleNView": false,
+				// #endif
+				"navigationBarTitleText": "First UI"
+			}
+		}
+	],
+	"easycom": {
+		"autoscan": true,
+		"custom": {
+			"fui-(.*)": "@/components/firstui/fui-$1/fui-$1.vue"
+		}
+	},
+	"globalStyle": {
+		"backgroundTextStyle": "dark",
+		"navigationBarTextStyle": "black",
+		"navigationBarTitleText": "First UI",
+		"navigationBarBackgroundColor": "#FFFFFF",
+		"backgroundColor": "#F1F4FA",
+		"backgroundColorTop": "#F1F4FA",
+		"backgroundColorBottom": "#F1F4FA"
+	}
+}
diff --git a/pages/index/index.vue b/pages/index/index.vue
new file mode 100644
index 0000000..e78dc85
--- /dev/null
+++ b/pages/index/index.vue
@@ -0,0 +1,78 @@
+<!--本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：18 6   1 407   2 5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。-->
+<template>
+	<view class="fui-wrap">
+		<image src="/static/images/logo.png" class="fui-logo"></image>
+		<view class="fui-text">Hello FirstUI ！</view>
+        <!-- <fui-icon custom-prefix="fui-custom-icon" name="icon-fabulous"></fui-icon> -->
+		<view class="fui-btn__box">
+			<fui-button :text="isLogin?'退出登录':'登录'" @click="btnLogin"></fui-button>
+		</view>
+
+	</view>
+</template>
+
+<script>
+	import {
+		mapState,
+		mapMutations
+	} from 'vuex';
+	export default {
+		//登录状态
+		computed: mapState(['isLogin']),
+		data() {
+			return {
+
+			}
+		},
+		onLoad() {
+
+		},
+		methods: {
+			...mapMutations(['login', 'logout']),
+			btnLogin() {
+				if (!this.isLogin) {
+					//请求接口
+					//....
+					let token = 'testToken';
+					//保存登录信息，修改状态
+					this.login({
+						token
+					});
+					this.fui.toast('登录成功！')
+				} else {
+					//退出登录
+					this.logout()
+					this.fui.toast('退出登录成功！')
+				}
+			}
+		}
+	}
+</script>
+
+<style>
+	.fui-wrap {
+		width: 100%;
+		display: flex;
+		align-items: center;
+		justify-content: center;
+		flex-direction: column;
+		padding: 0 32rpx;
+		box-sizing: border-box;
+	}
+
+	.fui-logo {
+		width: 200rpx;
+		height: 200rpx;
+		border-radius: 24rpx;
+		margin: 96rpx 0 32rpx;
+	}
+
+	.fui-text {
+		font-size: 40rpx;
+		text-align: center;
+		padding-bottom: 64rpx;
+	}
+	.fui-btn__box{
+		width: 100%;
+	}
+</style>
\ No newline at end of file
diff --git a/static/icon/fui-custom-icon.css b/static/icon/fui-custom-icon.css
new file mode 100644
index 0000000..01407d2
--- /dev/null
+++ b/static/icon/fui-custom-icon.css
@@ -0,0 +1,27 @@
+@font-face {
+	font-family: iconfont;
+	src: url('/static/icon/fui-custom-icon.ttf') format('truetype');
+}
+
+.fui-custom-icon {
+	font-family: "iconfont" !important;
+	font-size: 16px;
+	font-style: normal;
+	-webkit-font-smoothing: antialiased;
+}
+
+.icon-fabulous:before {
+	content: "\e704";
+}
+
+.icon-collection:before {
+	content: "\e705";
+}
+
+.icon-comment:before {
+	content: "\e706";
+}
+
+.icon-forward:before {
+	content: "\e707";
+}
diff --git a/static/icon/fui-custom-icon.ttf b/static/icon/fui-custom-icon.ttf
new file mode 100644
index 0000000000000000000000000000000000000000..26032100d8ba8f5a02b7cf079084548672ea64b0
GIT binary patch
literal 2248
zcmd^A&2Jk;6n`_b-c7vmuD{|W%{E<Gt`qgcZk*JqjNLQ|bwCACwV{GgNL*)aCtZ7u
zv+37`s31f|rE)2UiVq1cAaOuK2v9jtAwWo+P^5A|DK{fpapS<D32)YGNYnlY%y?#g
z@Ap1t-W%^O5CD*26&M_tKKbmV{^ssW0OSy|GtZn%rgD8x-bVQ<%Jao)p}y<--ERRX
zisVMwyjVKspYj2)kB~c3F$xR%;m<Ot{0&FCf`qirUPt^jj##B?UkD>W-+MTPO{-WS
zF@nDA9hAGOg$s2Of@7%fMOm*Es)ql=?56;p-!Xo<ZY|qqzkB`)K*w>^p9efUTislR
z(*lYBIP+|_Hjl#~`&{~HZcfeq1#-)F{n{7rbHmoUc}D=IquAl3#uYr02gZ3&Y&>Bv
zc7RPTV&i%*9Du_>AJ0EE1BzL&Yp}z$Z|PgUElkYCaslJJ654SsL56_nvVs8QE!-98
z75Wo$*IFyN3n_x06g&*sN3`RmqYLm&Q)o&~J%IfRt7!IMH7MV3`#=i!!`lbg*HV*N
z*KY<{9$_D@m^tzS3^_J<On|1eiM417d`7vI4Mkf-glF`BZ(U9Sj<{vOsx;l<R1d4(
z<dw&NRuikm2fu};)EZ7bxoZaAfIo=NeK!AQH<<)ctZ#xuMah{&N$iO@eK?XDC+RV#
z55`$7HdmgH#pcU%v0+6C2KJ0x&1Zw@;Kb9}ld(O4prX*5v7w<DAH$Qmsfo<=Ym=j)
zP$vJ_Oe!-mm78?-yu&`nCnJe__6(3+WPpk)Q4mBFnj~?RhzW|jCh<gv$+$aG5xRfg
z6ZWmCkxogz(a}L;OzzcuKl<>e^~x;H<PT)2Gor5f!k&4tPwQjCEm@@lEU0PTw>x`$
zYf68BN=p*{XrN!Yqss4jH7!VYQB}U>Q&nD{%|F>K7J!`)hZH`CK%x>>qdSb%7$A7E
z$VjABjnTpQV4Otbqv=#6ERIC+taN~MKL9CQsu<Z^EIKZEh?j-bvtM2)Eo8E}tWnwc
zKCEd&n)Zp>D~sWs{r)Y81;!4(@S=I**z_UM-!ZKAP)5fN&Yu3|rP+gH8%Ma?kmm2#
zy2Y+uCA<aU-SW2zu%GEYP%#VGP12)-SV)C*2f_m+%`h9@oh(M^94Y$!8}E9x9e#h`
z&b^mkuI8UmNU(GM(koY@B%|z8NX9F4^{Dr+D!p9-jZ2dgOV!J=SIo!xa~p(pexptc
z;oQRf4HR-Q1qu3H%#e?|SU|kT#UA`xq+Bc_pL4Mn_QFvY%NViF-yT9I?h}VsT};3a
zAG?@>0$;h9A^(Gm1;n>q?12b0T`VGh-^E@yMSL!nAx?@@4WnQi3;LOh`eM<lm8_cG
zUQZb16|>N2i|zH4(O6!zYWi^EK%1I2YDS|SX8Bw>W!oja)Uc|09^)CNY3cQbwPY0S
zM8&r2nPigh!}&zfs=^dBz<>hSI4^(>XW$~vi%<j$YEW`!`yu%RT9;u3O!RC#q}}d)
z3auNkjCMSx4#SYZPtbO&X|$?2mfKIW4CipS6rRz>6X`e_7^#XV@1D=VlbDEgyg;s7
z!Z<~=PC&)+s^beOiM^dq+dkpsS#|%@c<cOI`Kab0lrSO?4}K#8rIp3~y!`u1g)=Lr
iwXz)gmnmANiKWIn@^9g)RikGAN0h9_`9fm>_xT4}{6Iqh

literal 0
HcmV?d00001

diff --git a/static/images/logo.png b/static/images/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..b52a9b6c69291759565bfa309aa2892c96012ea1
GIT binary patch
literal 24797
zcmeFY^;?r~_&<DagKhLcx;v$$dxQdlfP{1-peWt74UiBJPy`f#sgz0z5)vDVptM1!
zAfa@R+P-^#KF|003!WdJA2@CfxUcJs>vf%dr&*X8(ou6#0{}p0Y-C^w0ATX3U;qv!
zKMo>)osu6^fkyTr06@d^-w)`=Z2UO@@B_vMy4H~|Hi}>cPBte!^Uta$^KNVlJWXP9
zSW^=I1^g&|4gO(Zpw7yS&;>D`(^!_KF@vt=&IxK!z>AWEv*(`N2yf^ZBB{mrg!}je
z)UM8*5sQ6_i#j%6#B2@3Zl4TAbUraEvy?#S!3BiPti?`Rs05O-3A!L8Tp+0%K@I%(
z_hbv;zyHf8fzjk=ngBD9gwQjheF^ZBpB`{ZKp+Xhq%RJTmt?c+{r^k<zgClxHlMn{
zZ_%gVreEOox9G!l%+xa8<tL^O6kC^sxKCC*71gJafJ$&)6_8g$kyj1ARYQ5J20Enz
zzO973LsvI$iru5ow$V$~CLf)VQ4Fjum~Lm#((OCb^7iAWNawf+=S!Q&D7uk=OBNGV
z_ujF?UxZSYhzoSHlK}v}#(u`~4)Y)#^S}fhkT213-XnS#&7urqvALe5^Xy;ic9In4
zaj^DHy;OPf_5@SMHjfP)fs=4gTP{FgWa6Gv$}1>#9*QkBiz6MKLE3n`D~#dtFfwek
z`J)MZaiG{!mYtJvr2gxZD_65{Bz3GgPqxLR><i$*7re3Ut}&C|fIbMB3bVcs)h03#
zgzxWM-6^)Aeva-74J>*7+i;3d!GzCY10X5?@4Gaq@HlyY(vTrOhEHO9^YNNR^f^o6
z0Uc^}URchTR&I$|`>I~55?OWiX>zCYmmzbpe39!Aw^`__wEcTZ_7>>ZfS=msKM7*!
zM@fQ!cQNIk<y{FTy(;p}NTr;b#?-Qw$DD?2wjPas^|PTx-Kjp3pX`YLeZ*G#@)BB$
z{`V!}B)b$c5H4MIp>N+~m0Q=sUh6e-6s63yg+Ru@-{?1=gv4CDIhbFP0rm*eqDd2I
z9iAj#{>NMGM>0D<xQ2QTJ|H|VAhuH9Vh@a#4^9=f4evuX8W~D>1-g03diMH01syn{
zh}`5^cs=}-)PWrM%hyOPe(!r{%iUU?^$U3)2vxPXt{z+-O=bh|QvrrMq3x$l{W9?^
zeJT=57tu|Q@5bkIh#DT?x}S5g!AXcS3m|(!@D<^zsJ1)dD$+G&h`n8^H1}^@+&kLx
z<G*AcP{%qCOC0r56~qCf4TR@egEwS&7@QX^*HnA$JstadrZubDPMp*y*Dn*RP$Ekn
za3;4`f><Qm5hgB!@XiVsz@>mvaXq7>Ewf-z<(~cV!?@Oh%|oAL;7FZ9d?`UE36Vl(
z;%mcQ>76VejQzGG%`U+>zQN<1#$lA^#<Pt>A5u{`g-$~fVwL=!kzmg;&IveQwON?W
zie;a-eOY%?o){(h>N8md4fnh4+|I|&2blC;kl`bkB6rSkVP)^HBHpd19o^$9`^k0u
z0>!UWn}mqK0{l7dznK;=V!14Ygi>V7MgEa8@tF(G-m|tTAYbbwN+hWTLJ3f5?X!Z+
zwPEd~w8c|~#~HiB!&iv61kXbrpd(Avyw{A}22|r+s06l<Af#S8e5>s^XyGDjxdkFW
z8nCukEOj!;vu=9{9J9r@FvzGUNWKG9Jc3s9^CeIhLdkpe657;u;wJ)|*A3ZU4|h~N
zH%2Kw|C&9qClmkgRl3X@*R4rb!(>R53Q*FzP%*1WvRv6Xd`C&V6A4rQF@1Uj6E*we
z^Axd2Mu<UlcT1;T^6^|R`k(aPXw!W1R@nLG!20<5p$~COk;O<fvC~S=D3>g|WkaaQ
zPCgD&GWet+?@JhRIr#+~#Um6@K3*H1xmiJhs!huFB_qGIw23~FaA%=)Jkfa36PmMZ
z{^vNwu!Feaw?P&d9>hTn2(o;dCH*MGUyy*iw>ejbbtx|B>_NgBKaywMlW;EnXd(oy
z3n}{;r)NY#ru?I>le%S7dtpg-86_I0BFRX)yA^ANiDRYsY&UcvmJ|t)<>s!xQj)sC
zRx6sxvhSt$hp^oyalh1=_diW8_3SBJhX?VI0VbZF2UeM<yX?yHXqDfI1R0N%8>?*y
zI1s1ue}Q09BO{i-@dGI9oGWrKD(dk`fo=<Ne=0bd#Oi#0iz3nOm)tk52MDI?;y~(l
zstb;NofK~0GUZaWV|&X}J}t{eAp6k8REn9FkLjT3lHMz_*W1l(3Kw}$Yu92p_9iac
z+W#QDO6Te5`Y<~Qbb;3X!lVop5IzvLe1jb~7YcG)5?zQu-5mSJAoS%BkN&X573048
z#rl&$+n&n)zjGatPVDvQu69jq9k6CaZGAv_dI*Ekfs!+TYmY!Zrhug6iH%@VLHTnq
zI`X==3n?xO5=Qs?o*yGYEcilfy6E^+gD$>jqFHKuYh$AV_h52cgESr~`^flD`?e08
zU5BGUk+Ps2Qa2jO-*wQHga{+c8Ik%W#{WWU=Lq)O|Ihoo%ePfN@o~JKuVMcuqhI53
zPy|Qwj+;s(xMkhJyC|URpEw1u>KV0=-Tqu%q*~x-9(<qDZ-2Mn5BVA$<STE1&yudP
zu7)1%SaBxLc!ILyHVV@4UA>?fGZ=Nc(;d$LUAiTxePg(@ylQ5Aij~+ST@AY4>}x>q
z%h>gy?abSy*8{wc^79}+v%vJ)yp`N;IA^%POR^npG1Px@rDMBVjq#3k&Vf(02QoAI
z!YJ#5*pCJ-Q;t1=0=W_w50bm^U0CA-ZnKOPCL@@l$s%f0InX$TaMgK)g>p8UJ8#e7
z9Nb)cX6Msb^m(zsS8g$H`WK;~y5W~dL6DwNEE$nQQ6$d=29!<SPA07c*=>~>*8cl9
zOub{Jgome)S7^jLF2v-6JeyY760!@(u-_1Re4@Ei`aaeC7lMYEd;dH9)FeFXFoFpL
z;{VzYd!$8E5XG7O=RjBQ6+I<TZ|El#xUa>?xjp<c_EPqE4byr4ZT8oqz?HM+NlL=^
zFyvL8#A|{{N#wiaQKYnv;o1gRWzxKt(!Rv^DZgVUzL4Lmqz39yc#DOEd0?q&b5xUj
zImvuf?T+d#j5jB%yer`_n415zvXz12SgO6FDkKh2oSfh}Y(Zz-{`DX#0e9^4bP(gu
zSOUk+v<~FPAfvxRP6X~lOzZq3_N)iZAHc^XR$qULay~KL2XKKJazsbVs4ZBZFt1Od
zU6qW#g;*lKqM0eqU*5}V&DzLuWMK>>++ng#Ml5oY%?_LU`8I)TXJ&oZSM2*)fH_J^
zRl2jVVvFKAC)#s3r|eo1q9X7;!}ro^x|Zc)0z1h|JwQhqr#`F=Z$IJV@Vf@DhiCx?
zPo=}~ha_06whr&6kQ3=dy7A(gX0+5u0HW^mT=4i4ga@q_P|Eg+K-xIol_#FuS>ijc
zk5_1H21Q&j*>zeFKQieZkg=*&`4(E!0wRRlYfg#a=)U^pU<CzUl~J|q`ylo2&p0Mz
z2a>(RM}*(8YcNk;=xxm@gM;&{BYgEkJxX|?=DOc-Dg|bs^vUQtS}K5I?0$w}41B4i
zbT^_KRts)$rQM}NFolqfi_b9W{k-HBNj2MWX`3^P#8~+#%~x3Xt_9Hj;!8iv5>7&<
z2bbuNQeg}N7)WN{*mU7kY|McCwS#k1{3VMH5#Ia!D<=)B+u9{Kn%E<=Ut15e*YrUM
ztL_34i%L%~LCkXFB<356bX^t@a8CsDC#M#ZmgR%bXqHOMm$oGYW$`dsLjsg4ji0=$
zKKq6140j0{H#B-NC0uDpOE{jre(I}dq>2Sn89#*e6_7sC{jG|S51d>H`%@KRuKD^d
z-Og{Rd#-w)z?4YS${Q8O&L0I=<E>=ch08*MN{(7|qEJ!0?))sfBCn~^sL3>tEw@o;
zD15WY(=Yy2owPxMf|_~<r%x1#oekbpbqh-cvx))&55WA3sb4pyw;|evJ|ykUROrul
z|DuF>ea{n@AoLIf6SX)Xm?1|*op9|;O?Mp(Y*NE276rZqk&q_@6jF-KPSAjSkp%~I
zN?^rtqbnDb8)MB<+}*I}OT;cqS4gaq#*j4ff5Z|G(Sh+sf6@z>x&dZppn_tJyD9>D
zIw;{eC9&GC*W^)*fuA>#h9AXdM8NkdLGxOF>8VXsHA`B0SGR#pkJe>PWl4eedJM>J
zyEfjI6;^D$@p9+AgRhsK<&Q6&$l&L2n!juy{oEAAOnU7pV1B*ECJ>I)aAkEqjJxIV
z0>NN>bYAB9TP!F5r1vKo%r6)k3N+8sT_)W6bQUDYYZ}eJcAB3Rpq&{*gAi270HwlF
zDC)>1=X9Bfr-@}BUaPa1P%!;9%CPGb0Q5?edC~Bl-(vVn!xJqG9lXuorSSDcm*%cH
zT<*O|ieIDM9W3x1HfnUXPy*4vLkb-eD9CF)b1MA2%5?~4l3HZ}kiCWI!beB6v}5~l
z^){7EDojv?YkUX9C@7Tyg3F^i8SFX*dlBW_YiK$9U(75>_R2~2V^)3x7jZzZFTEBN
z(Ei#bVmkbLT4bP8OPK0`tj>qRr8#iYR~kwr+`fsa<=8#o-{wU8Gz;S`8Z%2!5+-@7
zr5O;|(*q%{Jb(VwOGkQ8be#uXICCrKR+4@~lg{PF%G;&FNk$+_Wa^sJG%4QgOYoPk
z&#xr-+g&d)NSgGpqy@q0oLCDGQ7-{FV{HedU5)Fj$!dGVXCPWqQ1ktWgadI0X-g;Y
zgG_@-c@#L-ULiUho85c!JD}|eAFAl#O<?VbE0CKf$-z{}iCIZr`1knFU38Mse>@}l
z-x7&tZYDeyBQjZzI*48T0E-slTKxJZrYIcNV-CHR0XjWef5zMT24vR&wmVmnBRhk1
zwLWDXadFy@WMk++Rx7%fL=&s5)3I3OC}Wcqz3SrnDiMr*k^pw=$-%$u1?wlT^Eo<!
zGm1*vy}9WWm4N^)So@Buh4b=#t#p%)4sC&Mavt`$AyRE;0+p*Ss_~1iV*7IysD~o7
z;8A>r%#$YAP%AULcHf-zkpzfdi?QH{XW{P|I=|$g=7xz>d#j8<w;D6R^mB}UCLDK#
z0^JB$oV_$Vi1y@lz5nL(C(Ec^W#TvCz(sp}j+pp%k)<{5i(rAe{Z4$GO7xSaW)Jk)
zxG*`K<$24r-`#-!^yT`6x<=<U5ITH(TE))KHG(IeFD+!p)txc$<PaZW7TinlQHT;-
zm^wpOH-#U6Od#sd;6w$wdBg$X+ux`c>Z?TJKg^J7-1JpLso;EH^d-wn#@b^S_SSQe
zI<?~O0GSR-cFj+-U?}Z=%}^4;#{w`i`p*l__92kTn)wx^*5pgOZeJid8MVix0UC@%
zTcoSmJQ2T)qL4go4bc*Cf@X!TIwT>EUjo_L6|R;Er1!>+YK{S}|CU2;q&|35@R4+^
z2^7fxEb>!Qf%NAC`<(!*EXCdC1MO>(z))LH(Oz;EWKWGQ8*#@Sf%PIMlEmHl;;=q1
zVnc=t9?Q!Kqnw0fEfG+6I09F)ikx4+h7@RVMIK&tBeEgi+8B$9B<FVf9k9F2C!+5d
zg3Ffs)TXznH?(;O3t>LDvnIzTPm&M;WbRUjoJb4+of=K0@Fq3T=4%&iqO7{=Mz&~=
zzza#+AeN^`!=zx|z~foGWPP~7)PhgjdAEXnJ$vM$|3YgD=F$*|Uh|f*VCcXk-Y}p5
zt~u(yICL~Dk`&310thc2Mqn7UH=RqoV)8UJFZ*U5Pji1vEd(mpXa-b25l<TCz%`xp
zcJ)7IcIm?K^8u8+1nH6Q^t4=b8{ycCJ<91w_C_Ok5IrSY_?HTRiffN>R^N1q8DsC9
z#kR@iSRGr_=96YUbws91c;-m(mQC5&6QQb|IU2lYv!odJ4$s*kpBm#@KR3CGKu6w0
z^OV-2nko0G#>MbaqXz8zscw3zsu^keen8A>^*sFiw=A-+tL{4&3A{1{7TvrzpK4xj
zkJ3v;kr6-+9`Pubo3$y0??`IT8n*2WRQdhE$SSPL9gUb(ZDIhn>%oI~VqD5zMBD5}
zk<Ry&JL&(69sF$8(Tn|(8@8ve#?gOtQ&U<pNm=aGrGGzMw^G>Yxfk)TE}nAdklSs*
zD`qv|_P*x-5TqE;-~;o;mpj8|CC~yP>(eX@L6?Bf_q>-1&nQPGycUrS<1uvX>Qkpt
zWlxc<Cf}0a0&}_`1plBk-WfG6gZoJci+pj{Hh4Gt;Y(o6?`LHEMP}Qf-JXcW_xaN(
zNb*NV2E9}jIR+$JQ-@}v#l9`J;)GQ6!mqDWgApVuCC1um{N)}svU4!tw#|pO!^%m3
zdE)CI+ZFx@kU+PNH~@ZC10wV`oZgNYBsD*z(ek$MPMlZE_QF;Vx`@0mAkvic!3I>#
zT8FAoKuJ5avB?f+7L?WyjnF&Cfcg2mucMSCe-hstw-kUU6hY}Jv_XZ(C4;PmS|>#M
z=(%Y#N;91GH?X+s1>3{ZsaH!cf4stejn{$;5WCpX03zfA>FjM#Yi9+JtSJwgd<XPo
zet5SryVFv=q4G<)EtHEibYu>|il9|0&y3{?k8YhE@+T2slt^Iam}2Dar@?6sh}-RN
zGgw>VzS}K5Lt1B$R6b--`PE6pG)TPe?@z~$#^WZ85L#rv+Vx%QcNZQqWj)Y>!u(~*
zx!C!Z0WV1(U?y2UOpw=$kuivy+BX2gI?xdBa#gLacJTac8wVXQ6MN01o4-G2+b-)G
z=XT)`rgZcV3EyR-21=s#qC%D@c}cdPb+a^mce6A8iXB*SCEErrMr?d|CU<)50&@yd
z3|zj6CzsA1*JA!<j@8<9be*atAxJNQot!c$O!Ez59qbCRmTZd<<-cjZMIO_|FcLfs
zA*(O^NiNFOwyb+<3z2SPxD980I6w|v1a+7J?Y$8zWQy_U;>LQfnnqOwLr|Hwg50`D
zj0)<&bOBZ|b!K`GC${r?9%SQ(W^ie??JT&~;_<R0gi3&@3tG73v4J}3UFpBV4IWt!
zGBnccp5)p&c#YKW=m;@ag|-m%uoHiBHNOujJc7x5q!hmlEk0|Ds(;(FD7#T&0^fy^
zMUUK(@LO)-gk+~*+QkYAws)s7QfnxU;vuM}5~`q6#f2>#AXW^g9W@$ubfDkRxzw^!
zdz}~E9_vPQS}0;GQkt_B1v^s-bUijITg>wvMX}02<AXClc$oYP%>&cNG~1OC9r!*q
zfw5)c>y1^AOPt#ZUFmnXd5S7*I-h!m4E1Z>+HBvKp)BXgo4zt;kE6Hy0QRkdP*bD3
z^f5V}==Sz46Ps#C&6$9O<Na9I=uLr|sP%s2od^5Tm-IAWK7R(pE$E0oCjJpj0F<6S
zbN(ip9%%6fcWZQyoiP=*ZB2Vfkz%qz&-<#q(YF%f-zIqfoae`P`q*<FH{9zY*L1`p
z9XEKV;Lv7e<-+HQ=|o|IPbw@ex?QwvnKF%0dJvzf)1ad?Li=fLK3c6VxISh)cKt6w
z`j3H80T$RPs3=y*Kdgl*_jVKwOdek~nBX^t{4n-}1oqdW+3uMQ{`B09U6^XX1mJ>?
zKlZOc(s7}!?~@SY<h9w-AMpJF_PF@*iMv2Yu=x|>#0z?(AA{o{&0v+lbtU|Y<Z7ni
z6?*Msc;IKsz6l&#ySqGrT%O^}0PSR>aI}ikMk^kZkcD4HALWL&{xE$U4X|Y`e<{^k
z*t!kc*9LiWgG>vlX!&k$o}W4_%;sZkNt9Kt%hg{`cWf4R6wtqy+NBZ^9t=a^oz!yg
zg<t9DQ|S7*>>BWpE|2<}oc><Nu7FW({VOY2cQ`BhrnA^R$VMlhTokq3U2cm4g=5!9
z`mt&#Ydn3dHjEIeJTm1K>nzp)ydN%9WNA65DSk)Cqz6uE0NNL;)s8ZBE>m<yjjbQ8
z>xl+nL)5*B(;%LGD*NbwpXo3vA;(ERaVe`g6(vB)#{SL&t4`l0-pd6v?Ig{*@th!(
zWzttlO0=P-N`F__Ec>(y;VHwD$TcT63>eS+su>sMIh3FYV!v=IZeb~?Q;_pDz_SP>
zg?8~H8SHkd_uiWnbD4kn>>KCm&E=Kz#~ME(^q4`5;3uL32pG_d1DXrCTD5lXk;F4?
z)58WqR&n4}S91x-e3tk47QX?nD#gN;!nf68#GCp`S2QZtFW){W=X%=LI^2E~DND^P
z;;lu0AVK*^JxdppL_zj!{p~wCTxqC*$DU5o7x4~XaeS(+EG7~`0MCK#)daRJD^?!$
z#f_F`3V|-N4HNWO{+K@(8mU!V^}a9c1`V95J8=hW0T`tCY+Hg^vs6=x0lkC-oi{Rj
zyZLyi7{`>?=3_svwf&G2w;qr|*6J3B_oL{XiS{KXVP-&PZ%Tu{=4oNZ)n%50PnwSc
z#d-HSIByAHuB=8a42qr5!l}U2K)$a(bdJ=$^5K2Mo3xh{bW3wmdUFYkbZwDFmViN?
zEwSe>SriZ@+N50`=6mmbP&N0`{K<G?#p2sYxSl~N8vGD#WZ6MaIQrSr3>F~jgBF-%
zJKUGlC3|oo4PLr8pNEhOKya=<AE49p-5R$pyDc#-s=T0F0Q-$W_F3)QA0_W@&)gn2
zy3To{+ClosaekbgF3pJbhGki*b>qz$#zhUXC_4{Fl}KS3sMXHWhvIdS&eKL~aci%5
zzHS3kYt0Y2FH-(X&vwbxyOh+qk7a8pp`}`RiiKq7BPRm_KQHxjOq2FpzW%w;GX~SS
zB096wc?&?*>${~}$7Cx>Gy{hfx(HY$w5DGh-Dd&f5DX_C_KwtOqx!=dq&@Ecij^Iq
zqZrj`yfhzXY8e#Ozc`kERa1EC=?mcg`JZdavkd9vbc~7ioFnXOTgZ(U0i%TULE|qI
zt$KL>xaJgD^%M}{TPDR95xflS3pwSYf)X>--9{bUzTDkkEmR_U#29`eehvzI*eOhQ
zoB97<&{-_beJ~E(h+?+r_Axf%Cv&_os0Lk~T08M+ijawY?Gqc8@osf18Yfd8BqXT(
zs*c51BCx)uJ7SLpqu<#ZE+#B44sh?}6$628=Q+IKkuR@{TLT*CxLqpia=`o>8!@ya
zD7zU)O!fj6sQWfWhkwk{v-(__s22Js$}TEv_B1|{zk3Q0R0@>R>3Ug;g{y81{HKhr
zPbKDs?XTG`N}4?KGEhU>cg8!9zg7nXM=(6(#Eb=}9139MHVv@Ba?{1x{4dFS$2fc^
z$*`lmGyw@3=*?xM1lvW(_cQ)6=t3@j=cWUQJN(xF@bTNcg6`ix%*lM^i`B=whTdA}
z_D~r>p@7@LLZo|9Hxe|pMhR!>btz2+^o;5(fQf~lQAk6>p(q(nl0kG#3~%;!ulirJ
z?!>;X_=m6@4vWT{8sjiHrPUGTk(&BeH8Pd^zeP`KgNJtUgwN|pq{_EeHnByJGKE2q
zmW8=2`XKihHq^puWc2Z_h(J&x7!P%gEed;-_aWH#oRa6Hqxsq8>r-WznBSj9uEtAQ
zj8HcQJ79mk2vxJV#qmEDLL9hk`GLc(Niy!ym=lUE1BbsCSm?OE$>nN&<-MeAJ5U{`
zFC6QUoO(LHnf;$OgLOe}IjydxS;rFun(me+JI;v=HoVO9qaS+DI_T-}aItC3q9`^^
zit>8zQ4B=Pne#t7+GIL{VBkWI_$;Jb4(XEa;J)W3dZfF`8p7F4ydUNbyKFgjlRsE4
z^m5=39rDWM-OEYcaB6@i^-WYs>||W~cn{y-XF!zN^gW@M?x9wisYjRJ!2b0)Rk8<}
zF7q#Z(gDX2G~qc+<RzC~>F&L~_2_tt;4>63tP;>ncfUed>a6vF!_&P&%pw@uYSek!
zlhz5r^lw9<Ss5`V2tiq9fc2{Z>FoRd@QA;_``Mq|=K@R&R}cF#fIB}W47tDW<IZK=
zb}IifeZl%5H_Y(rndf;!{~9fYDVVA{2`R&2+m<h1Ml%EVXtdD%-V^r^9qnDXUnKAv
zlTI{RGB;u;gBH)W-|*<Li{R7L%mPq4fcY252=9kEwwvb&)U`1BN;cU`cs#ow4jCfx
zSbQoqO-dqLyeCz)VCC`Bti$gFAuU>qiC=yVA;LlHF-oBV$zTJS2jTI3T0XdKpu&~v
zPkl8N72WyA=U%@T4}!G0P#E@MnIZL_tiz+Y)@%me)E^Gm8rdaKyWYW(`A7DN7*VTp
zCMIQZ!1TRukX(=J#-$!95pPK2^U8PW>zjUzq6`MFAmWUI=v|;jAxbjv=mT;YpE}Df
zAW!yQ!s+?P+Cw9Rb!Ufug5L`=RIYkcp!u$it}Hv>@b&%e5mk*ehKyJ&dQ&c%+@uN|
zP{Zqr$#pRZxF?er&tD!@9r|31Qm(#=yqOqt{MuI5aIG?tKShR`6O<#;k|T(Jh-;Mt
z{-0R@<)|opydl`IgzkU`@uQGGDU=LDa6K@x@~^lzj8j1+hNw<9;G*cYJ0dLkO=jP_
zmU3X9GGEf<NZOgcInXd3+4+qhvcgpNfLR22UqU7t8SVDycD})oH$J4LQy2+SZ3H29
ziWD#}UoY2433O{R1EOCyFSs~Si6RMuA1@k)b)(t&6}a&K9=CGl=h9@Q$TIzX1`;g)
zlvS44JPlGkjKP=QZ_K*m2bn{0MQ+`3`zE-(?nTM?9k;Hy@O2v^)Z1^PqL)gpn3~r4
z8XwDl?3sTw?Hb@ZbT~y#?i46Kcyf4TV+L=FL^S`XU^U8xNb{zl-&-zJg<vii6dz>_
z55tbMETW`eFti_X?)+{;4tfXt^G>SVs-(iZq<~}is1G*zOv!1@+<$WoKZxc1pTbZS
z-ouBLs{ua<G>;{)9-d$G+VdwM-|aw+-X;rGO6<Y&`pX;<RGn3xXGfGZBp$g>y7cFd
z!WYubF~{>1+82n*nm&nPQ|HV_gB-z}TA+zTz%7ddk676j6Q;NR32{p(lS)t_E*4mW
zePu0K+o|ZxG!eY%DT~s`w@%+0*PySOQIj@9891cD*tV)o6jfB`hT}rNIr=I&cEa6S
zguUQ*Iuq&vmP8>>!YP`jpK8VFEy5|$phG(R)L|DFX+XPvE)Mg+9k`Lm0aZ!(`8)kZ
zVvIB&t%xBq<c$UfBld#gUUSF(x|fi_mjbFjDg9Yiw@pd6&+1<^>dH8M5y#&t8b3(t
zCZ9whbp=K$D8!{~X=6#cc>GKJ0wWT`Adg5ww7vx7+$OI_k-cgeLj2ovI=7_qF2%{G
zx3n%__C%;X9e*1hRP>|RY>bXwkzI9*;%wFNWfi!9-$lLaK@!4)g3NBe?VD|ePXr%d
zi6a3qq(9I5G;Abd^VtT#c{cHG$z5UcooG@L4K)DCtKI0Bf3vI7;4IsZMF0;DmG8gF
zf=-0(Vxw+GAoQiaDP!wt*XrzsI?tkPW%b~@<m*pfwADIKw^TARG3ST7rnYH}eT_5@
z^5ZbR1vEP6J~%yA|7CEoKZX7wjZ8#<M1RiEbC<T0r&mlZ0QS1OH;&^uGEm;pwtn*2
z0ptkj{)yZ4)#rmOBQ>e$Jf@H?45XEvUO+g>0$3ZFf>xQEw?6(xph<F<tho`eA4rL>
zl;*qlu`>6ul0~F__bEuC=zaPb;XmGj$O7>w-?J{a{^ot2Gek8q1rxuw)8xb3yqp;F
zEdbQ#@bpcB!{0<ME}mcM-MsQ~4R>EZo_Akz5TWtf6vetkzT`xYL9zN(o&x2ha3G5E
zx=hL^4{QswxCE^46vP5S_vs=@?s$9-lJS8AxtWhlp|c6*B+=gB04-3Y<ufD;FAC%o
zOBT3RHb&K`xP6Z9{U9WdE#t8J2q%Pt>JA*;MkU=gIo(XE_n!TW6=|6B>Bycdo_`rx
zmLw;A4@7qT?cRsmcJsRUx*+`5G<<3`Mt&Nk-@{%}A-anplQTQUm6E-V8-8N|-B~el
z*i{{H+}t<XWaMhv7;=YZ<cFbsvD)WyNw-;bx335l8WDFx;oA-b4!HmsIg*vzt{%3!
zqxq$|H`m!gwhIF&+qx;j8+=3DFF}zdY`fn?LdyB*4)AatlW?%DI|yAqJbba0ykSM3
zQB0dL&G=s~;1Bzfj$EXoMALJ<Q#>+uJ6BMf{Xz(h+M>qLGsjmNB=z>g-q}<uC}Tn5
z_n^;Be)KCsBG>6eF7c<Se6m2DsqGMH@F@-Gj~|PBG@spG(}+20?a?k<1g))Yav&ec
zA&TD&**(=ox^r3Fg5=(kYH)aer;3s_wz56jOhYS3vhF7a|L7+=p1Hn0AszHLu=fH_
zQ~PGaoHF3Nq4s9|<Vr4bG-0!Z^DV<;8fx8{+JZ+CSKvon@R=wEi#5IL?o8SS0jMo0
zyk8a|#aa-udi-zs9d}^|gZCrzBW9|yFyy@C7kxJ)y<O^!Ad0$vT5M?oUw5k24G{Ko
z7z$V!7@U$d9@c55{mvy_Egz&G@BX<Zc}u^b!5}zBKyKe_p^*=2FR`eS8HO)32a{sB
zCmt`$Z#alsR_6z}wcp@~&WwAzC<tO!fw0*8EvviHc$3^Iy^V6q62fdA-6D$RB!ZDy
zB}68>M%6fUX^&1r$F?Z{r2k^Mm)HPrDn;Pm8~8^tP-n(PrTfzOs$NV!p9QPO4<Sd|
zO3wRQo&jId-SnK8l^_>mkT0wWDg9@VpJveVqS66X{v0xVviO`T2PoDIt~8^z!e8!~
z+*Op}%dd2$>ee^r*xA<sy%zfzsw>Eot^?t1<+W>=a2QnV0E=d})>zbuv-bT%$FEm~
zaX!3`CO5q4iP|Ii-)dh0lxWshHjhp^AJcw)ziSwfzF4+9{9>MiW+X2rTPfjdmn@wO
zopWv;M5p7Xy<dp|OkRcbcN%kC5>dl`BZ~6g!QKr9l~i;$vxR*b1&zbWTKYL8h7U5J
zYV%D6sYgTJJ?s#l=F{eR-uCGG6{7l?DF^9b9-Pxy?m+51=g;F!eG$X#x9b{wsc!QZ
zR?=X`>$f2uf&=a<e~g)}*?veD(K$K+mJYf(1E;m~i-X@B;8$HRSopfHriic<2O90_
zsa3bHtoozaIZzc^q!-T1qt_p2%e^|&rG1%-&??)Hr!<{)P3S{7rq&ZlGgR$Fqv%JS
zDF-{$l?DgvoY5)ulu<lL9Nl$Z(7V)0u!o)7>6<>E;v^_FAl><b!6~e$&+OR@QSyx1
z0rP%PecYznEi`-REE_QE1XMTvpx1RT3#|;y$36RTc3e0#T%Wu?_w?@rP6c`cxq4^W
zMQjfK4vt)|?HP73s`M7*r@Omu-Q*a0wtj#7gNbq`4*BO@fYiSsXt_yWmqmH$V%HWm
z`fbX`+#73r5#SF>_=w@#oMUx$cccS*&CyEpP^;fEweHdI_bKwj*I9qP&Mzr6FuLz}
zO}tWs`#Q)`^6Blm{&!WVbCoIze;tO2bq#!k>{1<)94C&rnQZ+k#`d0v43A6T>P<PI
zBZqRn&i$9knZnYijxL+sY=OA%t9+obYG9~^N!&Am<qcz6?ACeO+0sS$*CWA)x8Evt
zfH|SghmjvV8=A)RB?YnD&=8zJ>i|)<ZUM58>k3S7OOf^;DST^DL9=RU0$12kms~Kk
zn^ArL!d#vNo?Z_-4!(>N)^CuuoULsQ0LF_ctKgNk#u@e((mNG=-`vj|{_aNovj87`
zbg?I`-o{M@Kl&ND{HFam4dx%_2zU2WV({u!{Co}Qd8<QtqXpnQl6^9gJV5Yy#Ms)U
z@tBp)513$KbZ4Qr@xySTC}Iz;?Su(v**BX8xsRL3J-L>3Po6&m)dboWpbmbZmuI&Y
z_NcGkL$y8}-B3GtHVj6ol8en#XW;^4FM$zkrvUi^k8T#T>4WkDe+V5<;-`+ZjRLc7
z(BX@0A;&HZzrN*uQtPp<zLkM1Sm$F6?Er6bx?r4MV%^UbdOt9O!!BOLZP>~H{+b*G
z`+74vxA$~GSY7>FZwKTK&l~PYSO)*%Ix3$PrqBwpPnPk<(K>~Q?i`8{=XCxWn_LP!
zE<+xk?kJnCG(7vYPwm?=rAVRYzz$~|`6GuluX?sKGK$9$*DgY@d+<^NbkBqHCk7W9
z{tE;GKDz5isqfjs#Ck@Q^jH}d@**c1>03_3$US(;V$h<F`3yys6MIpz?ICp~EmbH-
zY|+bv0h6l8$y;mf{vIE?&rtM@&!3eUXp+lSioX7Np9x}$O~+HUH_c+0d?jseff_O&
zl|=}Gof>BSoxX<IrapLOiLa`_4EsRDoPdpJ{tBAYFRKBd?F&PkoP3d)!I$P$DU^n*
zhojyJ<)%oTMy_pf<k+*hFh_OqVfVNGQeGtG7WqVMr<1YbO6Yg_`g?oHEch&ch$QT6
zoVQfPl%llDW*qD~I6NiRFzxz|-hLYL4Y8KU_+;_(`d-|ld0xWYvXjMEzo}`oUlyfu
zjU_cxa%TsBk;!X>uat$$=ChMyBd)8VZJ{5V%5)%F#J4Y=m{x3T#VSD_+(6zG${znW
ztmV@wn>-0sdQ2Y5h1MUmaPdXeKf;R~gD+A(2FiQDyurT~-@AfoI*qq!-G_A|h&5|*
z)=A=ciLFK5KlUZzw1K}kkn_ZNTS?y7Q_;ZQVHTnJI|uuNT*1{B<-_09YOoOTyB2wW
zS!&Nk18`vHk~o@Y(6&5ge-O3v^QrLw@xa|#{KEGwr!2b!FfzTwiR!XFD>+1aX|6wJ
zfzEWzABnTjJf}Q-CvD(=2+5+P*P^Wa!&FrhJUxn^InJQ_@RYZ6CH}*H*rQ8JdmQp3
z6+<VICD8>()Lvx_tcSts%-Jv7b#{KXp&1V%Psn9CR-KQ`cJ=R%hw3;<1G~#gqCY9t
z-GA04|4Uq{hkd&1_-C1H$LYCu<J@-OS&}S5&kNBsKH%zV(TwJ)_=an9Nk(!ZW;Ycq
zEMd97qPYySoei~y(d^XX!SY>M2#~ENoR)KWPU*h^XNMOks=8pC;UaexVi8W7r!RqT
zv36Tk?kzI|wTG`;Gsi<iw|B;KPcMaaK8Kv|R{ZN3vmAE0kE0RPTesW2b$Q;=frfc3
z=J@9NZ<Z0eJ9YSFY!C4>x}Og?r3>1AZono3ExqbE1k>2)!L84iG7YZZ;?EM{w%awR
zRax0}){In@dik2CVE^GBXR~x&uK?a3CU1t9G|`6aId;g;J>Lb%P{HJ7aZy0_yg3K&
zjz=nffELWi{dYxk?}lHlmudbS>|i-CUv>n7?XuT_js;j8U46M)($-PRE8bUivDwB1
zPfd;He|&<^)xyj&K*Oil#AR}@mXC#2UZD<xBY0voU6mlTEQy<XJ0)CT3VRojtk0#&
zFVuf-QzWEk6oH*iZTaUPv_lNoqJa##Mh=0$C#(Je;y24F!;ca!+cmqSBpYk0?jnsY
z^Qupwhv#m(2>J%5bYOUnLFF5Cxwg?xkw%l2qYZPd^Plgz2bgeI-ru+2hSwtd0c?vs
z)xn{lZ(WKl|5JZ<hE9@6CqRx42wedM44?hP0mU_@adq5WUd-IiJi#wdfGOsHvQNb^
zeZ^*9wBYLgh+OP9{VTBoKc?apO`=2|Uzfq`TA`^l#Py+&lzl@RH<3$4cY+pr20)ht
zk=rlEG_fB_m=x`twp~i&l_zl~&ysZg-_58ELm<f@L+6F9Fk^EvO>yzmx?S__OOpft
zq|omNi4$&vSJp5i-D#1C$+bLb3zr7sn|qSdu%3I6drBPa^7QQ5tnBIzyWHJWjHZ8~
ztyyL3F?W8(EaXLCr5P&M-@!4TpfT&Gg<bu%^EAgGAu))C`Egx#0lBIIvCYI$C-=Cn
z8_@LVBpSsFvYxIrd@%)eExm;aLO-*$c3dPoxXr=(qzXGBXplZ8J`wW})HkAg=K+(s
zg>{vwKC|ch&FVhapxIA?*h&iWL}BhB<*A)>+!f^Yvs0@kE`1uacIYRe5tni}#w*>B
z?<99GYDe(-M*Tc^sT_!dwW99pfw0DyYyIpJcPg|{ujBj=&O?sV9%y%m7B41mZ9c;F
zGjZCsE$SZ2O<qm<7E?7@*={W#m32aiyo$mGBSuiEg5uCDisbv0v^)^&gN8V^8lfK}
z(9EYVDWw_tH94-9Jw*DMOXwq|r8~0xzQOh$U#IqvEeB#)RxNGmW@0D<cRP@vM6h!T
z7?~K$!uGOe*W6x_C`tHzG(I(MQGVIsu`$!1i5fLV#>X5sv;W9Wl<`2j@dHpeCRzK%
zwN%A>)(5AHZ`s5IO@p3<gRYr_AA_n5)uV&umY-j}QAN+ka8HY6;;x3<nw{GM99#9i
zIltl!??emKuGxu$Xn!D47s)#^_OeuSDBzg?S$0ZJO}Y+@cp<jXE!8e1R1?UFh1$B%
z4Y-bU42Lb%Ds9!S9@$Q>ChQLLzmKuGcNFpEiu5Z%-WmR1i@GU~sonNu@bqVZ#uiQP
z*_uG51H>sV3AH?V`#>3AYzWdAw$PLcXEeEi+Le)8y}HmpiF`X)2<Q$Q0r|5q(+M?$
zuspv1togrrprkBDzJ?R^4m!6~jPmF3;Mo}x(HS*B8qu0Fr^s$F<vnA2#U=&56fwmx
z5%ru2yQYNGqO$uSzQARxOX0P3$m2%3l<R_<PL;^^p!%ayOmSDaWg_O-O&O{DX?=I!
zaEYz%-+va+33X|w%W&@a{08ND)Xe^Hhv9dHwHLf=D|YT*GbFVTvlPEE?8?xIZC|$%
zp<Fiu*~n#qg?ZBIMMuHaj8(os!9c<!F;c%fdr*S}EpFqgtPT2|z)J&k>CQtQ;ku`<
z{8uwzZ6;Dh?%ywhc#-4F&4x8+L{#UO17t03q#T}evn+5e&1#n)j0-OUamP~2Mf*jp
zize{aYFo-D=_=fN@tENK?*2t>s&7g!3Kn~$!zQy*4@U_8^+Ca|8S{Q-WFiOKE&IF+
z%eG44*SrSizqZ|+c<!QrUlB8S%Ww-$dpSks<G1@X@&<B2Vhd<b%$uK2Ibi-f1101f
zhxVV$)3vzoOF9P`3s&>-d+IxcOys6FjBU4zhChR3!yt9vkozW&1#QiF?!os;57P`>
zOL8iEO|7Y`VA<Xk{@**xl6MbP&i1G(HlM<~w4RF`&l&Kr#ervz{T6J+z}woe#x_Ki
z`aZYYjxTCUB7f0x;gbehXy~cXb_ZOseb4=N)vQds?+A-4q=B@qulrx>pJ@4k(#9+7
zY_+)7s_FYl>+!^M2E~KXmfT)wZ<>7QQv}DTYHCX6J4{LqtVWHJaB#zCoC$Q>$7vfC
zU@6?hXfkg$H#;AkiLj!%+9A5-u^o%krk9<Q?H#!>@n86OS>@fcF)_zi@+gJr!@hAQ
zRcT73ep!FsXj+%Ndt@nsfp`A(G=(59_e@2>YW(U`{NO5RU#D@N-Q!SAXSIMP>+@3v
zkdWx9Z8?iUUU$h1)rOZCWvzLMeSPT8de*7ct=#{pqyR>!${Vm5-HY^vFubeY?Y7B1
zr4Ft;N$^UObig%w)_dpcglhPg{=h7EMh2Nwc+T2N78^L?g0}L_m7De~-MMYAWe=J%
zDV`=`N@hR@d@FJGX5!-DA);2@5@t+xaooe|6OF~HunUG9Z{Kt&o?`?r1$ejJUn&VB
zdCUU!cq5<Upr?Eucbtx{5!|dLc&j|yI(~!^BUyLWFQHXRn)36Bbq#2%+VFsvSf^xj
zpeEAdkz%(u;<I4*RWzTX3LvW^>@!QAlte@0q&|6`YptKWn?X5(EF9ld30Fq9584Xu
zKYSm#(*<EHKMPIYI18wP@Lp)`^zuR0ZS7>;a7$>DtuPfii-XiJ=kbiKGBLwCZ1U5K
zFAC8TXN5Yw<`;x9tLq*@9t>uXUv59W7cv^|oPX$JGfwEci`Jz20gZ6~2~Pe;vrxa7
z^Ge$3qhXHzLJJM%ub6!VS%VGsSrFOT+EnVcjCl@KqKC*3|3K>1WO8<8xA$Q8M&ySp
zSXPB$a=TM!W|Ips0Ks03(Fi;@R^#*HB=H(afHxNK3l^H8Lhm9A)FG-%<H($`UoJcb
z$?eS~%68J_I{#;_A$!#5%_As1IZJ3yndQo1sJ}8V?E_xVoD%rGouWHX+44JTg|d#^
zf8?zw0sR^)XGndvyKMt2+A~>4CtRzhf&Q*w0Jx6X`(%p^hkvX$v1?MR?sK}GKRT)v
zpum$`w|;C=QoPi|=&x5T>?m>>0BEN5Ee>wnC5uw!OjR&BfiXa?a)LQi*&ouEuyHb3
zsU5?+7R?@$vz1<R8E9Uu+pufHc~#t(Ok_}z!Wq`#_CuJn-v098Z#B*j5A31|jU}Kn
zp7l8AR|Cx+V_(#!u4%(Ta>0HJ`J~j~cQIfE(7&7ZlOYv%mTGmaGjZ5A=IZX*iG0zc
z_@>;}eA=5EO+ieW68d;7M=V@a@#DNTZ0BnxUIBG;?ote#p*M)Fe>75x?RmO6zZMzt
zFHxxdWX8!J+g@P({*$iFfVZ)kAr91-kMYPDz%wZPLE_f=zTAR=W_Reymvjbjgv-k1
z7TGOR9hQkz_Et{a0XY8{IUjaMqHdR1HS1t=VstV*iP2$3piN^DTcls=*v6P*sF{I5
z!H&Hq#g(^DtVptRQ2#cda-QkEj|i3E57M6!shVS_^Kg<+!I|WUwXCz1F*%|p58SJU
zoe5ndN1@pi7Oqgmyp&<qsRxS!vHEQND<G8Wc>EE*MJSl!Mf{EJZsRm`)pb9Go#nP5
zl;r;~G=hH-r#wRpQXoz$vPrz73XjaSmzHc{Jw}K!3Va*+@-F~gI1E;<qQ=q*;%`j@
zhNPC&I0}wi#J}rZPkFA11EK7S;(mNF#D8IO>_@)Ckh^DKY2_8SOL3u@JRJ<>U-U;M
z7tGm!QFW{7RAm?mD9HWr)}3Ep^G;_pgRdW59aw-|y-JY*VSUc;vtMg*I}bZH_Bd~l
z9kT-~S_2aCi=_$rY<+%9*B6@hG17&?m5yH#yFdkrT0EP7%di``d@k;^$tHZRHl|wz
zpYXGHYwOWjH~c|I9-NOAks~^+Hm*p`0gU|Y`4edIrMHpUNP{Xz>X~?Li++}s%L;)M
za{DQL_PRcKCmX1)JU&rzfR<gYeKmf%N9Q;;bG;zwtpDEmC5JGhk|)<=Ae>U{TnHbp
zqNw^)$Ax04wQEhEb>~AO7)9DrIe5FdnE@#6FcZ+(dT}_S(CMIYK#@9jB6D;;+PCfG
z(4v<{hgCsObV=>*42t1BaWtJ`T*~C8@wN+VY?(@}0?uE5=D#BTFY(*B`%3|%n*j~9
zulH>F<^HnBUFK7tgF$w`TUT{M8`;*J3K9A8ObiVrpyIZ|YX7GaXCMtTnoeFCZQ4$H
zcQhD}{{C7-g%}=9<jpv7R3_S=b(><6L+1c`8ial1?^=9s?QW3Wa#H_O7RE%c?=w4%
zw%Oz|d-g71<ab_uL@wAw*mYVhm2}|9p{}es0}X{*ermR2)-1LqH!TWE%MgFN^GgZL
zG2RXf$RSNBFMqe2QpoL@e>?5k7HOM_IyxGn&=b_g7U-cVOycPND=U~>;!9$o*J_AJ
zM(Rv9LMJ}aW|6;3W#?aMc{KU<Sl&CMcJ63|9i^c_Z<@<Mw>1Aj0;E{61W~=8P4R8-
z1ph>3pV7{JN8D}rbwc&$hm_>Ag8tWo8Z9X9ouF<>Y>i94O-9e)y@=<xM>07W7PYPJ
zWFadM;;#_=T{~L}c-sMmfHeJKxW6+{`cv~#9C@)^eC)COO*vw5DZAOE98rD0Ib>U5
ziP3i;l0sDx8M{)?g-Ld3`e<)phMuLTt2wtxPmt2MYylLw={W#NvjnmBE5z1Szuel7
zuA7|d_xZ!g^%pupySk(XXeuf-Xc;xv2W?JBrG!6JO8@-*nywzmEg|PMTCe(!bm$q3
z^+4Q`CcP@*hRA>r^4$Fhg*geCnDFM%2C+AL%H2-?HDtO{%0P*x+S@}{TZ2KK+ea#@
zh96=()a~vk9w_G+B88dnUN-5a8j(V3{`tO+S%Egy*&k`E7X%k_VFvvYCH{w3ubGw?
zOTOnZ2j_7Ckf&D+oREH?kqMZu3}}j)Lkc-laaU>Q-~42q_p@j@3wHc<%%YgbAQP#d
z?h?6m$f2RUuF6Sr3*jkf={+iCk{YpoE6n;&e1R6c$Xlxe{$<mkJ80oVy`iX8@P1sH
zp?sze337W(b?ImCcY?|9BU@>Ghye7tf(O<vjm=0z0-hSz{c(Tz{285Z9x@rkgg<2g
z<#Gv<&q6R5#Oy`+JgUfX-nWgm#}(R)bK$sqEWSvot_6uh-;y`Apa}g_Xw8)5wL7PP
z?|X2MQGp!)uc>t7_ALJjbRE7smr}?epN+5%UxA#i+O3rbVaTQVj(Kdxqk~fjhc16I
z^%Tud-6Up;Zh+B!hy^kzzy#im&BooP23dRw;|?VcOyG~Ee-e)0>Q7|ghJJk0Lo}9C
zVvN*<ndsAydh%W)&jQf%tdBqY1c<*$NRt<2A7QxCf!fUnBl(D>_HJi9?;n-zGWZO;
z`lVdA@HEupxPov2%eNuB8ABf?2!65RPo}rza7Sk8-itc?-O`L!>+xsEJwC3evW~uM
z=_xc~v1<OzJqe5lJDOW2gM)YP*=Tj_OLL-T<H%o$ynCheT6a16O@^FN=>uKu5lf(v
zwfuqZHE!loO1;iStu<!qXD=xqJ}}z-wvIeZZfQ=C_h5Hhv<~Puy3IkdKDGI515zT3
zh`h-tcjx_yIDxh(x%chvjlb-oTs^MC1j_s8Hp4k11g;Mu6{<$PtZ)p!H(#U3PnV>F
zv!>W(kz|%BnvWfDiD*VWlbFIQ(%I|^cU1T|CHe{J+g^jB+U(Ng$%yw$L$kewL)Enp
z%>7Z%GEsWf^p81EuUGGh<E^*kUvI1b;C=9@(ZY9lbwrOn>dX}><UE*cIx+d1GUKZ<
z@vrPw-XL#2hX;A5D<V8Fx2es5UV?W?trh(&k$7-U*H6ZOZPDma+52|59=iqY*DNDC
z&DE3tWYzBl$Mv<hhTHDAzFL(-YS{+<B5P7mP{1PU2sZH=tzpvPLAQ1^E<62ZdY)#f
zHoV$&1``=3D))*#`>{&NpGAdh!cXvoqV~2<2U;YLmcnxjz|J5R-CX!s+Yq`GP_cU7
zqVpz4@jxVYS7j9X=Cba{$>y?(9p{(~C@-Eof+E+GJ_>4xA+>%6=nl8?*;oks?uqxC
z8R~ace$S1qJN+QQe8>s-V@)Zu|2qqiKIgqE)g=J7M<{?(wO=>yR${C(a0J|&90mh&
zQ<7@~`}@=5DZ;ui{`=-h;Q=*!9s?&zB@?xEWF~;#;?rfK)dK?AktH{u%;LNy#rAX@
zX%$u4TwScm6B=D#Z{o3CTEpotrd_vVwYF2t)D(%VedF&EZ{E8qdFHk##$_w7fMsO4
zAQv9CoMk=9U;WkQu?B1jQIjWi_;Y}A??IoiyXToru*IWh1QmnE{e=g=e@^l?l8e2w
zVW3<~v+EXcLSF?b{rljQ*BU#UY~IqI;VU0gq+eleGpnRHaPNJuOJ9^fJ8HgS>hIH9
zTUc5qt{9WwMS%UiFe+13ToB8E$a$xlfcckpENO`Su`3#?!mr6)!W&IRU~6lGX@Z#V
zxpUAN%=<i~w(u2vCo#+fbJ+hHRbs}j`lG||O)D`biZWG_8BqS#zph3*l9>9x80lsC
zT#=%CrOfW*MW$OUT6O@X16BEpCh8Zt3bn14`0d0{QZm_)XSC{$<0V&rYzFui9R3?!
zKfTp&Gzo7>e?C1=djO53rbKIBB)5dVyew3E_xvwt<N+8D@=$lXV|EM4iSk_XQ*3l=
zTOF21`HgTbaM0+0)zt-~Lu4%EM;@fFwOm-GZFw?9VdmccA`g)9%koX!$v-$zB$j95
zZcTdkF(gjwF!$(G(7%vaknwQG9`?TqHQcfs8=qXhqDAEG;rr*ok3)W(&L_8oQZ_ot
zhrYtC&|@2*F-u%Y;O#(v^PBORY_FWniDAwMQKgI-HmsKHqug_>n`Ky-0s6_?w%AIG
zB~C@6*3fbHW^F{Li^h7c=Nnpr-+A2M%AZ^d)KaVl3!<8OkuM&ePP8@MGI#Z3$JW{H
z^}xyBdZ#cSgTg1BmpQdLPzqWb76<2>x$ZAxhiA5;gJ3dw+l9NszY+!U@_wu-=TOaZ
zyzcN!?yfmWT87Fn=D(3e8dD9`RZeYAl!@n7blA=aA?9!R@eHBRPG9#!W_6F&S8{;Y
zR|*g8ai9kNPj6@b2=x>H@%Qe!@B6-qA~|z>q9t-fDBaFbh+MgH?QSX*k)v|1bg1OM
z30paGl&g?+Y^|I**0PpeyWi>iKYYJ__1@W;_snZ%UNg_<W8Exya?ZzC((<=hvO%&3
z)R^#Nr-6Ca(IcsQHeB-g;_eDqUy<*FP-!(Fv#Ish92&@3)UQ^C{u>5K+g~k>9ftcS
z&{^Cde%skcsMg=8G;qYEY(vCiK4KnCR4H}lJQd8*NqBJ;;(`Ed!PTq#`SiGs?0eO>
zr15Dr+q$-;&Fy7E18GNNO_5`fvkJ&u4OYd(muz#jDL0rq5k`Ns`<$Sr&W*=F8ncyF
zd5BnfQ5GA+i0O8`U(_)k6jj=d{B=#5g*6EgSRER{p|L8wT0YjVbB#VsX7(jK50vvL
zhC&{<Q3jiz$P(9a2QAwcw94_wK2v6(k&I_<-nL>{ReGI%zE)Y;4u6&@^KkW0I^0Z{
z3ljh7E0uxe46ODP$<Q&0Os)Lksh{7S9>hfB%~TgTwNHQT&N%no*D`NT>>(`k!W6?z
z59&i7Hz4zN!oa7OTsZ$$ryq^dPEBx}{=2(UP?_&%^TPdIPqYvHS`<zBNVmKUU)71#
z`Hk;C94+7ZX#7-*m56%5tnI`Vn+y6K=6?=_<R)If;W~J;vBU2EnW)w$S6`CSD@lW9
zf}RiVYbw6+fxcfBuzEesP-pVX$mFV$S%9+j=XEaa>mR~SJDW1mX&n`KY&W*sgZ}|!
zk+-Z;>1h^Nt*h@fN_{v!^!V`&gK_X3l8=dd$=()0^d-tgEssh*kc~(lgopbFWj2Mu
zYHk-c*VHENhNrbnYMaSvhhNgi4}!(U#B6|V(f+vL1!C~4h04fw^PepXqtqn+Z+t^9
zf1G$3TOe>*=xe4VeDUhkb0xO0&J(f6wY~hNT&@7MD*wTQEU#rt5~gh=nc0jsznhIY
zE*|A^X<@0U9cK#t={L=^(Eo{8zk6nzk&UM{>hol<Op?*VpA(x}H_TuJ!5bgZ4rv|3
zk&-bCb8Zlr9)q}1D*mnotP{TSB=6YR@+V|26VIJ}63s?2JY$mz916+LmC=QfEA0*c
zyV~vs0Vn^#p-FS1Jnsblfa>J{E9eprb>+X~oOOQ?%EpXfARkJSxm6RkY9oo_ZS44E
zdWt|PCGEgsU@;jN70z5!F=v6s#uvv=YElPnc*4{6#SfwyfAc^9<6`2oNx?NZD~*u{
zO=s<Kg=2iC#IlI?BGQjTAg0ueM1~SSd8Mc;bM`Ofze&mqwSFYwBrRsM!(jEcKG~sJ
z2x3sjy6{ctepA!FEZbDB0mC3oE3Jb)<Y4i`5+Pf4B|$4NXZw6#-d(U_SiIWNlCa}P
zgA+$N<=;?))Kh0G%hV2e=T-Y0pv8Ti+6Fi68`799{#L!pGs-<=>wk|WCnL2BD>-f*
z@WJCE&m63LcY0g`sjAAm3<5M=Fa>j64tt(04Yj^fmYt;?5LaJ}M_vN8wgtESIT^_m
z15eVz<o1#dC0Jk=+ge^<MblH8XI{+idLMcd^bR8SG(w#QhQi3diLbDUT}Y#kedD%o
z?G3>puWZ>f2U=!BRLv50COSOxIgd{}eF43LxdSIOjRFnWyM?>MtHB|U+>e2*=>k!1
z>$*uNZw$<-x63bP<7*Ea`@{fk_Uw1E?lF4`G3XQ6o;%7!8)@5UYQ9SEo?UqxdA4*s
zqL+#<A_-jdI&z;a<VXy^Slr7t$D7L@l~>UP-koLT9E)G7eU1gK;5F|7q!9MYAn=%L
zmL8TuZU1-o2eo#g(joQyF!Z`)wWLk<k`Do<{ex^hrfn`al$jN9^^2M3qC(}ms+1E%
z{gS|r_^j*f>_`8xVn&oV^_nuUXvi!U%B)&cF0Q`NcEk#Xy23QvS=vX`_EU8Hoy39X
z;qeC(!lH9{DvIxQYKQx_Ki!{xP4T`vI+Lropn0+N8SNb-p<Z-<D-{(Wf9)gIHFEmn
zQ+x^wu*%f#Y^_~_Oo@S$R2QApBhtrTK*mxiA>Rqwx|KbX7XE~iP-e<}1bik{I}w?-
zo(roVI<Rj*kLW3h5x(C_ORF8GID8haB0Y^PYU^!yN!ocV@r^^`+gm@kfmr@GWfx|j
zN{$*zk=OT-{C>+X63Tmtn6uYC^m&0v>7VPt7=Jovlx(P*pxd;6&49sK|KAXm-Em+t
zaBfWK+zFwXc&k!5^`-cuU1s3IcvW^Ai&;YjI6*AvFMQE`#!F#sk+ibHO6U7m)zX4c
zQYfznkFzEm;9!p4l--Vh=gj=haFic+9nt&cc!US4V`DWlv!7s_AVO(1(=y~n1#Kbq
z1&JpxAh63_)n|OnOzs8x-{aa3fOVAL<D3^%_XW(I5|H55)BFv!d`3LRwt1yOzzrC~
z=I-j{6pKEKpv6v;`FEcorx}}B4{W6${ggX6B2oHC`pOzg!<jkx5N(x6nF>x{n|1c$
zGq{LOE`anNZGNG;tnRLu6M;uuRc8Yp*j5ID0IJ@^eqmPLJ4E#0_?{z;3Zl%K?yW8v
zh(Ivq4^ZyCJKr<LRx2ap(|~;1c4{Ih_;}byJN_H%dV2F(V>^{)+6D|I@@xZ7OC1lZ
z84f6IN*Ok7e7Y?3W~mV13hL}e20dPB7a$pk+Ck}sO6Diw*LTNp;=ymnpO1fUpJH~o
zGUJLX&Zf`}e;3DNd<I_Uwt#h?<!^+7c0zv9cE~ctaPo*nUE5luDT(lcv=IEj(9&2U
zq!s9sPTg;5B8}|-XBbGJh^HhpY>gJJJ?#&VaSb$wDZqaBY;1A2phTv%86)=fqZ01g
zAFRtpdHv}YC$kHoR++=*2jJKLzzM=>1E^dqOPdZe4+i{Of(OPJ^3NMa)B)qlOh`3|
zT_)PHGqr<@vlY&ML>gu4M>kb_w~8<2nTXWlR2S0LnyIYZtV`{<G}#z~-Yx3z>^`m-
z{2uye02Ll&>(e;8ENn$wPx`laZp5RTtQNv?90qkE%mwjhM%tg=?{ydNU>Dao=f07}
zyOGy^-BJ|0gijx4HvB7~hKn%p@cgo{ATjvZ<jkjV3+F$hR6BDKe9W?<&^aZuyH&Bj
zRTX|bcT39dqoTZ7oeD1->*SC}%q5t8555?b0x*tEcM#w#`Lx!7yxqg&Rl(h#219qc
zXQN8Q*qtWDCyvjrErQ$4hx0eq*N^_t;tZ6`C|Z8H?Y2&eEhd{AQ=E2|<*b3ZcP^Ve
z8e}QOoEg7(C@Bb~gou@a&6OQKBQ2h{j6pGNY1eO+?xol;zb1}q&|cN>pyp$-vOMp9
zH{)XpYWC!-!R&UIN0zf7oG%Skxw4Y|!lnHqNF!i^isEKUoH8MqETWtl3+u3kb4yRL
zIt<NMW<LaqkB$!8Mo6P-PY~`ZmrOhW9zlgeNeSW;*B1&}cKyHs4afju$Jjc>OEURA
zd;D>PGeYN76fVT^4#c>&{<Yu0Ca=xv3QQC{+FGx!i+)5J7lvD~!)dzHHQt~}C+XUZ
zjZ?*MjNFjew2pD|Uw=BMKw%f=dVwk!871YS(bOx&FWfrl4PKt3+QrY$?IK$*&K_U^
ziB+C}5#8(voyZn=B1O`Khq?xu(h^Zj;y-$314^BSJ<C`re<<iRh5B=1mG*UO&yWXk
zg}gmYYpzH*dS<B9MiBbv+RnVSQH`6EZCwFcc%uA)5&~qj7|y9KC_tV;TsM8~7J2JX
z)m5LEqaE*O*-dv6lzNmiR%DHqJ&S{HZ%yiQfF@WsHGkV>bvo-+aJ5oc3QR=5r4y~-
z$GYnbCoi#^#3b$=uYNH5TG8x>Lb0j;*S5+(f&%LgxiQ|pd!bPzG+cp&M~aKS@h;r-
z{Oix*iXgvyr<aDZx4m~vc}NF&zGk>9jbcE+cz}D<tq&whTyZ4&_ge4~1G$BZ!mL9Z
z92|E^>*IzAtE(VUP`ujck4s3}sR;P=g?eg)Jg&E)&mgJ3AGAuPt(&;rdBB2}*kNuK
zu7!1dGOgdoq<u#3g=b*hE8Y9sD%Du}>@e$cqQh*w99(FD&`nk#s$bi?|8aG&2$`bZ
z<0i9uEv=qPJxbWN&M7PmpzI(F_*kV*)l5+grf60t2+4^#&z=5}jucP47Y+Fp9400`
zymC8Wbz>MTf{v*i-U@_@B)E5}jguhuGUMpR&Mc%EkJjABy!+_?xzeC~uq4*Qks~_?
z-lI)QUjfGc)D%3T)P3;`&W*CGzOXgvNOYW1@ZmChNi&^S;#B{ww{iht$mF@?2LFBz
z{`KUkU8}Y@!@IacJqXcMdXy|^gzmnCr*+}cp7{RqO4c-Fwb{hfVp1V1kA$lE$v7W7
z-jL6g=xt47NqTr{thfP!p?kuU>g1^^zE5HSpH@oH9&F)SL^efDYf3Y-d5OW=!kBLC
zB}IEa^e`SuDmny8dHGzfX-Ud+^+tes+|M>t84UHa8Tz)b=;S02u3;$*fDj{%$dKVQ
zQzA_14`sYeJ`GjJkpdT(t=B{43nvPPN=c!mQJit)`mcToTXDhXIsO`mK9eFIe&`Np
zBVOJ1@b;*bvnc;*M$Cc>&wt;i<<^$ws#OIuJ)T>9gYG}dDONf@JOR-e;y6PxZ};vn
zIX=?*qXW)ke#!@KwEumvt`r=j-7P>og7X=jCCVM%`mo(_tT4#$=W6f|TE>W=nPto;
zg(<6GZW)RNc&Wk>E+WJZzoL&u9Yw9P=5rlXTA?yV$GhZbdyN@P0OrtPNn+bFyRQ>f
z*6qP+o$`ny6wu}fQ~8)XpQ7vLyCZP*;)sXsx;o#m#CZERw^;%?Fuy*dN4-9LD)9gw
zJc#spD@z*lAYmz%vy4=VM?U$o_F<P%k3;_wI@ig5;RtI*8^@(K*J}mH@iu<iTKo&e
zd*nfOE^no#J9h!ZV@n?H8prMQ-MSfjPy&T-=CgTY6Y<3bpNJB`b|oBVLe$kR+<clT
zul`xp>3y*&TFeY)X%r(HdG4)3C>RqQI+3~|-J<#o71u9$?4BcQxMA^APJ-#Suh717
zY(cxtx)kin%=*<Sz4O3%QMw@e<_(k}Q0xB$9QO+7P)t~i=H?1wOGs*+LW#hOJSDQ9
z!?@ytZViSQ+i07=m1{FeY5s9}Yw-xhkQr99+xI-895=mZ;evCW@`(C;%ulURs_^dP
z)yEh3;0a-BPEw?6zT$)IYptA@npO6@`uF&Ji)<-OxAofe(+A~PUYZ*JT<_9(yQP!6
zUOw5JyTdNe_qRD6x#J)LC@eO*oCVu<p5z$9N_y*hdN<Z4#d5H|O2UX~05lYw>O{d$
zi|rdm8-uZ!M|`}9LPpK&ktay<w0*Ar{DphC<j1(&g}d$k7VJro(t{AUBBrz_&gl>1
zgFfSW1E{8^PYMhmlfJdFPTX+$SK9d%G}4vLBtm>>xFY-ca*ZL!_x||cYXu$S5kk1z
z;$6OZuj~O~O9XXAd7woUrzsB4H;neB$F7!=)GpYtth4^R6{aDo+$`OOR&V0Um@Gxj
z@_sk$g9o-YkIpEMIyc4y#>Ac?#;-N2VL4@DGh=s7*#qIV0AlPgBFIGCZ(@Y(?oUq<
zVL1%xnlfeilIMG_ek=u=M7V~y?@jwf>1!Q#aceaAQ&-t`QAK5d&T*yQ;0vL>TGByE
zp_Dj(V!X{2#3;MJ)-i=jM&lkVaAbtq#u~S2$MqOCshIBR6O}V>WJn1^PK4L3=*+XF
zQKteyzpEXOlclcIn_0W;z4oWu;#dwrmf6hRM!0Zf%2;XfYp&=&I)pS7;xsRXCwz?*
z#EBV*)tO<IAtB+$(3r+f*pC8M0p-a2=XAmht!xb{b|0c<NjT{UP?tQ=zl2L}RYv^4
z1u&i5b3++_55{RYll2E9BzCbjgX%^LUQ#GYKnap;b-4JN{dj0=U%Z_s{Z+n*gUNy9
znGWqeBtsY&5cP{zpPa^(r31k^mtWA?hFsnGp(6N1^PvDP&+%}xBxk7Wwq80r<=Dim
zfzmRdAY~*vvR%o?l&<%+MA@byy)nP<&00Xt{A}$}yiVtY)~<`Ks0}co=mkkaZDV$7
zf*X0eoU;7bd#bj*Ki7Jch~icBd_C|s7FJrcVu28J)@D=a{=iV#pvvda#=~0!BvD&H
zh)EO973{5UCwmhz^ghXkw)^vH(>idmgYfeK**7DVHzNiklnGi36M`<V@fq0G)gkO*
zP|&vlqcbTY2@F`8Rmdn6?3U#n;|dsR^E>NRD5JCv2|P1gOnXPv^P_d!MaMeRZy;im
zYC{=EUSOAZ{kp2-X|Rj*N8KI<i?C$l-%H3??B+6Tn$a0R7l4efC7(=anC5;4j6XR$
zS?h<mqZlJvm`WrhmcVhC;i~2*E*7&bCAgb=E7q-t*Ab4cIYkg}1V*XlSwoVn144zX
zR`)aP5Oa#5&(P@!fO&?*59^7-Fv5{+-Rmr=cymskExetR2jVc6KaO^&Dx|`TelqpZ
z`9MyX_&j+fC)b0+H9|u>Wrfxcpmj_0Io6m`#!LDNIHz=|fSo8Hm|e;~2fa{5D62vi
z-H?S90$~l$Nz6&bL<)A))aPf1(s=tZ^>*l^cIX^#bXwU|{A3$Xon80TjX-l<e(G>N
zZf(@HS@So5+PqW?rVCSh%GHlpgMEpr+%}^v@4P~V%ayl0l3Rz^_p)Ip<Fn<062_Da
z09(ohct=?De<0H8&D_$w=y;du%BNzcc{p6#`aOX!8emlut?CJ{T+3(z6u_mlXBWZ;
zwX)@F9O}CFK}@<$i9yHNMDBBHP19n=jcGSLv7f!hr>?%p>xX5z|7}8s%&d<baRl{%
zRmAg!slCr~|2iuA(7WoeR``>hucjAQ{_~>wi-Sa;H3mvneRv$U)_y8iodble@Lv-C
z(<%s!olmQ%?m<jE-_ynWDRMG!g}p#m-l<6Q3&lcd$j}GE#IJH48qtCqQQv~m)4nzd
zL=|a1m_R%mAN!G3c8UM)cVk&>8h(|MqEcsu(79Ld{Jqtc*|*>Zc79fiFooBCZ&>A8
z#HfG2uDt*ay7qpH@e{wp+bRds(ffTTA5$Ln;A}uA8z_;S?AVvp2(M*;JTA~n1@hZM
zbUhFduv7O4W7qbIvzJnf0gT>&WXJw~6oPTfcfDZFZHOw&ty0sIvm2noYIVYMBAQTw
z$G`+HpEZ6Bo{b&I=QRnbuW_>F_oJtXaf-479?Z*=8o3#l&Mm#44ZDiv_{X-ZO)w7W
zISH=Wmh3=zvUGPEw#m915i;bD3q_tUVc0G{2gp3X3HTJ#j!+f_TESP)D1XDUg*bZh
z#;o%18KK8_;Ao@L7l`Oz?u2_CHA&X`#Sn+4*S*eK6n|==(9V-&aP8e`dRLtAu`K7$
zX->sozF=3sQ;9g$x2vrTMr^2f_0-bzQ}zA=p%Knl=5wEUW8C8fjcRF?Owf)U{~(s4
zcG>6^Ed7_7O5m0>ynv$N+1j?ds03(xq(_xA2s!$JBo+=%Zu}~uAOhiZ_M^2J0-ymK
z16?`k+owEt#{(B9%*RoF0;7A^i+E)c3`(h8z;gTB^kzA(j9;UcW%9}dp&Bq&M3Ubp
zAe;CmZs405E&mon3XJNw;~}%>arbioCd`5;&qZM#38B9-yBa#>qVxpR4&@&NF(Qs_
zP>?@2?y{Whf(W#6b#I1B1Av!$3c&89&vKkApGPFi{N1<vx~7LAYMrr!QjUs1Dn?hN
za?Z0dcZ~Entk|Sb{%>XAbix(SO}Wru&dmF8G|S-lEp&$)_qj^qXN6AgNK+o8rBlW4
zGr!ukfQp3;eTP15X6U-0^;l1E#WF{90%bye=iuh1i8Df$tN_y~9`F=G0aORwSl<3k
zG3hB+b<FH@UwBgC+Yf60`+)pgK0+H4a%9?G4tgfwRg}^SR1;DXCV6RA;Hpz$v*s07
z^qL%@%@<8EIDYWNmW2MP%O89jEijgur%(Q4LvPjw9onF-qgmxQuiCP^F)_-nbfvWQ
zk4R{f+iOOm6CmVNWRe}1lC)rhbjgViPxw!B`Oy)+PZKfTC@vluIr4plNYIvFCH0cg
zL{7pV_U1m%VsK>B*ZCGVj0BUP2+>Nx0esW1mv7~w{{-V!(jm>$amfjpHrk=iPCQsB
zZb#QsT9vH$?cYP!N2Lzr6Oyz>4nAHyYb^2XHec1wFgSsc*AE3RM2L4x6X6~MQ3<TY
zFADi{EE5wf&|t$$F=jh>@VCW*e-y-$uDw4G1fG#i?m?VdpEd?f#3xp46w)8>cS-{Q
zpuV6aE4G9E87(jKQgVj2g6lqeJpaUcbj7fv2_RTn=BJgRFQ*^MWzCnSR%w3rLwQK(
z2tEsys>1&&=y!}ugrhqX?_VJlqF|NCcRms--P)70v8t<VU_e%FSDcC!{;dq&n0xY}
z#9AizK#a_#j#PdRVG7+;IhXyfiNz8ry-;X4Uj?W)(4E49;@a!+T^bu*c-H`Qv?K5j
z%2`7+xv~#xDxLs({C1k<!>-82m~$U(;*)!a8pjR;QwklEfmE7p_#XqR%n9APdN^}-
zX1eXt`L0kI2G_j)@?x?7yq!b)^*pc41EQw{zMqU9m;V{>6n-X?<?@4+>+PAwQo6$J
zh6c_;{chs-b059<mOD$v&AWapDEA%nU9TORv~IVj#1|BpT>4ulK`;GYOU^Vz+DD?Y
z4@>8n2dCy*Lb$fNeHOlinN@9S|K-wT=6K{He$%0boaob!e?rn(<%F8BlqI7bi!egg
z9ImwYtA^fUc=Iw=$Ra<>EjCMb{Qz0)8`{uP6b{LK?~D%HDw}H^Y)MI6?Y(Q-Phi><
zxeS;8MD6d--8*VZw|Zj_;e1l3Z63uJ%HXjw)7YuSoMQ+!hOJAz&d-+8*0zp4(G|+l
zZBW>GmlM&;PKKC`4e{PTcB32FQdIdX(uDCK$A*slKz!C=_ZjbCXw4DAox4HfE;u$5
ze?G*=BaG4Me7ue6`f4v5nbFSh8LjZaulbN&dT}Lk)K^!-SRfOJi`H4ANtwd4k#^i#
z`&)M%8Zk`Fz|wjo5nrYJv#GYVK3FT^fdI6jQlEDJ5h|;|Xej=sc38p#6!m?_I)!#_
zcJ!}tZ(e!t-gxHI*+n*HLmWSs5VWCRzYEu7`Idk!FfMR4GHvb=pS>O8=t^R`FzIuz
z%6nT@dna%94wdy5v@dNR`{b+ydH(00ez-kEeRsFVhw2kX3J)U<piKHEZZcXAUl}vK
z5VhM9)XjKzx;Im__b`6_QyT~LY%OTk!78a$yGfYUw?$h*vS@1hj{A7UGJcYFEg&;z
zB`Zg|1%q0HGjo0^azKmcZz`8GTqC`@H9dUCb1QBqCgNq|0<5n0_RZSD0~)R4ue4ML
z`48A#R7<pb|1s&10_3TBBUZSMqe(Z@Rr++r{-o^9&m}8Qv+^%y%~nM8Ol;4MeO+_-
zOx(2h7(r$X$S%4sXxY#6s*>4TUqy0@MOjNvu|I9eOHwm~pu*Xn76Ctyu?8O?diQo(
zZuUe+)pdxV9H!!ZpMNb5o~>>iZ-}e-S`(ZYA1mN6I~C*>-+C?hwW<9v0PE*!@k%%h
ziKswOu>uT&SUDl+pbZ3>ng9Er5Cl18KoI&43-tf_NX1oW5(Gg3|9&Ij|FB+pg+2pF
d6G$X8b)U6I1s_2mf`9;jwkI7dD^7Uc`5&^;>#6_%

literal 0
HcmV?d00001

diff --git a/store/index.js b/store/index.js
new file mode 100644
index 0000000..da48134
--- /dev/null
+++ b/store/index.js
@@ -0,0 +1,43 @@
+// 本文件由FirstUI授权予新疆天衡创新研究院有限公司（手机号：1 86 140 7   2   5 49，身份证尾号：5A07X5）专用，请尊重知识产权，勿私下传播，违者追究法律责任。
+// #ifdef MP
+import http from '../common/fui-request'
+// #endif
+// #ifndef VUE3
+import Vue from 'vue'
+import Vuex from 'vuex'
+Vue.use(Vuex)
+const store = new Vuex.Store({
+			// #endif
+
+			// #ifdef VUE3
+			import {
+				createStore
+			} from 'vuex'
+			const store = createStore({
+				// #endif
+				state: {
+					//是否登录
+					isLogin: uni.getStorageSync("firstui_m_token") ? true : false
+				},
+				mutations: {
+					//登录
+					login(state, payload) {
+						if (payload) {
+							state.token = payload.token
+							uni.setStorageSync('firstui_m_token',payload.token)
+						}
+						state.isLogin = true
+					},
+					//退出登录
+					logout(state) {
+						state.token = ""
+						state.isLogin = false
+						uni.removeStorageSync('firstui_m_token')
+					}
+				},
+				actions: {
+
+				}
+			})
+
+			export default store
\ No newline at end of file
diff --git a/uni.scss b/uni.scss
new file mode 100644
index 0000000..845142d
--- /dev/null
+++ b/uni.scss
@@ -0,0 +1,76 @@
+/**
+ * 这里是uni-app内置的常用样式变量
+ *
+ * uni-app 官方扩展插件及插件市场（https://ext.dcloud.net.cn）上很多三方插件均使用了这些样式变量
+ * 如果你是插件开发者，建议你使用scss预处理，并在插件代码中直接使用这些变量（无需 import 这个文件），方便用户通过搭积木的方式开发整体风格一致的App
+ *
+ */
+
+/**
+ * 如果你是App开发者（插件使用者），你可以通过修改这些变量来定制自己的插件主题，实现自定义主题功能
+ *
+ * 如果你的项目同样使用了scss预处理，你也可以直接在你的 scss 代码中使用如下变量，同时无需 import 这个文件
+ */
+
+/* 颜色变量 */
+
+/* 行为相关颜色 */
+$uni-color-primary: #007aff;
+$uni-color-success: #4cd964;
+$uni-color-warning: #f0ad4e;
+$uni-color-error: #dd524d;
+
+/* 文字基本颜色 */
+$uni-text-color:#333;//基本色
+$uni-text-color-inverse:#fff;//反色
+$uni-text-color-grey:#999;//辅助灰色，如加载更多的提示信息
+$uni-text-color-placeholder: #808080;
+$uni-text-color-disable:#c0c0c0;
+
+/* 背景颜色 */
+$uni-bg-color:#ffffff;
+$uni-bg-color-grey:#f8f8f8;
+$uni-bg-color-hover:#f1f1f1;//点击状态颜色
+$uni-bg-color-mask:rgba(0, 0, 0, 0.4);//遮罩颜色
+
+/* 边框颜色 */
+$uni-border-color:#c8c7cc;
+
+/* 尺寸变量 */
+
+/* 文字尺寸 */
+$uni-font-size-sm:24rpx;
+$uni-font-size-base:28rpx;
+$uni-font-size-lg:32rpx;
+
+/* 图片尺寸 */
+$uni-img-size-sm:40rpx;
+$uni-img-size-base:52rpx;
+$uni-img-size-lg:80rpx;
+
+/* Border Radius */
+$uni-border-radius-sm: 4rpx;
+$uni-border-radius-base: 6rpx;
+$uni-border-radius-lg: 12rpx;
+$uni-border-radius-circle: 50%;
+
+/* 水平间距 */
+$uni-spacing-row-sm: 10px;
+$uni-spacing-row-base: 20rpx;
+$uni-spacing-row-lg: 30rpx;
+
+/* 垂直间距 */
+$uni-spacing-col-sm: 8rpx;
+$uni-spacing-col-base: 16rpx;
+$uni-spacing-col-lg: 24rpx;
+
+/* 透明度 */
+$uni-opacity-disabled: 0.3; // 组件禁用态的透明度
+
+/* 文章场景相关 */
+$uni-color-title: #2C405A; // 文章标题颜色
+$uni-font-size-title:40rpx;
+$uni-color-subtitle: #555555; // 二级标题颜色
+$uni-font-size-subtitle:36rpx;
+$uni-color-paragraph: #3F536E; // 文章段落颜色
+$uni-font-size-paragraph:30rpx;
\ No newline at end of file