@element-plus/nightly 0.0.20240917 → 0.0.20240920

package/lib/components/tooltip/src/tooltip2.js

@@ -2,45 +2,178 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var vue = require('vue');
+var index$3 = require('../../popper/index.js');
 require('../../../utils/index.js');
 require('../../../hooks/index.js');
-require('../../popper/index.js');
-var content = require('./content.js');
-var trigger = require('./trigger.js');
-var index = require('../../../hooks/use-model-toggle/index.js');
-var runtime = require('../../../utils/vue/props/runtime.js');
-var popper = require('../../popper/src/popper.js');
-var arrow = require('../../popper/src/arrow.js');
+var constants = require('./constants.js');
+var tooltip = require('./tooltip.js');
+var trigger = require('./trigger2.js');
+var content = require('./content2.js');
+var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
+var index = require('../../../hooks/use-popper-container/index.js');
+var index$1 = require('../../../hooks/use-id/index.js');
+var index$2 = require('../../../hooks/use-delayed-toggle/index.js');
+var types = require('../../../utils/types.js');
+var arrow = require('../../popper/src/arrow2.js');
 
-const {
-  useModelToggleProps: useTooltipModelToggleProps,
-  useModelToggleEmits: useTooltipModelToggleEmits,
-  useModelToggle: useTooltipModelToggle
-} = index.createModelToggleComposable("visible");
-const useTooltipProps = runtime.buildProps({
-  ...popper.popperProps,
-  ...useTooltipModelToggleProps,
-  ...content.useTooltipContentProps,
-  ...trigger.useTooltipTriggerProps,
-  ...arrow.popperArrowProps,
-  showArrow: {
-    type: Boolean,
-    default: true
+const __default__ = vue.defineComponent({
+  name: "ElTooltip"
+});
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...__default__,
+  props: tooltip.useTooltipProps,
+  emits: tooltip.tooltipEmits,
+  setup(__props, { expose, emit }) {
+    const props = __props;
+    index.usePopperContainer();
+    const id = index$1.useId();
+    const popperRef = vue.ref();
+    const contentRef = vue.ref();
+    const updatePopper = () => {
+      var _a;
+      const popperComponent = vue.unref(popperRef);
+      if (popperComponent) {
+        (_a = popperComponent.popperInstanceRef) == null ? void 0 : _a.update();
+      }
+    };
+    const open = vue.ref(false);
+    const toggleReason = vue.ref();
+    const { show, hide, hasUpdateHandler } = tooltip.useTooltipModelToggle({
+      indicator: open,
+      toggleReason
+    });
+    const { onOpen, onClose } = index$2.useDelayedToggle({
+      showAfter: vue.toRef(props, "showAfter"),
+      hideAfter: vue.toRef(props, "hideAfter"),
+      autoClose: vue.toRef(props, "autoClose"),
+      open: show,
+      close: hide
+    });
+    const controlled = vue.computed(() => types.isBoolean(props.visible) && !hasUpdateHandler.value);
+    vue.provide(constants.TOOLTIP_INJECTION_KEY, {
+      controlled,
+      id,
+      open: vue.readonly(open),
+      trigger: vue.toRef(props, "trigger"),
+      onOpen: (event) => {
+        onOpen(event);
+      },
+      onClose: (event) => {
+        onClose(event);
+      },
+      onToggle: (event) => {
+        if (vue.unref(open)) {
+          onClose(event);
+        } else {
+          onOpen(event);
+        }
+      },
+      onShow: () => {
+        emit("show", toggleReason.value);
+      },
+      onHide: () => {
+        emit("hide", toggleReason.value);
+      },
+      onBeforeShow: () => {
+        emit("before-show", toggleReason.value);
+      },
+      onBeforeHide: () => {
+        emit("before-hide", toggleReason.value);
+      },
+      updatePopper
+    });
+    vue.watch(() => props.disabled, (disabled) => {
+      if (disabled && open.value) {
+        open.value = false;
+      }
+    });
+    const isFocusInsideContent = (event) => {
+      var _a, _b;
+      const popperContent = (_b = (_a = contentRef.value) == null ? void 0 : _a.contentRef) == null ? void 0 : _b.popperContentRef;
+      const activeElement = (event == null ? void 0 : event.relatedTarget) || document.activeElement;
+      return popperContent && popperContent.contains(activeElement);
+    };
+    vue.onDeactivated(() => open.value && hide());
+    expose({
+      popperRef,
+      contentRef,
+      isFocusInsideContent,
+      updatePopper,
+      onOpen,
+      onClose,
+      hide
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(index$3.ElPopper), {
+        ref_key: "popperRef",
+        ref: popperRef,
+        role: _ctx.role
+      }, {
+        default: vue.withCtx(() => [
+          vue.createVNode(trigger["default"], {
+            disabled: _ctx.disabled,
+            trigger: _ctx.trigger,
+            "trigger-keys": _ctx.triggerKeys,
+            "virtual-ref": _ctx.virtualRef,
+            "virtual-triggering": _ctx.virtualTriggering
+          }, {
+            default: vue.withCtx(() => [
+              _ctx.$slots.default ? vue.renderSlot(_ctx.$slots, "default", { key: 0 }) : vue.createCommentVNode("v-if", true)
+            ]),
+            _: 3
+          }, 8, ["disabled", "trigger", "trigger-keys", "virtual-ref", "virtual-triggering"]),
+          vue.createVNode(content["default"], {
+            ref_key: "contentRef",
+            ref: contentRef,
+            "aria-label": _ctx.ariaLabel,
+            "boundaries-padding": _ctx.boundariesPadding,
+            content: _ctx.content,
+            disabled: _ctx.disabled,
+            effect: _ctx.effect,
+            enterable: _ctx.enterable,
+            "fallback-placements": _ctx.fallbackPlacements,
+            "hide-after": _ctx.hideAfter,
+            "gpu-acceleration": _ctx.gpuAcceleration,
+            offset: _ctx.offset,
+            persistent: _ctx.persistent,
+            "popper-class": _ctx.popperClass,
+            "popper-style": _ctx.popperStyle,
+            placement: _ctx.placement,
+            "popper-options": _ctx.popperOptions,
+            pure: _ctx.pure,
+            "raw-content": _ctx.rawContent,
+            "reference-el": _ctx.referenceEl,
+            "trigger-target-el": _ctx.triggerTargetEl,
+            "show-after": _ctx.showAfter,
+            strategy: _ctx.strategy,
+            teleported: _ctx.teleported,
+            transition: _ctx.transition,
+            "virtual-triggering": _ctx.virtualTriggering,
+            "z-index": _ctx.zIndex,
+            "append-to": _ctx.appendTo
+          }, {
+            default: vue.withCtx(() => [
+              vue.renderSlot(_ctx.$slots, "content", {}, () => [
+                _ctx.rawContent ? (vue.openBlock(), vue.createElementBlock("span", {
+                  key: 0,
+                  innerHTML: _ctx.content
+                }, null, 8, ["innerHTML"])) : (vue.openBlock(), vue.createElementBlock("span", { key: 1 }, vue.toDisplayString(_ctx.content), 1))
+              ]),
+              _ctx.showArrow ? (vue.openBlock(), vue.createBlock(vue.unref(arrow["default"]), {
+                key: 0,
+                "arrow-offset": _ctx.arrowOffset
+              }, null, 8, ["arrow-offset"])) : vue.createCommentVNode("v-if", true)
+            ]),
+            _: 3
+          }, 8, ["aria-label", "boundaries-padding", "content", "disabled", "effect", "enterable", "fallback-placements", "hide-after", "gpu-acceleration", "offset", "persistent", "popper-class", "popper-style", "placement", "popper-options", "pure", "raw-content", "reference-el", "trigger-target-el", "show-after", "strategy", "teleported", "transition", "virtual-triggering", "z-index", "append-to"])
+        ]),
+        _: 3
+      }, 8, ["role"]);
+    };
   }
 });
-const tooltipEmits = [
-  ...useTooltipModelToggleEmits,
-  "before-show",
-  "before-hide",
-  "show",
-  "hide",
-  "open",
-  "close"
-];
+var Tooltip = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "tooltip.vue"]]);
 
