candlestick chart property view

MenaamAfzal · MenaamAfzal · commit 185da1dd2778 · 2024-05-03T15:14:10.000+05:00
diff --git a/client/packages/lowcoder-comps/src/comps/chartComp/candleStickChartComp/candleStickChartPropertyView.tsx b/client/packages/lowcoder-comps/src/comps/chartComp/candleStickChartComp/candleStickChartPropertyView.tsx
@@ -0,0 +1,54 @@
+import { CompAction } from "lowcoder-core";
+import { ChartCompChildrenType  } from "./candleStickChartConstants";
+import {
+  hiddenPropertyView,
+  Section,
+  sectionNames,
+} from "lowcoder-sdk";
+import { trans } from "i18n/comps";
+import { examplesUrl,optionUrl } from "../chartConfigs/chartUrls";
+
+export function candleStickChartPropertyView(
+  children: ChartCompChildrenType,
+  dispatch: (action: CompAction) => void
+) {
+
+  const jsonModePropertyView = (
+    <>
+      <Section name={trans("chart.config")}>
+        {children.echartsOption.propertyView({
+          label: trans("chart.echartsOptionLabel"),
+          styleName: "higher",
+          tooltip: (
+            <div>
+              <a href={optionUrl} target="_blank" rel="noopener noreferrer">
+                {trans("chart.echartsOptionTooltip")}
+              </a>
+              <br />
+              <a href={examplesUrl} target="_blank" rel="noopener noreferrer">
+                {trans("chart.echartsOptionExamples")}
+              </a>
+            </div>
+          ),
+        })}
+        {children.echartsTitle.propertyView({ label: trans("candleStickChart.title") })}
+        {children.tooltip.propertyView({label: trans("candleStickChart.tooltip")})}
+      </Section>
+      <Section name={sectionNames.interaction}>
+        {children.onEvent.propertyView()}
+      </Section>
+      <Section name={sectionNames.style}>
+         {children.style.getPropertyView()}
+      </Section>
+      <Section name={sectionNames.layout}>{hiddenPropertyView(children)}</Section>
+    </>
+  );
+  
+  const getChatConfigByMode = (mode: string) => {
+    switch(mode) {
+      case "json":
+        return jsonModePropertyView;
+    }
+  }
+  return getChatConfigByMode(children.mode.getView())
+}
