zydx-plus 1.19.105 → 1.20.106

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zydx-plus",
-  "version": "1.19.105",
+  "version": "1.20.106",
   "description": "Vue.js",
   "main": "src/index.js",
   "files": [

package/src/components/editor2/src/editor.vue

@@ -1,7 +1,7 @@
 <template>
     <div :style="heightStyle">
         <div class="ed-head">
-            <div class="ed-title" v-if="titleShow" :style="titleStyle">{{ title }}</div>
+            <div class="ed-title" v-if="titleShow" :style="titleStyle" v-html="title"></div>
             <div class="ed-but" v-if="readOnly">
                 <div class="ed-head-but" v-for="(item,index) in toolbar">
                     <button v-if="item.key === 'but'" class="but" @click="item.onClick(item,info)" :style="{color: (item.active)? '#00ff00' :'#000'}">{{ item.title }}</button>
@@ -185,6 +185,14 @@ export default {
                 this.uploadAttData = (e.enclosure === undefined)? [] : this.enclosureAction(e.enclosure)
             },
             deep: true
+        },
+        readOnly: {
+            handler: function (e, oldVal) {
+                this.editor.setOptions({
+                    editable: e
+                })
+            },
+            deep: true
         }
     },
     mounted() {

package/src/components/time/index.js

@@ -0,0 +1,7 @@
+import main from './src/time';
+
+main.install = function(Vue) {
+    Vue.component(main.name, main);
+};
+
+export default main;

package/src/components/time/src/time.vue

@@ -0,0 +1,217 @@
+<template>
+    <div class="time">
+        <div class="time-cont">
+            <div class="time-input" :style="{width: width, height: height}">
+                <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACtWK6eAAAAAXNSR0IArs4c6QAAHr5JREFUeF7tfW2UHOV15nOrR2KkSIZwMHizBmKIheUlC6irR9J09XSVEHL4ENoA9q5tQRxjZ9dfMWAM5izJsrEcLBuwWWzsWNhOQMjZBFjLQsKJRurq6epBTFdLEDseWw4BAsmaj2ALtGgYTdfdUz2jIMsaVb311VXdb5+jox/93Pve+9x6pruq3/degnxJBiQDszJAkhvJgGRgdgakQOTVIRk4BgNSIPLykAxIgchrQDIQjAH5CRKMN2nVIwxIgfRIoWWawRiQAgnGm7TqEQakQHqk0DLNYAxIgQTjTVr1CANSID1SaJlmMAakQILxJq16hAEpkB4ptEwzGANSIMF4k1Y9woAUSI8UWqYZjAEpkGC8SaseYUAKpEcKLdMMxoAUSDDeAltVKpU+4OR+4EA/MNWP4+b0g52Zf7n+tmNqTYCU6X+vH5wA+iaAeRPACxOGYUwFXlwaCjMgBSJMmT+DanXsVPQpi+FgMYgWg7AYjMUMfrM/D0dHEehFEMbB7j8eh4JxTDnj5fLAs2H8StvZ+JbMhGagVmuc4ZBScOBoBCwFaDGABaEdiznYD/A4A48pUCyFnUapVPhHMRcSfSQD8hNE8JrYbFkLFzpzlyhKbgmD8wQUAfymoJuk4E8zUCdQ03Fau19VJnev0bRXk1q8G9aRAvFZRbPWXE3EaxhYA+Akn2Zpg71EwGZm2qyX8lvSFlwa45ECOUZVKlZzGcBriLGmfQ/RTS/GOBM2A7TZ0PK7uim1KHORAjmCTffmmnO5K4iwhpnLUZKdVl9EVGXGZmq1HpA3+79cJSmQGT5GHrWXtKZwFRGuBHBiWi/mmON6mRn35fpw79BydXfMa2XCfc8LpFIb+x0ixRXF+zJRseSC3MTs3GeUBr6f3JLpW6lnBWLWd18Jbl0F0Mr0lSVNEfEwKHevXlxyX5qiSiqWnhOIWRtbzaAbich9PCtfPhlg5jqB1+ulgZ56+tUzAtlRt8/MObgRhA/7vCYk7GgMMDa0FKw/v6g+2QsE9YRAKlbjGmJXHPSWTheVgScJeAZErwF8AA4fIKLXGO7/ymtufMzOfALNY+b5UGgeQPPAPJ+B0wk4s9M5gPlnTFhvaIUvdzyWmAPoaoFU6/YqdoUBrIiZx6O5N4lor8P8UwW811For748v5eInDCxMLNiPtpcpDi8yAEtUojezsyLAOhh/Aa03UmE9eWi+rcB7VNv1pUCGR0dnTfFc9c5jOsSqwBjjIGdRLzztVdeHLnoooteT2xtANu2bTtu/pvePMRMK8j9g0AYSGp9hXBHH03ePDg4eCCpNZNap+sEYlq2QUTrmHkwVhIJ+8DYykTbW44zsjJlGwOHa40zcooyRMwXgHAxGMfHyQcRjTLzzbqmVuJcJ2nfXSUQ0xq7iSjnikOJichJAj0MhbYeVCa3rly27PmY1onU7fCuXafMceZeDIcvZvAlAOZGusCMM/frI3PrZl0buDUO/53w2RUCqdQbZytwPzXaGwljePEjzNg6V8k9XCwueSaGBRJzWa/vPn3SaV1C7qcK6MI4FibCZgd8s1Es/DAO/0n6zLxAKpb9ISKsA+OUaInjCQZtZMfZuGJooBqt73R42zkyViZFWUvgtQBNn2aM6kV4nhk3G5p6T1QuO+En0wIxrcYXAPp0pMQxPwWijVPc2riytHRvpL5T6my49tiiPsqtBfNaEL0t2jD5i7pWuCFan8l5y6xATKv5bYA/EBlV7SOsuGufMrGxVw8VuYfBjnf614LwiWi399Of61r+9yOrVYKOMikQ02psBeiiaHjiCWbcjgV9txnnnfeLaHxm20tlz54TsH/qeiJ8KrqvXrxN1woXZ42ZzAnEtBpjABUiIZqxiXJ8W3mwsCcSf13mpDraOI9bdD0oqp3O3NC1QmK/z0RRjkwJxLTsp6I4/+0+swfj9rKWfygKErvdR9VqXgbCpyL6belpXVMjvs+JrwKZEYhp2fsB/Fp4KrJ90xg+/+AeInwo8v90TU2660ugxDMhELNm/xyEEwJleMiI+TkAN+ilwndC+elxY7PWeC+AL4DorSGpeEHX1IgfzYeM6CjmqReIadnu0c/zwqXOW1ihG4xB9cfh/Ehrl4HKqP0Octh9xL46DCNEtKNczKf6wFqqBWLW7IdA+N0wRQDwWV1T/zikD2l+FAZMy/4TAH8Uhhwi3FkuqteE8RGnbWoFYtbsO0H4wxDJTzLx+41i4YEQPqSpBwOVeuMKYro/zP4uZnzGKKnr00h2KgUS/maQX2FW3m+U8g+nkfRui6lSa15C5NwP0JsC50b4qF5UvxbYPibD1AmkWrc/6+7hCZwv4XkivlD+thGYwUCG7d9MmB4JsyeOQWsNLe9+GqXmlSqBtDceAhtCsPPMq/1452pVbR9dla9kGdhi2/MXTuBHAE4PuPJ+UGuVXlz6aED7yM1SIxB3yzqBhkP8Bdqja+qSyBmSDoUZCPnk0XpBmVz1npScTkyNQKp1+7shznPs0jV1uXAlpUFsDJiW7X4KLAu0AOEuvaiGeUATaNmjGaVCIO5JQED502BZ8Q91rfDbwWylVZwMmFbjBwCdHWQNYuXqcmnJt4LYRmnTcYHMnCEfDnhM9qkF/ThbzdA9x8iu3e/klvNBMDQGzgLBZIefMEqFW6IsbBp82bY9f/8E3FOFQfZe/aviYNXQUGd7BHdUIG73kYN8nCuOIA0WXszx3GWl0n/MzBSlSq1xCxFdC+BXHocS6F/KWv7fp+HCjjKGWu3vzmjRpDteQXj0HDPvqO7YuuqWW24J1SopTD4dFchI3b49YGueA47DF6wYKtTDJJ+k7Y6qvSqXw98ca00Gvm5o6keSjCuJtXaONIqKQtsBzBNdzz2rY5TU60XtosJ3TCAzTd2OecHMlqRDfMWKYuHBqEhIwo9p2TUAmtda7PB7jaHCX3rhsvb+znrjcoUp0K4GIryrU83pOiYQ07J3BOx4mMm9VVWr+c8M/g3PC5txt15SP+aJyyAgxN6tnbqmnt+JlDsikHavXNCXxBPmLbpWuFTcrvMWpmWzzyhMXVMNn9jMwUyr8b0gu4AZfG0negEnLpDpLutsCTeSZn6Oc3RBVresS4FMa7m9Vb7F24XPkzD/rKWQlnRX+cQFYtbsbwQaQcD8viwfdpICeePDrn3oimiT8McfY4NeUv9A2C6EQaICcYfXgJTviceb/WOyUiC/XPXAO7bZuTTJIT6JCqRSa1iik53cBgvlYj7z06CkQH71z2K13qyL/gbmTroySgXPp4Hif4SPbpGYQKZnAjr3igZOoMu7ofuIFMhRBGI1L2Ow+ON6Uq5KamZicgKxGtuFB2YyNukl9f2iokojXgrk6FUxa/b94n23eFjXChckUedEBDIzavkRsYR4ghQMdsvBJymQo1e/fdDKwahoB0dm58IkRlQnIhDTst1TYkJzyJn5c0apEPxkoZgaY0dLgcxOcaXWWEdE/12wCJt0Lf5vF7ELZORRe4nTQlMoecY4L8gNdlOvXCmQYwhkz54TaH9rVLRhtpJDfmh5vLt9YxdIpWZ/mQifFBKIg4/qQ+k7wC+UwxFgKZBjs2eO2B+BgrtFOGbGnUYp3pZBsQqkWh07lXPK4wBO9J0481P76PVzum0EgRTIsa+A9ugFPu4JwfkkL1PLObdcHnjW9/UlCIxVIKbVvBbgOwRjyuRmRK8cpUC8GAKCbWak63QtH2Bfn3c8LiJWgVTrTZOZy/5CcVE8McXOOd042UkKxPsqmJ50pTwh8kSLiKrlYj62GfGxCaRiNZcRWKh9CwP3GJr6YW8qs4eQAvFXs4plbyDgQ/7Q0ygGLTe0vHtqMfJXjAKxbyXgMyIRO46jd+vATCkQf1eCO1hUURTTH/qQQPB5Q1NvErHxi41NIGbN/pHYYzt+RNcKEY1V85t+cjgpEP9cm1Zjm9CIasa4XlLf6X8F/8hYBGLWmqtBLLRrl5k/bpQKX/UferaQUiD+61WpNT5GRF/xb+F+z6JL9VJ+i5CND3AsAqla9j0MXO1j/UOQyTmkLCoWlzwjYJMpqBSI/3LV67tPP8iOO4J7rl8rAr5Z1lShexc/viMXiGX9eOEU9ruteE7yE4CLIdBDZS1/uV98FnFSIGJVq1rNBxl8mYDVS31YcIamveNVARtPaOQC2Tkydr6iKMOeKx8GIEW5ujzY+S56IjGLYqVAxBirju7+IDvON0WsHMdZuWJowG0GEtkrcoFUavZniHCr7wgJ+6ZyU2etXLbsed82GQRKgYgVbXjXrlP6Wn0/AeN4v5bMuMkoqZ/3i/eDi1wgptV8EGIfjYnsyvRDRpwYKRBxdsV3gdNDesRf1SMXSNWy/4mBU/3S0Qtfr1wupED8XhFv4ES/ZhHwbFlTTxNfaXaLSAUyvVUg9xORAHPcd1apdK77xKKrX1Ig4uWt1R5f1KIpoetpiltnRblVKVKB7Kw1rlKI/kKAisd1TQ054llgtQ5CpUCCkW9a9h4A5/q1dph/b0WpINz7YDb/kQrErDe/CuaP+k2GQF8ta/mP+8VnGScFEqx6Vav5FQb7b8VKdLdezPvHe4QVrUCsxhhABb9UKMT/aahY2OwXn2WcFEiw6o3UG2scpu/6t+aGrhUG/OOPjYxYILb7I80Cv8HxwVfnGYYx4RefZZwUSLDqVSqVfpqz8ICA9X5dUxcK4I8JjUwgM6cH/0kgsK5u0nwkD1IgAlfGEVDTsisAfJ/5oJZzWlSnDKMTSN1exXzsATGH501E3ygX8/81OG3ZspQCCV6var35Z8zsuydvlPNEohNIzf4kE77slwYGPm1o6m1+8VnHSYEEr2DFsq8n4It+PRDjmnJJvdMv/li46ARiNb/OYN+fCAReU9YKQlvio0i4Uz6kQIIzX7UalzLI98McAv1ZWcv/t+ArvmEZnUDqzSozD/kNihUszuqsD785Ho6TAgnC2rRNe6aIg3G/HohopFzMC/RCmN1zdAKxmi8w2Pck03IxnyOijk0v9Ut2VDgpkOBMuiPCq/Vmy68HAr1Y1vIn+8XH/hWrUqn00ZyFB/0GxMCThqb+ll98N+CkQMJVsWLZ/0DAmX698MFX5xiGMeUXPxsukk+QSuXvF9CcAyIHVTo2lDEsYUHtpUCCMjdtJzr0lQ/OW2gY/2F/uFUj6otVqdgn0Ry86DsYoof1Yn61b3wXAKVAwhXRrDe3gPkSv174IN5sGOpLfvExf4LseivN6fPf/pHw13pRfU/Y4LNkLwUSrlpm3f4rMN7t1wsfnDrVMJY95xcfr0BGm79FDv/UdzDM9+qlwu/5xncBUAokXBHNWuMvQHSVXy+s0NuNwfw/+MXHK5B642xi+oHfYAj4ellTP+IX3w04KZBwVaxa9tcY8P3bBhP/tlEs/DDcqlHdg1iPqYRcw38w/CVdK1znH599pBRIuBqaVuMOgK7164XRKhjaUtsvPt5PkJqtEaHmNxgi+ly5mO+a6VF+8pYC8cPS7JhqvbmOmX1PoWJGySipVrhVo/oEkQLxrIMUiCdFxwRkWyDyK5Zn9UUEwsz/09NhJwFTU08bxvKnkwwh21+x5E2657UiIBBPX6kAEH7AzN8ytILvHdxh4s72Tbp8zOtZe9OyXxfpNevpMC0Axnf0kio0wThI6Nl+zFuRPxR6Fd207KcA/KYXLovvM9GVRjG/Mc7Ys/1Dodxq4nltmFZjFKDlnsBsAnbpmhprbhnfaiI3K3pd12atsR5EN3jhsvq+4ignDw0t8b8fTzDRjG9WlNvdveq9s964XGF6wAuX1fennKlzVg4t+7u44s/0dneXlKo8MOV5bZiWPQKg5AnMGICBfzY09a1xhZ35A1Ntgcgjt57XR6Uy9haao/xfT2DWAIy79ZIaWTfDI9PvliO3smmDjwt7eNcPTpnTev17zIis+5+PZeOEvDiHsLxYVJ+Ma5HuaNog2/4IXR+irWyEnCcEJuAxKM515cGB0TiXFOUqnW1/ZOM44Wtku20fP3cSp7UYpynAaezwKcJOOmBApOwD83M89eojhmGEPtbqlUJ3NI6rjp3KOUW2HvWqtnxfmIGuaD3qZm1aYs2rX3vlhf6LLrrI3YIhX5KBozKwbdu24+a/6WSRBufpbF49LRCx8QcAr9K1wnZ5bUgGZmPAtBoXAPS3/hlK8fiDitW4i0C+B+Iw4/NGSb3Jf/IS2WsMVGr2rUT4jN+8GfwVQyt8wi/eCxdJX6xDi1St5n9m8F96Lfpv7zPG9JK61DdeAnuOAbNmPwby/0icQP+lrOX/d1RERSqQWq1xRotI6Hn4FPOZK0uFf4wqIemnexgYrjXO6BO8nnLMZ5YivJ4iFcjMjbrQtm4m+n2jmP/z7imrzCQqBir15geI+dsC/p7WNfVtAnhPaOQCqVj2RgLe77nyG4BNuqaK4AVcS2iWGTAt+34Avg9jMXC/oalro8w5coGYVvNagO/wHSRh31Ru6qyVy5Y979tGAruegeFdu07pa/X9BIzj/SdL1+la/kv+8d7IyAWyc2SsrCiK6b30GwhSlKvLg0u+JWIjsd3NQHV09wfZcb4pkqXjOPqKoYGqiI0XNnKBbLashcej373pPslr8UPvE+ihspa/3C9e4rqfgarVfJDBlwlk+tI+TJyxRtNEpgx4uo9cIO6KVcu+h4GrPVd/AzA5h5RFxeKSZwRsJLRLGajXd59+kJ29Ik0uCPhmWVM/FDUlsQjErDVXg1ho/iAzf9woFb4adYLSX/YYqNQaHyOirwhFznSpXspvEbLxAY5FIO66Zs3+EQiLfcQwA+FHdK1wkX+8RHYrA6bV2AbQhb7zY4zrJfWdvvECwNgEUrHsWwn+twi4McdxkyXAhYSmgIEgD3kY+LyhxbNlKUaBNJcR+FERzhm4x9DUD4vYSGx3MVCx7A0ECN1LMGi5oeV3xcFEbAJp36zXmyYzC4zj5Ykpds5ZWVrq3qDJV48xMFx7bFEfKU8A1O83dSKqlot53S9eFBerQIR/NJyO/rO6pv6xaCISn30GTMv+EwB/JJZJ9D8OHr5+rAKpTp8yfBzAib6TZn5qH71+TtTPs32vL4EdYaD9+xkf9wSIRPZSvUwt59xyecD/fEzB7GIViBtLpWZ/mQifFIrLwUf1IfVrQjYSnGkGzBH7I1Bwt0gSzLjTKKnXiNiIYmMXyMij9hKnhaZQYIxxXpAbNM477xdCdhKcSQYqe/acQPtbo2I/CwBKDvmh5eruOJOOXSBu8KK7Ml0bZv6cUSr01Ji2OAudZt+VWmMdEfkerzaTSyK7wBMRSKU29jtEyiNiReIJUjBYHizsEbOT6CwxUB1tnMcO3M73vp9cTf8BdS40SgPfjzvXRAQy/SnS2A7QSqGEGJv0kjwrIsRZxsBmzb4f5P/Mx3R6PKxrhQuSSDU5gdR3Xwl27hVNikCXl7X8Q6J2Ep9+BqpW8zIGPygcKSlX6cUl9wnbBTBITCBubJVawyKiokicRDRaLuaFbET8S2znGKjWm3VmHhSJgJnrRqmgidiEwSYqELM2thqkCO3ynflI/aKuFbp2+EyYAmbV1rQaXwDo08Lxs3OpXhqIfNfubHEkKpD2vUjN/gYI4vutmN+nlwrfESZUGqSOAbPWeC+INgkHxtigl9Q/ELYLYZC4QHbU7TNzDlsgeotQ3G6z5BxdYAyqPxayk+BUMdCe9dHi7SASG7jD/LOWQtr5MY5ZOBpRiQukfS9iNa4hUIDD9bxF1wqXpqriMhghBkyr8T2AVgsZuc+twNcmNZP98Ng6IpD2Vy3L3gFghShRcjNjAMZSYhJsM2I7+J26pp7fiTQ6JpCq4DyRXyKH8R69pP51JwiTawZjwKzZ7wbhr4JYE+Fd5aIq0MA6yCpHt+mYQNxwRur27Q7jukDpSJEEoq0TRmHEwYzbjZJ6fSfidtfsqEBGR0fnHeTjhkWfhR8iK6fQ6tJg/uFOkSfX9WagNtq8pOVwoMeyzLyjumPrqltuucXxXikeREcFMnMvYhCRKxIlSIoOk7qilBfbLRxkIWkjzMDOWjOvENvChtMG/6o4WDU0FO9uXa/YOi6QaZGM3QQof+oV7GzvK/34jSFV7b7xykEJSYHdiG3/O2cC/xI0FGLl6nKp8902UyEQl8Rq3f4uM9YEJVTX1NTkEjSHbrIzLZsD50O4Sy+qfxjYPkLD1FxUlXrjbAINgxF40muOD5xYKpV+HiE/0pUgA7Va7ddbNO9lQbPD4dYLyuSq9wwOHgjhIzLT1AjEzahi2R8iYEOY7GjOnDPKS89xZ5TIV8IMVB974m188GCYYUj7Qa1VenGpULuoONNMlUCm70cCbmI7jKUkjmLGWZQs+g50tPrIRIk+qBfzIgNzYqcqdQKZFknz2wB/IEz2jqOsXDG0xP21Xr5iZmDnyO7zFcUZDrnM/9A11W37k6pXKgUy80myFaBQvXrZ4XcbQ4UHUsV4lwVTGWlcQQqF29VAtEEv5hPdpeu3DKkVyIxIxgAq+E1mFpxsRBeSwNnMQ+ytOswlfV/X8v4bVceUy2xuUy2QaZHYQkNBj54ob2GFbpBb5aO5utpb1h12DzwJ78o9IoK/1zX17GiiisdL6gUyI5L9AH4tFAXMzwG4QR66CsUi2oedgC8In+f41WVf0TVVYP5guLiDWmdCIG2R1Oyfg3BC0ETfsGN5fDcgiVE8YWwvzfiFXlJ/PWAYiZplRiAznyRuF73zwjLkNoIA43bZLcUfk273ERA+FXRT6RGr7NE1dYm/lTuPypRAZj5JHgLhdyOhjrGJcnybbE53dDbbTd1adL1436pZqsP4P3pJFRnMGUmZwzjJnEBmRHInCBHt1eEJ98wBFvTdJnsBT19Kbq9c7J+6ngifEu14OOvFyPhfekkVa2Ie5sqOyDaTApn+uhX+F/df4pAxDsZd+5SJjb06eqE9gsDpXwvCJ0QbSR/7eszufV9mBeIWpFq3P8uMaBtcMz8Foo1T3NrYK5Oupic75daCea3gfA7Pv9NEWFcuqoJDcTzdJgbItEDaXwfcDY6EdWF2AR+dbZ5g0EZ2nI0rhgaqiVUkwYXcgZmkKGsJvDayr1KH4ic87/7xMjT1ngRTinypzAukLZJ642wFtC7MeRKPrwiPMGPrXCX3cLG45JnIq5Cgw3p99+mTTusSIlwsNGpZIEYibHbANxvFwg8FzFIJ7QqBHGLWPZlIlFsX9PiujwpNEuhhKLT1oDK5deWyZc/7sOk4ZHjXrlPmOHMvhsMXM/gSAHPjCIqIHObWzbo2cGsc/jvhs6sEMn3zbrtn3F2RCDVFFiafsA+MraQoO5SWYpVK56ZqMm+t9vgiJ+do7Djnw/20YMT6q7X72xIz36xrakWYyxQbdJ1AXK7dbilTPHdd4JZCwQr2OIHqRM721uT+vzEMYyKYm2BWlUqlPzd3wbuYlQsY7HbDPzeYJ3ErhXBHH03ePJiSU4DiGcxu0ZUCOZTuTHO6GwN2cAzLs0lEex3mnyrgvY5Ce/Xl+b3u15Awjt2vj+ajzUWKw4sc0CKF6O3MvAhAbLPCjxHvTiKs71RTtzA8+rXtaoEcIqHdC5hxo3DDbL8sCuAYeJKAZ0D0GsAH4PABInqN4f6vvOa6YnbmE2geM8+HQvMAmgfm+QycTsCZAsvFA2X+GRPWd6JXbjwJ9egnyOFpT3eVd0USYPRC0lVJ83qMDS0F65Pust4pSnriE+Rwct0hPgy6UXTSVacKlJZ13clOBF6f5PCaNOTecwI5RLrZnpnYukp4sGgaqpZoDDwMyt2b1EzARFPzsVjPCuTf7k+mR1RfCYhOWvXBbrYhm5id+5IYtZxmmnpeIIeK47ataU3hKiK4YjkxzUWLMbaXmXFfrg/3Di3vbE/cGHMUci0FcgRd1erYqZzLXUGENcxcFmIzo2AiqjJjM7VaD5TLA89mNI1YwpYCOQatFau5DOA15PYMJiyOpQKdcsoYZ8JmgDYbWn5Xp8JI+7pSID4rZNaaq4l4DaPdYPskn2Zpg71EwGZm2qyX8oFmdqQtobjjkQIRZNiyfrxw0nllgEgpEFGBwAUGThV0kwicgGcZ1GDmBrPTmKu8aUzT3vFqIot3ySJSIBEU0j1wpEBZpijKUrBTAMj9OrYgAtciLvYDPA5SGo7jPObA2dUrB75ESBLFSoGIMuYT797so09ZDAeLQbS4fQ/DWMzgN/t0cVQYgV4EtY8Hj4N5HArGMeWMy5vrMKzObisFEg+vs3qtVCp9wMn9wIF+YKofx83pBzsz/3L9bUNqTYCU6X+vH5wA+iaAeRPACxOGYUwlHHJPLycF0tPll8l7MSAF4sWQfL+nGZAC6enyy+S9GJAC8WJIvt/TDEiB9HT5ZfJeDEiBeDEk3+9pBqRAerr8MnkvBqRAvBiS7/c0A1IgPV1+mbwXA1IgXgzJ93uaASmQni6/TN6LASkQL4bk+z3NgBRIT5dfJu/FgBSIF0Py/Z5mQAqkp8svk/diQArEiyH5fk8zIAXS0+WXyXsx8P8Bo5+FbmeN7VkAAAAASUVORK5CYII=" alt=""/>
+                <em @click="timeTap" :style="{'line-height': height}">{{ hour }}:{{ minute }}</em>
+            </div>
+            <div class="time-down" v-show="timeShow">
+                <div class="time-choice">
+                    <div class="cle-frame"></div>
+                    <div class="cle-time-y">
+                        <ul @scroll="scrollHour($event)">
+                            <li v-for="(item,index) in 30"></li>
+                        </ul>
+                        <div class="cle-time-li" :style="{transform: 'translateY('+ transHour +'px)'}">
+                            <p v-for="(item,index) in 30" :class="{'cle-time-act': index === -(transHour/26)+3}">{{ (index > 2 && index < 27)? ((index - 3) < 10)? '0'+(index - 3): (index - 3) : '' }}</p>
+                        </div>
+                    </div>
+                    <div class="cle-time-y">
+                        <ul @scroll="scrollMinute($event)">
+                            <li v-for="(item,index) in 66"></li>
+                        </ul>
+                        <div class="cle-time-li" :style="{transform: 'translateY('+ transMinute +'px)'}">
+                            <p v-for="(item,index) in 66" :class="{'cle-time-act': index === -(transMinute/26)+3}">{{ (index > 2 && index < 63)? ((index - 3) < 10)? '0'+(index - 3): (index - 3) : '' }}</p>
+                        </div>
+                    </div>
+                </div>
+                <div class="time-but">
+                    <button class="but" @click="confirm">确认</button>
+                </div>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: "zydx-time",
+    data() {
+        return {
+            transHour: 0, // 小时选择器的偏移量
+            transMinute: 0, // 分钟选择器的偏移量
+            hour: '00', // 选择的小时
+            minute: '00', // 选择的分钟
+            dayChange: undefined, // 选择的日期
+            timeShow: false,
+            hei: 26
+        }
+    },
+    props: {
+        time: {
+            type: String,
+            default: '00:00'
+        },
+        width: {
+            type: String,
+            default: '200px'
+        },
+        height: {
+            type: String,
+            default: '30px'
+        }
+    },
+    watch: {
+        time: {
+            handler(val) {
+                this.hour = val.split(':')[0]
+                this.minute = val.split(':')[1]
+            },
+            deep: true
+        }
+    },
+    mounted() {
+        this.hour = this.time.split(':')[0]
+        this.minute = this.time.split(':')[1]
+    },
+    methods: {
+        timeTap() {
+            this.timeShow = !this.timeShow
+            if(this.timeShow) {
+                const hours = parseInt(this.hour)
+                const minutes = parseInt(this.minute)
+                this.transHour = -(hours * this.hei)
+                this.transMinute = -(minutes * this.hei)
+            }
+        },
+        confirm() {
+            this.timeShow = false
+            this.$emit('timeChange', this.cleDate)
+        },
+        scrollMinute(e) {
+            let top = e.target.scrollTop
+            let index = Math.floor(top/this.hei)
+            this.transMinute = -(index * this.hei)
+            this.minute = (index < 10)? '0'+ index: index
+            this.cleDate = `${this.hour}:${this.minute}`
+        },
+        scrollHour(e) {
+            let top = e.target.scrollTop
+            let index = Math.floor(top/this.hei)
+            this.transHour = -(index * this.hei)
+            this.hour = (index < 10)? '0'+ index: index
+            this.cleDate = `${this.hour}:${this.minute}`
+        },
+    }
+}
+</script>
+
+<style scoped>
+.time-cont{
+    position: relative;
+}
+.time-input {
+    border-radius: 3px;
+    position: relative;
+}
+.time-input img{
+    width: 20px;
+    position: absolute;
+    top: 50%;
+    left: 10px;
+    z-index: 1;
+    margin-top: -10px;
+}
+.time-input em{
+    font-style: normal;
+    display: inline-block;
+    padding-left: 40px;
+    width: 100%;
+    box-sizing: border-box;
+    background-color: #fff;
+    border-radius: 3px;
+    border: 1px solid #ccc;
+}
+.time-down{
+    position: absolute;
+    top: 31px;
+    left: 0;
+    width: 200px;
+    height: 220px;
+    background-color: #fff;
+    box-shadow: 0 0 5px rgba(0, 0, 0, .12);
+    overflow: hidden;
+}
+.time-but{
+    background-color: #fff;
+    padding: 15px 5px 5px 5px;
+    text-align: right;
+}
+.but{
+    margin-left: 5px;
+    font-size: 12px;
+    background-color: transparent;
+    border: 1px solid #000;
+    border-radius: 3px;
+    padding: 2px 5px;
+    cursor: pointer;
+    min-width: 60px;
+    height: 21px;
+}
+.time-choice{
+    display: flex;
+    width: 100%;
+    height: 180px;
+}
+.cle-time-y{
+    flex: 1;
+    text-align: center;
+    font-size: 12px;
+    position: relative;
+    overflow: hidden;
+}
+.cle-time-li{
+    position: absolute !important;
+    top: 0;
+    left: 0;
+    right: 0;
+    z-index: 1;
+    transition-duration: 100ms;
+}
+.cle-time-li>p{
+    padding: 5px 0;
+    height: 26px;
+    box-sizing: border-box;
+    color: #999;
+}
+.cle-time-act{
+    color: #000 !important;
+    font-weight: 600;
+}
+.cle-time-y ul{
+    height: 100%;
+    overflow-y: scroll;
+    scrollbar-width: none;
+    position: relative;
+    z-index: 2;
+}
+ul::-webkit-scrollbar {width: 0}
+.cle-frame{
+    height: 26px;
+    box-sizing: border-box;
+    border-top: 1px solid #ccc;
+    border-bottom: 1px solid #ccc;
+    position: absolute;
+    top: 78px;
+    left: 0;
+    z-index: 1;
+    width: calc(100% - 20px);
+    margin: 0 10px;
+}
+.cle-time-y li{
+    padding: 5px 0;
+    height: 26px;
+    box-sizing: border-box;
+    font-size: 16px;
+}
+</style>

package/src/index.js

@@ -22,6 +22,9 @@ import dragPopup from './components/dragPopup/index';
 import bizTaskInfo from './components/biz_taskInfo/index';
 import read from './components/read/index';
 import textarea from './components/textarea/index';
+import titleBox from './components/titleBox/index';
+import input from './components/input/index';
+import time from './components/time/index';
 
 const components = [
     Calendar,
@@ -45,7 +48,10 @@ const components = [
     dragPopup,
     bizTaskInfo,
     read,
-    textarea
+    textarea,
+    titleBox,
+    input,
+    time
 ];
 
 function install(app) {
@@ -57,7 +63,7 @@ function install(app) {
 }
 
 export default {
-    version: '1.19.105',
+    version: '1.20.106',
     install,
     Calendar,
     Message,
@@ -82,6 +88,9 @@ export default {
     dragPopup,
     bizTaskInfo,
     read,
-    textarea
+    textarea,
+    titleBox,
+    input,
+    time
 };