-exports.tooltipEmits = tooltipEmits;
-exports.useTooltipModelToggle = useTooltipModelToggle;
-exports.useTooltipModelToggleEmits = useTooltipModelToggleEmits;
-exports.useTooltipModelToggleProps = useTooltipModelToggleProps;
-exports.useTooltipProps = useTooltipProps;
+exports["default"] = Tooltip;
 //# sourceMappingURL=tooltip2.js.map

package/lib/components/tooltip/src/tooltip2.js.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip2.js","sources":["../../../../../../packages/components/tooltip/src/tooltip.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { createModelToggleComposable } from '@element-plus/hooks'\nimport { popperArrowProps, popperProps } from '@element-plus/components/popper'\nimport { useTooltipContentProps } from './content'\nimport { useTooltipTriggerProps } from './trigger'\nimport type Tooltip from './tooltip.vue'\n\nimport type { ExtractPropTypes } from 'vue'\n\nexport const {\n  useModelToggleProps: useTooltipModelToggleProps,\n  useModelToggleEmits: useTooltipModelToggleEmits,\n  useModelToggle: useTooltipModelToggle,\n} = createModelToggleComposable('visible' as const)\n\nexport const useTooltipProps = buildProps({\n  ...popperProps,\n  ...useTooltipModelToggleProps,\n  ...useTooltipContentProps,\n  ...useTooltipTriggerProps,\n  ...popperArrowProps,\n  /**\n   * @description whether the tooltip content has an arrow\n   */\n  showArrow: {\n    type: Boolean,\n    default: true,\n  },\n})\n\nexport const tooltipEmits = [\n  ...useTooltipModelToggleEmits,\n  'before-show',\n  'before-hide',\n  'show',\n  'hide',\n  'open',\n  'close',\n]\n\nexport type ElTooltipProps = ExtractPropTypes<typeof useTooltipProps>\n\nexport type TooltipInstance = InstanceType<typeof Tooltip>\n"],"names":["createModelToggleComposable","buildProps","popperProps","useTooltipContentProps","useTooltipTriggerProps","popperArrowProps"],"mappings":";;;;;;;;;;;;;;AAKY,MAAC;AACb,EAAE,mBAAmB,EAAE,0BAA0B;AACjD,EAAE,mBAAmB,EAAE,0BAA0B;AACjD,EAAE,cAAc,EAAE,qBAAqB;AACvC,CAAC,GAAGA,iCAA2B,CAAC,SAAS,EAAE;AAC/B,MAAC,eAAe,GAAGC,kBAAU,CAAC;AAC1C,EAAE,GAAGC,kBAAW;AAChB,EAAE,GAAG,0BAA0B;AAC/B,EAAE,GAAGC,8BAAsB;AAC3B,EAAE,GAAGC,8BAAsB;AAC3B,EAAE,GAAGC,sBAAgB;AACrB,EAAE,SAAS,EAAE;AACb,IAAI,IAAI,EAAE,OAAO;AACjB,IAAI,OAAO,EAAE,IAAI;AACjB,GAAG;AACH,CAAC,EAAE;AACS,MAAC,YAAY,GAAG;AAC5B,EAAE,GAAG,0BAA0B;AAC/B,EAAE,aAAa;AACf,EAAE,aAAa;AACf,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,MAAM;AACR,EAAE,OAAO;AACT;;;;;;;;"}
+{"version":3,"file":"tooltip2.js","sources":["../../../../../../packages/components/tooltip/src/tooltip.vue"],"sourcesContent":["<template>\n  <el-popper ref=\"popperRef\" :role=\"role\">\n    <el-tooltip-trigger\n      :disabled=\"disabled\"\n      :trigger=\"trigger\"\n      :trigger-keys=\"triggerKeys\"\n      :virtual-ref=\"virtualRef\"\n      :virtual-triggering=\"virtualTriggering\"\n    >\n      <slot v-if=\"$slots.default\" />\n    </el-tooltip-trigger>\n    <el-tooltip-content\n      ref=\"contentRef\"\n      :aria-label=\"ariaLabel\"\n      :boundaries-padding=\"boundariesPadding\"\n      :content=\"content\"\n      :disabled=\"disabled\"\n      :effect=\"effect\"\n      :enterable=\"enterable\"\n      :fallback-placements=\"fallbackPlacements\"\n      :hide-after=\"hideAfter\"\n      :gpu-acceleration=\"gpuAcceleration\"\n      :offset=\"offset\"\n      :persistent=\"persistent\"\n      :popper-class=\"popperClass\"\n      :popper-style=\"popperStyle\"\n      :placement=\"placement\"\n      :popper-options=\"popperOptions\"\n      :pure=\"pure\"\n      :raw-content=\"rawContent\"\n      :reference-el=\"referenceEl\"\n      :trigger-target-el=\"triggerTargetEl\"\n      :show-after=\"showAfter\"\n      :strategy=\"strategy\"\n      :teleported=\"teleported\"\n      :transition=\"transition\"\n      :virtual-triggering=\"virtualTriggering\"\n      :z-index=\"zIndex\"\n      :append-to=\"appendTo\"\n    >\n      <slot name=\"content\">\n        <span v-if=\"rawContent\" v-html=\"content\" />\n        <span v-else>{{ content }}</span>\n      </slot>\n      <el-popper-arrow v-if=\"showArrow\" :arrow-offset=\"arrowOffset\" />\n    </el-tooltip-content>\n  </el-popper>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  onDeactivated,\n  provide,\n  readonly,\n  ref,\n  toRef,\n  unref,\n  watch,\n} from 'vue'\nimport { ElPopper, ElPopperArrow } from '@element-plus/components/popper'\n\nimport { isBoolean } from '@element-plus/utils'\nimport {\n  useDelayedToggle,\n  useId,\n  usePopperContainer,\n} from '@element-plus/hooks'\nimport { TOOLTIP_INJECTION_KEY } from './constants'\nimport { tooltipEmits, useTooltipModelToggle, useTooltipProps } from './tooltip'\nimport ElTooltipTrigger from './trigger.vue'\nimport ElTooltipContent from './content.vue'\nimport type { PopperInstance } from '@element-plus/components/popper'\n\ndefineOptions({\n  name: 'ElTooltip',\n})\n\nconst props = defineProps(useTooltipProps)\nconst emit = defineEmits(tooltipEmits)\n\nusePopperContainer()\n\nconst id = useId()\nconst popperRef = ref<PopperInstance>()\n// TODO any is temporary, replace with `TooltipContentInstance` later\nconst contentRef = ref<any>()\n\nconst updatePopper = () => {\n  const popperComponent = unref(popperRef)\n  if (popperComponent) {\n    popperComponent.popperInstanceRef?.update()\n  }\n}\nconst open = ref(false)\nconst toggleReason = ref<Event>()\n\nconst { show, hide, hasUpdateHandler } = useTooltipModelToggle({\n  indicator: open,\n  toggleReason,\n})\n\nconst { onOpen, onClose } = useDelayedToggle({\n  showAfter: toRef(props, 'showAfter'),\n  hideAfter: toRef(props, 'hideAfter'),\n  autoClose: toRef(props, 'autoClose'),\n  open: show,\n  close: hide,\n})\n\nconst controlled = computed(\n  () => isBoolean(props.visible) && !hasUpdateHandler.value\n)\n\nprovide(TOOLTIP_INJECTION_KEY, {\n  controlled,\n  id,\n  open: readonly(open),\n  trigger: toRef(props, 'trigger'),\n  onOpen: (event?: Event) => {\n    onOpen(event)\n  },\n  onClose: (event?: Event) => {\n    onClose(event)\n  },\n  onToggle: (event?: Event) => {\n    if (unref(open)) {\n      onClose(event)\n    } else {\n      onOpen(event)\n    }\n  },\n  onShow: () => {\n    emit('show', toggleReason.value)\n  },\n  onHide: () => {\n    emit('hide', toggleReason.value)\n  },\n  onBeforeShow: () => {\n    emit('before-show', toggleReason.value)\n  },\n  onBeforeHide: () => {\n    emit('before-hide', toggleReason.value)\n  },\n  updatePopper,\n})\n\nwatch(\n  () => props.disabled,\n  (disabled) => {\n    if (disabled && open.value) {\n      open.value = false\n    }\n  }\n)\n\nconst isFocusInsideContent = (event?: FocusEvent) => {\n  const popperContent: HTMLElement | undefined =\n    contentRef.value?.contentRef?.popperContentRef\n  const activeElement = (event?.relatedTarget as Node) || document.activeElement\n\n  return popperContent && popperContent.contains(activeElement)\n}\n\nonDeactivated(() => open.value && hide())\n\ndefineExpose({\n  /**\n   * @description el-popper component instance\n   */\n  popperRef,\n  /**\n   * @description el-tooltip-content component instance\n   */\n  contentRef,\n  /**\n   * @description validate current focus event is trigger inside el-tooltip-content\n   */\n  isFocusInsideContent,\n  /**\n   * @description update el-popper component instance\n   */\n  updatePopper,\n  /**\n   * @description expose onOpen function to mange el-tooltip open state\n   */\n  onOpen,\n  /**\n   * @description expose onOpen function to mange el-tooltip open state\n   */\n  onClose,\n  /**\n   * @description expose hide function\n   */\n  hide,\n})\n</script>\n"],"names":["usePopperContainer","useId","ref","unref","useTooltipModelToggle","useDelayedToggle","toRef","computed","isBoolean","provide","TOOLTIP_INJECTION_KEY","readonly","watch","onDeactivated"],"mappings":"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"}

