UNPKG

mekari-ui-vue

Version:

--- General web components in Mekari. The components are made using vue.js as its framework. Styling of components on Mekari UI Vue uses [Mekari UI Toolkit](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-toolkit/src/master/). Don't forget to import

206 lines (157 loc) 17.8 kB
# Changelog ## [1.2.4] - 2021-07-05 ### Changed - Update tooltip toggle visibility behavior - **[fb360a0](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/fb360a0f6762ccfd2bb2a463cd2f0e0838666186)** ## [1.2.3] - 2021-07-05 ### Changed - Date Picker behavior on selecting date on January - **[e6d1790](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/e6d1790e949e7a0131d46cbc5f52752b59c3a53a)** ## [1.2.2] - 2021-06-18 ### Changed - Add named slot on dropdown container so the slot on dropdown search can be used - **[4b6f76c](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/4b6f76c5384bc34bab73dcad5b6b6d23454cea0c)** ## [1.2.1] - 2021-06-14 ### Changed - Fix checkbox cannot using props checked - **[e4477b1](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/e4477b1b177cc01b967be29f37de01a8d6c22249)** - Update tooltip directive component and styling - **[e4477b1](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/e4477b1b177cc01b967be29f37de01a8d6c22249)** - Fix infinite scroll event handler on dropdown - **[1261d34](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/1261d34f5cf5b4f240706d613369570aebc4c214)** ## [1.2.0] - 2021-05-28 ### Added - Tooltip guideline - **[2bb152d](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/2bb152df9c523d5630040729624b6e69492dcb60)** - Banner guideline - **[2bb152d](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/2bb152df9c523d5630040729624b6e69492dcb60)** - Badge guideline - **[2bb152d](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/2bb152df9c523d5630040729624b6e69492dcb60)** ## [1.0.1] - 2021-04-29 ### Fixed - Checkbox event fired twice - **[fbf7c9f](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/fbf7c9f6c1d638475d14cfda568fea414d259dd4)** ## [1.0.0] - 2021-04-28 ### Added - Sticky table to have a `box-shadow` when scrolled - **[8a22f79](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/8a22f790ee24d2fcf74eff402a709b07bc3293e6)** - Tooltip Directive - **[2115515](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/2115515674e08272fc9862eb9725e15e4dc49d4f)** - Popover Directive - **[2115515](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/2115515674e08272fc9862eb9725e15e4dc49d4f)** - Sticky table variant - **[a07a506](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/a07a506fc11348b18365561ee735dc429f08e92d)** ### Changed - Sticky table scroll behavior change - **[5fc574c](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/5fc574c6aeaa288aae3732c8fdab5cd16034bc61)** - Tooltip remove trigger slot to use props target instead **[BREAKING CHANGES]** - **[2115515](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/2115515674e08272fc9862eb9725e15e4dc49d4f)** - Popover remove trigger slot to use props target instead **[BREAKING CHANGES]** - **[2115515](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/2115515674e08272fc9862eb9725e15e4dc49d4f)** - Remove Toast dismissible props - **[e35e42b](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/e35e42b015d61de2612eb4495ea35e22e43b3ebb)** - Mekari UI Toolkit to use version 1.0.30 - **[b9aa909](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/b9aa909293ac9da615acddff74148b520b52b162)** ## [0.2.1] - 2021-04-16 ### Added - Multiple File browser component - **[eb5e6cf](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/eb5e6cf4728c5b42d3c53c88b4b92ee85e0feb80)** - Input counter - **[05cb002](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/05cb002f543a987457a2084cbc797138f58229d3)** - Custom Banner variant - **[1efdc98](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/1efdc980df6ab065a59793938cea48335d16ebee)** - Badge component variant - **[2ecdc47](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/2ecdc475fd724a8a55108eda5b4a917d82613fd9)** ### Changed - Mekari UI Toolkit to use version 1.0.28 - **[ecc0d9c](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/ecc0d9cea00ca56db53a7d8eaee141c2be1715e1)** - Checkbox switch styling + use v-model on changed value **[BREAKING CHANGES]** - **[371aafb](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/371aafb67b61e3430dc851a42be83af095998279)** - Update components guideline on Storybook - **[371aafb](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/371aafb67b61e3430dc851a42be83af095998279)** - Button guideline - **[bbd91d1](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/bbd91d118f2cfa4892360ee05f34a79f79ee29d5)** ## [0.2.0] - 2021-03-25 ### Added - New variant for Alert and Toast component - **[b58de2e](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/b58de2e46b18da4fef7222dddb6e934f154e9e32)** - Table component - **[9e9ed6c](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/9e9ed6cec9537682da2d8964b6b1ea01c561a3d5)** - File reader to support to emit the selected file from `e.target.files` for change event on input file, if prop `emitAsFile` is `true` - **[107ab8c](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/107ab8cef0b4fa7231c8c760783d2291c465e0c7)** - Alert guideline - **[5a18c99](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/5a18c99c949dda0bf442d865d58d118fba2fc751)** - Toasts component to support only Show One Toast on Action - **[4f82304](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/4f823048f1598b1bef5af04a707f242147fccaf0)** - Form select guideline - **[0ab1488](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/0ab148851fbde349b79c2c22d0145171e5a58f8f)** - Form file guideline - **[0ab1488](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/0ab148851fbde349b79c2c22d0145171e5a58f8f)** - Dropdown guideline - **[0ab1488](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/0ab148851fbde349b79c2c22d0145171e5a58f8f)** - Ranged Date picker component - **[03adc56](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/03adc56f37e1d815ca295bd4395410f652ed7291)** ### Changed - Size naming of Avatar - **[aacbf22](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/aacbf22ea1eaafecb882f68328d1fc2e1ca6310f)** - Mekari UI Toolkit to use version 1.0.27 - **[a5e90ba](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/a5e90bab22bf3f3f58327fd1aed4154f06a4360e)** ## [0.1.10] - 2021-02-16 ### Fixed - Unable to Install Toast plugin - **[63db7f5](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/63db7f5af9dfeb7b8815de3533695294ace507a2)** ## [0.1.9] - 2021-02-11 ### Added - Form input guideline - **[86e15a3](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/86e15a3ca5c599b4c1d59b3b347625216a4f98c9)** ### Changed - Date picker calendar icon to use small version - **[d0d67c9](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/d0d67c95324d8f9c72463485d6f5d11fe810bf7c)** - Mekari UI Toolkit version to use 1.0.26 - **[34f37e6](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/34f37e6e98aafbd14bc3d5242bb3e5a080cf7894)** ## [0.1.8] - 2021-02-09 ### Added - Alert component to support prefix on its CSS class - **[dbf04df](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/dbf04df19dd687e69da7a54c50fc124223282f6a)** ## [0.1.5] - 2021-02-05 ### Changed - Date picker `datePickerInputLabel` to `datePickerInputSlot` - **[2af6eb0](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/2af6eb0742480bb71bf2aea2542fd337a2cd2c64)** ### Fixed - Date picker throwing error because of `?` operator - **[2af6eb0](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/2af6eb0742480bb71bf2aea2542fd337a2cd2c64)** ## [0.1.4] - 2021-02-04 ### Added - Date picker to support `datePickerInputLabel` slot - **[69a8e43](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/69a8e43c6442ada82e92d5c45ae9823ea5f50170)** - Date picker to support disable past date - **[ea2df14](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/ea2df1474ecf2532bb433034e79bb1849ef7e329)** ### Changed - Mekari UI Toolkit version to 1.0.25 - **[d621994](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/d6219947ffb366fac1e0cc3eb45cbcf26f85e880)** - Mekari UI Toolkit to reuse bitbucket version instead of from npmjs - **[3bd9655](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/3bd9655d24b3002754e212f0926c3f75a6739625)** ## [0.1.3] - 2021-02-03 ### Added - Alert component and Toast component - **[456683c](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/456683caa253ae34c64d98ba1be2a7c55d0ac033)** ### Changed - Mekari UI Toolkit version to 1.0.24 - **[60f0db2](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/60f0db2b780880a7ca0b888a6a80a47f0b75c40a)** - Mekari UI Toolkit version to 1.0.23 - **[0f6f074](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/0f6f07453ea55f4c4479fd5a7ebc6b23a677754c)** - Mekari UI Toolkit version to 1.0.22 - **[fcad97c](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/fcad97c7469f2bc175e0be2b3f50f946f68557e6)** ## [0.1.1] - 2021-01-28 Created to republished the npmjs from v0.1.0. No real changes from v0.1.0. ## [0.1.0] - 2021-01-28 ### Added - Date picker to support placement, offsetX and offsetY props - **[06bb4b1](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/06bb4b1b221a18ee1c7e1829387a77dd1f181700)** - Popover component - **[413bea3](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/413bea3ce49c14264a9bd1bc596042429d0454ef)** - Date picker commponent to support placeholder props - **[1ff6f80](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/1ff6f80f59602a80c38c12992c49a45ab7c6d3a7)** - Button with Badge component - **[caf2093](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/caf20935b547e10f64b5ea84126d795ff7f09605)** - Badge component - **[f7ffbcb](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/f7ffbcb63b4f6e150990e9913812e4ba89f789fe)** - Banner component - **[184458f](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/184458f81ee093885d37cbeaf9f6770c9250c035)** - Dropdown component to support multilevel / nested - **[6c1f2ca](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/6c1f2caa0068e14fb1c012383fadc2a86afd5dd9)** - Datepicker component to support labelText props - **[d43882e](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/d43882e6b34f1e7237de19bec0e6f54336a16ddc)** - Transpiled version of the components - **[84236cd](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/84236cd9ba049c5696c34bfe6ee5afa29194b4c5)** - Single File Input component - **[6a20196](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/6a20196cfa73250f64a097ec7765c2fcc701ec15)** ### Changed - Mekari UI Toolkit version to 1.0.21 - **[7569386](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/7569386394ecf603ffe6df76f0790f34ea0a7841)** - Mekari UI Toolkit version to 1.0.20 - **[b398423](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/b39842359e2194e69ad2c0ad7ff324c93754d6b1)** - Mekari UI Toolkit version to 1.0.19 - **[82affc1](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/82affc10591169d19a85b4f9b5ed91613132eac2)** - Handle date picker initial value null after - **[this](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/c6b5524d658d37b065fface3e49a60eea3fef849)** defect fix - **[1ff6f80](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/1ff6f80f59602a80c38c12992c49a45ab7c6d3a7)** - Mekari UI Toolkit version to 1.0.18 - **[45c040f](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/45c040fca6535546469aeaa86d2381d448e9c308)** - Mekari UI Toolkit version to 1.0.17 - **[f50a7ec](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/f50a7ec4e6a4a188f4dcfcc2ab2980b2e30e2193)** - Avatar initial behavior to show only first character of name - **[790386b](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/790386b1b8516c5e17209c9a19a5b7928ce9579b)** ### Fixed - Dropdown multilevel sometimes have incorrect children position - **[e0814a9](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/e0814a964c3b4754b772a9ccfdb19261ef224741)** - Date picker component will be unusable when initial date is null - **[c6b5524](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/c6b5524d658d37b065fface3e49a60eea3fef849)** - Date picker become undefined after clicking date on previous month - **[501f8a3](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/501f8a3eba7cb5edfd4be98491d07bcb46221dfb)** - Debounce and lazy behavior of Form Input component - **[dcb013d](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/dcb013daf8f03506d3439ea943e36491fb405694)** ## [0.0.8] - 2021-01-06 ### Added - Radio component - **[ce61128](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/ce61128a3a288b73c5dba8303afe17eb6cb91b4d)** - Checkbox component - **[ce61128](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/ce61128a3a288b73c5dba8303afe17eb6cb91b4d)** - Select component - **[ce61128](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/ce61128a3a288b73c5dba8303afe17eb6cb91b4d)** - Datepicker component - **[1d82f04](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/1d82f0444da8bc1b4d5fb24df8094e2776bdecd8)** ### Changed - Mekari UI Toolkit version to 1.0.16 - **[a00284e](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/a00284ee1d22b8d6004efc597c3e2fabf660f6de)** - Dropdown component to support infinite scroll - **[39caa22](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/39caa22760147296808267eea48a9eed2e5d9864)** - Avatar component to support dynmic sizing - **[bfd7e23](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/bfd7e238d7e91c55cd617d8fd78f7d2b1cce9317)** - Avatar component's initial use first and last name, instead of first and second name - **[bfd7e23](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/bfd7e238d7e91c55cd617d8fd78f7d2b1cce9317)** ## [0.0.6] - 2021-01-04 ### Added - Avatar tooltip support - **[09bec35](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/09bec35eab88ac0a5093e7853b02ef2983c51c11)** - Input with Icon component - **[02403de](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/02403de3e53566514a1dbf99d859aec7de993241)** - Textarea component - **[4c30770](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/4c3077029a2aededfa4aa433c74ada4b1baf532c)** - Input component - **[e11f209](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/e11f209a0540f8bffc1ecd107bf1c37778fb8768)** - Form Group component - **[4fc11ab](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/4fc11ab117916e0662da8c0fb04d6a2319d1d9ec)** - Text component - **[07bbcea](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/07bbceab4ade5d913e1f0d0bc4ad036272dbc667)** - Link component - **[51f8da0](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/51f8da0bdccdc63d83d1d8251b9bf6629d7d58c4)** - Dropdown component - **[369a2e6](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/369a2e6d7469cb7e7c33dff4c20a353a355571c4)** - Prettier and ESlint config - **[fe0e8dc](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/fe0e8dc2e9f1046d08034293c6108b4f344c773d)** - Avatar and Avatar Group component - **[713c8fe](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/713c8fea87f024a1523d62940f707e663c5e1e6f)** - Tooltip component - **[dac259c](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/dac259c21f9d9701b3385e86825661c57a71e0b3)** - HOWTO.md - **[8937ac8](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/8937ac87fd8ff1cef2eb481fcb58007bd1e24921)** ### Changed - Mekari UI Toolkit version to 1.0.15 - **[07bbcea](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/07bbceab4ade5d913e1f0d0bc4ad036272dbc667)** - Mekari UI Toolkit version to 1.0.14 - **[a00284e](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/a00284ee1d22b8d6004efc597c3e2fabf660f6de)** ### Fixed - Dropdown subcomponent structure - **[4ecfa82](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/4ecfa8282b61553e230b2e39053dcd7229d8cf35)** ## [0.0.4] - 2020-10-21 ### Added - Button component - **[8f731e8](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/8f731e8ac6e9ef4c883ed24be8e19759ce4ac6c0)** - Icon component - **[9210cae](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/9210cae475511db8f5d63ce6d8d6d945480b3cf1)** - README.md - **[8f731e8](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/8f731e8ac6e9ef4c883ed24be8e19759ce4ac6c0)** - Initial Storybook theming (5d73721)**[[5d73721](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/5d737216ff176a6e625e1ba0b6170689f46bec0a)**] - Initial Unit test config - **[5d73721](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/5d737216ff176a6e625e1ba0b6170689f46bec0a)** - Initial Storybook config - **[e5fa43c](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/e5fa43c169644ed4b2eef3625d10446fb2c4ce87)** - Initial Environment - **[a01ee02](https://bitbucket.org/mid-kelola-indonesia/mekari-ui-vue/commits/a01ee02767abcaa48fe6f30b574b8e03620f5b82)**