package/lib/index.js

@@ -19,7 +19,7 @@ var avatar = require('./components/avatar/src/avatar.js');
 var index$3 = require('./components/avatar/index.js');
 var backtop = require('./components/backtop/src/backtop.js');
 var index$4 = require('./components/backtop/index.js');
-var badge = require('./components/badge/src/badge.js');
+var badge = require('./components/badge/src/badge2.js');
 var index$5 = require('./components/badge/index.js');
 var breadcrumb = require('./components/breadcrumb/src/breadcrumb.js');
 var breadcrumbItem = require('./components/breadcrumb/src/breadcrumb-item.js');
@@ -126,7 +126,7 @@ var content = require('./components/popper/src/content2.js');
 var index$F = require('./components/popper/index.js');
 var progress = require('./components/progress/src/progress.js');
 var index$G = require('./components/progress/index.js');
-var radio = require('./components/radio/src/radio.js');
+var radio = require('./components/radio/src/radio2.js');
 var radioGroup = require('./components/radio/src/radio-group.js');
 var radioButton = require('./components/radio/src/radio-button.js');
 var constants$b = require('./components/radio/src/constants.js');
@@ -157,12 +157,12 @@ var space = require('./components/space/src/space.js');
 var item = require('./components/space/src/item.js');
 var useSpace = require('./components/space/src/use-space.js');
 var index$Q = require('./components/space/index.js');
-var statistic = require('./components/statistic/src/statistic.js');
+var statistic = require('./components/statistic/src/statistic2.js');
 var index$R = require('./components/statistic/index.js');
 var item$1 = require('./components/steps/src/item.js');
 var steps = require('./components/steps/src/steps.js');
 var index$S = require('./components/steps/index.js');
-var _switch = require('./components/switch/src/switch.js');
+var _switch = require('./components/switch/src/switch2.js');
 var index$T = require('./components/switch/index.js');
 var index$U = require('./components/table/index.js');
 var constants$f = require('./components/table-v2/src/constants.js');
@@ -188,11 +188,11 @@ var props = require('./components/time-picker/src/common/props.js');
 var index$Z = require('./components/time-picker/index.js');
 var picker = require('./components/time-picker/src/common/picker.js');
 var panelTimePick = require('./components/time-picker/src/time-picker-com/panel-time-pick.js');
-var timeSelect = require('./components/time-select/src/time-select2.js');
+var timeSelect = require('./components/time-select/src/time-select.js');
 var index$_ = require('./components/time-select/index.js');
 var timelineItem = require('./components/timeline/src/timeline-item.js');
 var index$$ = require('./components/timeline/index.js');
-var tooltip = require('./components/tooltip/src/tooltip2.js');
+var tooltip = require('./components/tooltip/src/tooltip.js');
 var trigger$2 = require('./components/tooltip/src/trigger.js');
 var content$2 = require('./components/tooltip/src/content.js');
 var constants$i = require('./components/tooltip/src/constants.js');
@@ -221,7 +221,7 @@ var content$3 = require('./components/tour/src/content.js');
 var index$17 = require('./components/tour/index.js');
 var anchor = require('./components/anchor/src/anchor.js');
 var index$18 = require('./components/anchor/index.js');
-var segmented = require('./components/segmented/src/segmented2.js');
+var segmented = require('./components/segmented/src/segmented.js');
 var index$19 = require('./components/segmented/index.js');
 var mention = require('./components/mention/src/mention.js');
 var index$1a = require('./components/mention/index.js');

package/lib/locale/lang/fa.d.ts

@@ -7,6 +7,9 @@ declare const _default: {
         colorpicker: {
             confirm: string;
             clear: string;
+            defaultLabel: string;
+            description: string;
+            alphaLabel: string;
         };
         datepicker: {
             now: string;
@@ -14,6 +17,10 @@ declare const _default: {
             cancel: string;
             clear: string;
             confirm: string;
+            dateTablePrompt: string;
+            monthTablePrompt: string;
+            yearTablePrompt: string;
+            selectedDate: string;
             selectDate: string;
             selectTime: string;
             startDate: string;
@@ -37,6 +44,7 @@ declare const _default: {
             month10: string;
             month11: string;
             month12: string;
+            week: string;
             weeks: {
                 sun: string;
                 mon: string;
@@ -46,6 +54,15 @@ declare const _default: {
                 fri: string;
                 sat: string;
             };
+            weeksFull: {
+                sun: string;
+                mon: string;
+                tue: string;
+                wed: string;
+                thu: string;
+                fri: string;
+                sat: string;
+            };
             months: {
                 jan: string;
                 feb: string;
@@ -61,6 +78,10 @@ declare const _default: {
                 dec: string;
             };
         };
+        inputNumber: {
+            decrease: string;
+            increase: string;
+        };
         select: {
             loading: string;
             noMatch: string;
@@ -70,6 +91,9 @@ declare const _default: {
         mention: {
             loading: string;
         };
+        dropdown: {
+            toggleDropdown: string;
+        };
         cascader: {
             noMatch: string;
             loading: string;
@@ -87,12 +111,20 @@ declare const _default: {
             currentPage: string;
             prevPages: string;
             nextPages: string;
+            deprecationWarning: string;
+        };
+        dialog: {
+            close: string;
+        };
+        drawer: {
+            close: string;
         };
         messagebox: {
             title: string;
             confirm: string;
             cancel: string;
             error: string;
+            close: string;
         };
         upload: {
             deleteTip: string;
@@ -100,6 +132,11 @@ declare const _default: {
             preview: string;
             continue: string;
         };
+        slider: {
+            defaultLabel: string;
+            defaultRangeStartLabel: string;
+            defaultRangeEndLabel: string;
+        };
         table: {
             emptyText: string;
             confirmFilter: string;

package/lib/locale/lang/fa.js

@@ -6,18 +6,25 @@ var fa = {
   name: "fa",
   el: {
     breadcrumb: {
-      label: "Breadcrumb"
+      label: "\u0645\u0633\u06CC\u0631 \u0631\u0627\u0647\u0646\u0645\u0627"
     },
     colorpicker: {
-      confirm: "\u062A\u0627\u06CC\u06CC\u062F",
-      clear: "\u062D\u0630\u0641"
+      confirm: "\u062A\u0623\u06CC\u06CC\u062F",
+      clear: "\u067E\u0627\u06A9 \u06A9\u0631\u062F\u0646",
+      defaultLabel: "\u0627\u0646\u062A\u062E\u0627\u0628\u200C\u06AF\u0631 \u0631\u0646\u06AF",
+      description: "\u0631\u0646\u06AF \u0641\u0639\u0644\u06CC {color} \u0627\u0633\u062A. \u0628\u0631\u0627\u06CC \u0627\u0646\u062A\u062E\u0627\u0628 \u0631\u0646\u06AF \u062C\u062F\u06CC\u062F\u060C \u0627\u06CC\u0646\u062A\u0631 \u0631\u0627 \u0641\u0634\u0627\u0631 \u062F\u0647\u06CC\u062F.",
+      alphaLabel: "\u0645\u0642\u062F\u0627\u0631 \u0622\u0644\u0641\u0627 \u0631\u0627 \u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F"
     },
     datepicker: {
       now: "\u0627\u06A9\u0646\u0648\u0646",
       today: "\u0627\u0645\u0631\u0648\u0632",
-      cancel: "\u0627\u0646\u0635\u0631\u0627\u0641",
-      clear: "\u062D\u0630\u0641",
-      confirm: "\u062A\u0627\u06CC\u06CC\u062F",
+      cancel: "\u0644\u063A\u0648",
+      clear: "\u067E\u0627\u06A9 \u06A9\u0631\u062F\u0646",
+      confirm: "\u062A\u0623\u06CC\u06CC\u062F",
+      dateTablePrompt: "\u0627\u0632 \u06A9\u0644\u06CC\u062F\u0647\u0627\u06CC \u062C\u0647\u062A\u200C\u062F\u0627\u0631 \u0648 \u0627\u06CC\u0646\u062A\u0631 \u0628\u0631\u0627\u06CC \u0627\u0646\u062A\u062E\u0627\u0628 \u0631\u0648\u0632 \u0645\u0627\u0647 \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u06A9\u0646\u06CC\u062F",
+      monthTablePrompt: "\u0627\u0632 \u06A9\u0644\u06CC\u062F\u0647\u0627\u06CC \u062C\u0647\u062A\u200C\u062F\u0627\u0631 \u0648 \u0627\u06CC\u0646\u062A\u0631 \u0628\u0631\u0627\u06CC \u0627\u0646\u062A\u062E\u0627\u0628 \u0645\u0627\u0647 \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u06A9\u0646\u06CC\u062F",
+      yearTablePrompt: "\u0627\u0632 \u06A9\u0644\u06CC\u062F\u0647\u0627\u06CC \u062C\u0647\u062A\u200C\u062F\u0627\u0631 \u0648 \u0627\u06CC\u0646\u062A\u0631 \u0628\u0631\u0627\u06CC \u0627\u0646\u062A\u062E\u0627\u0628 \u0633\u0627\u0644 \u0627\u0633\u062A\u0641\u0627\u062F\u0647 \u06A9\u0646\u06CC\u062F",
+      selectedDate: "\u062A\u0627\u0631\u06CC\u062E \u0627\u0646\u062A\u062E\u0627\u0628\u200C\u0634\u062F\u0647",
       selectDate: "\u0627\u0646\u062A\u062E\u0627\u0628 \u062A\u0627\u0631\u06CC\u062E",
       selectTime: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0632\u0645\u0627\u0646",
       startDate: "\u062A\u0627\u0631\u06CC\u062E \u0634\u0631\u0648\u0639",
@@ -28,36 +35,46 @@ var fa = {
       nextYear: "\u0633\u0627\u0644 \u0628\u0639\u062F",
       prevMonth: "\u0645\u0627\u0647 \u0642\u0628\u0644",
       nextMonth: "\u0645\u0627\u0647 \u0628\u0639\u062F",
-      year: "\u0633\u0627\u0644",
+      year: "",
       month1: "\u0698\u0627\u0646\u0648\u06CC\u0647",
       month2: "\u0641\u0648\u0631\u06CC\u0647",
       month3: "\u0645\u0627\u0631\u0633",
       month4: "\u0622\u0648\u0631\u06CC\u0644",
       month5: "\u0645\u0647",
       month6: "\u0698\u0648\u0626\u0646",
-      month7: "\u062C\u0648\u0644\u0627\u06CC",
+      month7: "\u0698\u0648\u0626\u06CC\u0647",
       month8: "\u0627\u0648\u062A",
       month9: "\u0633\u067E\u062A\u0627\u0645\u0628\u0631",
       month10: "\u0627\u06A9\u062A\u0628\u0631",
       month11: "\u0646\u0648\u0627\u0645\u0628\u0631",
       month12: "\u062F\u0633\u0627\u0645\u0628\u0631",
+      week: "\u0647\u0641\u062A\u0647",
       weeks: {
-        sun: "\u06CC\u06A9\u0634\u0646\u0628\u0647",
+        sun: "\u06CC\u06A9\u200C\u0634\u0646\u0628\u0647",
         mon: "\u062F\u0648\u0634\u0646\u0628\u0647",
-        tue: "\u0633\u0647\u200B\u0634\u0646\u0628\u0647",
+        tue: "\u0633\u0647\u200C\u0634\u0646\u0628\u0647",
         wed: "\u0686\u0647\u0627\u0631\u0634\u0646\u0628\u0647",
-        thu: "\u067E\u0646\u062C\u200B\u0634\u0646\u0628\u0647",
+        thu: "\u067E\u0646\u062C\u200C\u0634\u0646\u0628\u0647",
+        fri: "\u062C\u0645\u0639\u0647",
+        sat: "\u0634\u0646\u0628\u0647"
+      },
+      weeksFull: {
+        sun: "\u06CC\u06A9\u200C\u0634\u0646\u0628\u0647",
+        mon: "\u062F\u0648\u0634\u0646\u0628\u0647",
+        tue: "\u0633\u0647\u200C\u0634\u0646\u0628\u0647",
+        wed: "\u0686\u0647\u0627\u0631\u0634\u0646\u0628\u0647",
+        thu: "\u067E\u0646\u062C\u200C\u0634\u0646\u0628\u0647",
         fri: "\u062C\u0645\u0639\u0647",
         sat: "\u0634\u0646\u0628\u0647"
       },
       months: {
         jan: "\u0698\u0627\u0646\u0648\u06CC\u0647",
         feb: "\u0641\u0648\u0631\u06CC\u0647",
-        mar: "\u0645\u0627\u0631\u0633",
+        mar: "\u0645\u0627\u0631\u0686",
         apr: "\u0622\u0648\u0631\u06CC\u0644",
         may: "\u0645\u0647",
         jun: "\u0698\u0648\u0626\u0646",
-        jul: "\u062C\u0648\u0644\u0627\u06CC",
+        jul: "\u0698\u0648\u0626\u06CC\u0647",
         aug: "\u0627\u0648\u062A",
         sep: "\u0633\u067E\u062A\u0627\u0645\u0628\u0631",
         oct: "\u0627\u06A9\u062A\u0628\u0631",
@@ -65,20 +82,27 @@ var fa = {
         dec: "\u062F\u0633\u0627\u0645\u0628\u0631"
       }
     },
+    inputNumber: {
+      decrease: "\u06A9\u0627\u0647\u0634 \u0639\u062F\u062F",
+      increase: "\u0627\u0641\u0632\u0627\u06CC\u0634 \u0639\u062F\u062F"
+    },
     select: {
       loading: "\u062F\u0631 \u062D\u0627\u0644 \u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC",
-      noMatch: "\u0647\u06CC\u0686 \u0646\u062A\u06CC\u062C\u0647\u200C\u0627\u06CC \u067E\u06CC\u062F\u0627 \u0646\u0634\u062F",
-      noData: "\u0627\u0637\u0644\u0627\u0639\u0627\u062A\u06CC \u0648\u062C\u0648\u062F \u0646\u062F\u0627\u0631\u062F",
+      noMatch: "\u0647\u06CC\u0686 \u062F\u0627\u062F\u0647 \u0645\u0646\u0637\u0628\u0642\u06CC \u0648\u062C\u0648\u062F \u0646\u062F\u0627\u0631\u062F",
+      noData: "\u062F\u0627\u062F\u0647\u200C\u0627\u06CC \u0645\u0648\u062C\u0648\u062F \u0646\u06CC\u0633\u062A",
       placeholder: "\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F"
     },
     mention: {
       loading: "\u062F\u0631 \u062D\u0627\u0644 \u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC"
     },
+    dropdown: {
+      toggleDropdown: "\u0628\u0627\u0632 \u0648 \u0628\u0633\u062A\u0647 \u06A9\u0631\u062F\u0646 \u0645\u0646\u0648\u06CC \u06A9\u0634\u0648\u06CC\u06CC"
+    },
     cascader: {
-      noMatch: "\u0647\u06CC\u0686 \u0646\u062A\u06CC\u062C\u0647\u200C\u0627\u06CC \u067E\u06CC\u062F\u0627 \u0646\u0634\u062F",
+      noMatch: "\u0647\u06CC\u0686 \u062F\u0627\u062F\u0647 \u0645\u0646\u0637\u0628\u0642\u06CC \u0648\u062C\u0648\u062F \u0646\u062F\u0627\u0631\u062F",
       loading: "\u062F\u0631 \u062D\u0627\u0644 \u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC",
       placeholder: "\u0627\u0646\u062A\u062E\u0627\u0628 \u06A9\u0646\u06CC\u062F",
-      noData: "\u0627\u0637\u0644\u0627\u0639\u0627\u062A\u06CC \u0648\u062C\u0648\u062F \u0646\u062F\u0627\u0631\u062F"
+      noData: "\u062F\u0627\u062F\u0647\u200C\u0627\u06CC \u0645\u0648\u062C\u0648\u062F \u0646\u06CC\u0633\u062A"
     },
     pagination: {
       goto: "\u0628\u0631\u0648 \u0628\u0647",
@@ -86,30 +110,43 @@ var fa = {
       total: "\u0645\u062C\u0645\u0648\u0639 {total}",
       pageClassifier: "",
       page: "\u0635\u0641\u062D\u0647",
-      prev: "\u0635\u0641\u062D\u0647 \u0642\u0628\u0644",
-      next: "\u0635\u0641\u062D\u0647 \u0628\u0639\u062F",
+      prev: "\u0628\u0631\u0648 \u0628\u0647 \u0635\u0641\u062D\u0647 \u0642\u0628\u0644\u06CC",
+      next: "\u0628\u0631\u0648 \u0628\u0647 \u0635\u0641\u062D\u0647 \u0628\u0639\u062F\u06CC",
       currentPage: "\u0635\u0641\u062D\u0647 {pager}",
-      prevPages: "{pager} \u0635\u0641\u062D\u0647 \u0642\u0628\u0644",
-      nextPages: "{pager} \u0635\u0641\u062D\u0647 \u0628\u0639\u062F"
+      prevPages: "{pager} \u0635\u0641\u062D\u0627\u062A \u0642\u0628\u0644\u06CC",
+      nextPages: "{pager} \u0635\u0641\u062D\u0627\u062A \u0628\u0639\u062F\u06CC",
+      deprecationWarning: "\u0627\u0633\u062A\u0641\u0627\u062F\u0647\u200C\u0647\u0627\u06CC \u0645\u0646\u0633\u0648\u062E \u0634\u0646\u0627\u0633\u0627\u06CC\u06CC \u0634\u062F\u060C \u0644\u0637\u0641\u0627\u064B \u0628\u0647 \u0645\u0633\u062A\u0646\u062F\u0627\u062A el-pagination \u0645\u0631\u0627\u062C\u0639\u0647 \u06A9\u0646\u06CC\u062F"
+    },
+    dialog: {
+      close: "\u0628\u0633\u062A\u0646 \u0627\u06CC\u0646 \u062F\u06CC\u0627\u0644\u0648\u06AF"
+    },
+    drawer: {
+      close: "\u0628\u0633\u062A\u0646 \u0627\u06CC\u0646 \u062F\u06CC\u0627\u0644\u0648\u06AF"
     },
     messagebox: {
       title: "\u067E\u06CC\u0627\u0645",
-      confirm: "\u062A\u0627\u06CC\u06CC\u062F",
-      cancel: "\u0627\u0646\u0635\u0631\u0627\u0641",
-      error: "\u0648\u0631\u0648\u062F\u06CC \u063A\u06CC\u0631 \u0645\u062C\u0627\u0632"
+      confirm: "\u062A\u0623\u06CC\u06CC\u062F",
+      cancel: "\u0644\u063A\u0648",
+      error: "\u0648\u0631\u0648\u062F\u06CC \u0646\u0627\u0645\u0639\u062A\u0628\u0631",
+      close: "\u0628\u0633\u062A\u0646 \u0627\u06CC\u0646 \u062F\u06CC\u0627\u0644\u0648\u06AF"
     },
     upload: {
-      deleteTip: "\u0628\u0631\u0627\u06CC \u067E\u0627\u06A9 \u06A9\u0631\u062F\u0646 \u062D\u0630\u0641 \u0631\u0627 \u0641\u0634\u0627\u0631 \u062F\u0647\u06CC\u062F",
+      deleteTip: "\u0628\u0631\u0627\u06CC \u062D\u0630\u0641\u060C \u06A9\u0644\u06CC\u062F delete \u0631\u0627 \u0641\u0634\u0627\u0631 \u062F\u0647\u06CC\u062F",
       delete: "\u062D\u0630\u0641",
       preview: "\u067E\u06CC\u0634\u200C\u0646\u0645\u0627\u06CC\u0634",
       continue: "\u0627\u062F\u0627\u0645\u0647"
     },
+    slider: {
+      defaultLabel: "\u0644\u063A\u0632\u0646\u062F\u0647 \u0628\u06CC\u0646 {min} \u0648 {max}",
+      defaultRangeStartLabel: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0645\u0642\u062F\u0627\u0631 \u0634\u0631\u0648\u0639",
+      defaultRangeEndLabel: "\u0627\u0646\u062A\u062E\u0627\u0628 \u0645\u0642\u062F\u0627\u0631 \u067E\u0627\u06CC\u0627\u0646"
+    },
     table: {
-      emptyText: "\u0627\u0637\u0644\u0627\u0639\u0627\u062A\u06CC \u0648\u062C\u0648\u062F \u0646\u062F\u0627\u0631\u062F",
-      confirmFilter: "\u062A\u0627\u06CC\u06CC\u062F",
-      resetFilter: "\u062D\u0630\u0641",
+      emptyText: "\u062F\u0627\u062F\u0647\u200C\u0627\u06CC \u0645\u0648\u062C\u0648\u062F \u0646\u06CC\u0633\u062A",
+      confirmFilter: "\u062A\u0623\u06CC\u06CC\u062F",
+      resetFilter: "\u0628\u0627\u0632\u0646\u0634\u0627\u0646\u06CC",
       clearFilter: "\u0647\u0645\u0647",
-      sumText: "\u062C\u0645\u0639"
+      sumText: "\u0645\u062C\u0645\u0648\u0639"
     },
     tour: {
       next: "\u0628\u0639\u062F\u06CC",
@@ -117,18 +154,18 @@ var fa = {
       finish: "\u067E\u0627\u06CC\u0627\u0646"
     },
     tree: {
-      emptyText: "\u0627\u0637\u0644\u0627\u0639\u0627\u062A\u06CC \u0648\u062C\u0648\u062F \u0646\u062F\u0627\u0631\u062F"
+      emptyText: "\u062F\u0627\u062F\u0647\u200C\u0627\u06CC \u0645\u0648\u062C\u0648\u062F \u0646\u06CC\u0633\u062A"
     },
     transfer: {
-      noMatch: "\u0647\u06CC\u0686 \u0646\u062A\u06CC\u062C\u0647\u200C\u0627\u06CC \u067E\u06CC\u062F\u0627 \u0646\u0634\u062F",
-      noData: "\u0627\u0637\u0644\u0627\u0639\u0627\u062A\u06CC \u0648\u062C\u0648\u062F \u0646\u062F\u0627\u0631\u062F",
-      titles: ["\u0644\u06CC\u0633\u062A 1", "\u0644\u06CC\u0633\u062A 2"],
-      filterPlaceholder: "\u06A9\u0644\u06CC\u062F \u0648\u0627\u0698\u0647\u200C\u0647\u0627 \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646",
-      noCheckedFormat: "{total} \u0645\u0648\u0631\u062F",
-      hasCheckedFormat: "{checked} \u0645\u0648\u0631\u062F \u0627\u0632 {total} \u0645\u0648\u0631\u062F \u0627\u0646\u062A\u062E\u0627\u0628 \u0634\u062F\u0647 \u0627\u0633\u062A"
+      noMatch: "\u062F\u0627\u062F\u0647\u200C\u0627\u06CC \u0645\u0637\u0627\u0628\u0642\u062A \u0646\u062F\u0627\u0631\u062F",
+      noData: "\u062F\u0627\u062F\u0647\u200C\u0627\u06CC \u0645\u0648\u062C\u0648\u062F \u0646\u06CC\u0633\u062A",
+      titles: ["\u0641\u0647\u0631\u0633\u062A \u06F1", "\u0641\u0647\u0631\u0633\u062A \u06F2"],
+      filterPlaceholder: "\u06A9\u0644\u0645\u0647 \u06A9\u0644\u06CC\u062F\u06CC \u0631\u0627 \u0648\u0627\u0631\u062F \u06A9\u0646\u06CC\u062F",
+      noCheckedFormat: "{total} \u0622\u06CC\u062A\u0645",
+      hasCheckedFormat: "{checked}/{total} \u0627\u0646\u062A\u062E\u0627\u0628\u200C\u0634\u062F\u0647"
     },
     image: {
-      error: "\u062E\u0637\u0627 \u062F\u0631 \u0628\u0627\u0631\u06AF\u0630\u0627\u0631\u06CC \u062A\u0635\u0648\u06CC\u0631"
+      error: "\u0646\u0627\u0645\u0648\u0641\u0642"
     },
     pageHeader: {
       title: "\u0628\u0627\u0632\u06AF\u0634\u062A"
@@ -138,9 +175,9 @@ var fa = {
       cancelButtonText: "\u062E\u06CC\u0631"
     },
     carousel: {
-      leftArrow: "Carousel arrow left",
-      rightArrow: "Carousel arrow right",
-      indicator: "Carousel switch to index {index}"
+      leftArrow: "\u067E\u06CC\u06A9\u0627\u0646 \u0628\u0647 \u062C\u0647\u062A \u0686\u067E",
+      rightArrow: "\u067E\u06CC\u06A9\u0627\u0646 \u0686\u0631\u062E\u0627\u0646 \u0628\u0647 \u062C\u0647\u062A \u0631\u0627\u0633\u062A",
+      indicator: "\u0633\u0648\u0626\u06CC\u0686 \u0686\u0631\u062E\u0627\u0646 \u0628\u0647 \u0634\u0627\u062E\u0635 {index}"
     }
   }
 };